/* Photographic spiral and readable future-activity message for Garden players. */
#cube-discover{padding:0;gap:0;background:#030409;container-type:inline-size}
.spiral-viewport{position:absolute;inset:0;overflow:hidden;border-radius:5px;pointer-events:none}
.spiral-galaxy{position:absolute;inset:0 auto 0 -11%;width:145%;height:100%;max-width:none;object-fit:cover;transform-origin:42% 49%}
.spiral-shade{position:absolute;inset:0;background:radial-gradient(ellipse,#050914dc 0%,#050914bd 45%,#03040918 100%)}
.spiral-message{position:absolute;inset:8%;display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:Georgia,serif;color:#fff7da;line-height:1.06;text-shadow:0 3px 12px #000,0 0 22px #eed4a950;transform-origin:50% 50%}
.spiral-more{font-size:calc(var(--size)*.105);letter-spacing:.13em;margin-bottom:calc(var(--size)*.04)}
.spiral-imagination{font-size:calc(var(--size)*.133);letter-spacing:-.045em}
.spiral-fun{font-size:calc(var(--size)*.23);font-style:italic;margin:calc(var(--size)*.01) 0 calc(var(--size)*.05)}
.spiral-soon{font:500 calc(var(--size)*.07)/1.3 'Segoe UI',sans-serif;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;border-top:1px solid #e9d69a60;padding-top:calc(var(--size)*.04)}
@supports(font-size:1cqw){.spiral-more{font-size:10.5cqw;margin-bottom:4cqw}.spiral-imagination{font-size:13.3cqw}.spiral-fun{font-size:23cqw;margin:1cqw 0 5cqw}.spiral-soon{font-size:7cqw;padding-top:4cqw}}
.spiral-running .spiral-galaxy{will-change:transform,opacity}.spiral-running .spiral-message{will-change:transform,opacity}.spiral-running .spiral-shade{will-change:opacity}
.spiral-unavailable .spiral-galaxy{display:none}
.spiral-credit{max-width:650px;margin:7px auto 0;font-size:11px;line-height:1.6;color:#e1e3ce;text-wrap:pretty}
.spiral-credit a{color:#f4ead1;text-underline-offset:3px}
:lang(th) .spiral-message{font-family:'Leelawadee UI',Tahoma,sans-serif;line-height:1.3}
:lang(th) .spiral-more{font-size:calc(var(--size)*.09);letter-spacing:0;margin-bottom:calc(var(--size)*.01)}
:lang(th) .spiral-imagination{font-size:calc(var(--size)*.13);letter-spacing:-.03em}
:lang(th) .spiral-fun{font-size:calc(var(--size)*.165);font-style:normal;margin:calc(var(--size)*.01) 0 calc(var(--size)*.04)}
:lang(th) .spiral-soon{font-size:calc(var(--size)*.075);letter-spacing:0}
@supports(font-size:1cqw){:lang(th) .spiral-more{font-size:9cqw;margin-bottom:1cqw}:lang(th) .spiral-imagination{font-size:13cqw}:lang(th) .spiral-fun{font-size:16.5cqw;margin:1cqw 0 4cqw}:lang(th) .spiral-soon{font-size:7.5cqw}}
body.list-mode #cube-discover{min-height:260px;padding:0}
@media(forced-colors:active){.spiral-galaxy,.spiral-shade{display:none}.spiral-message{color:CanvasText;background:Canvas;text-shadow:none;opacity:1!important;transform:none!important}.spiral-soon{border-color:CanvasText}}
@media print{.spiral-message{opacity:1!important;transform:none!important}}
.spiral-controls{text-align:center}.spiral-controls button{min-height:44px;margin:4px auto;font-size:12px}