@font-face{font-family:Metropolis;src:url(../assets/fonts/Metropolis-ExtraLight.woff2) format("woff2");font-weight:200;font-display:block}html,body{margin:0;padding:0;overflow:hidden;height:100%;background:var(--intro-bg, #7db3a8)}html,body,#title,#desc,#moveHint,#controls,#social,#intro{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}body{touch-action:manipulation;overscroll-behavior:none}img,svg{-webkit-user-drag:none;user-drag:none;pointer-events:none}#scene{position:fixed;inset:0;width:100%;height:100%;touch-action:none;display:block;outline:none}@media (display-mode: standalone),(display-mode: fullscreen){html,body,#scene,#intro{width:100vw;height:100vh}#scene,#intro{inset:0 auto auto 0}}#social{position:fixed;z-index:10;left:calc(var(--social-left, 18px) + env(safe-area-inset-left,0px));bottom:calc(var(--controls-bottom, 18px) + env(safe-area-inset-bottom,0px));display:flex;align-items:center;gap:var(--social-gap, 14px);pointer-events:none;opacity:0;transition:opacity var(--intro-reveal, 2.5s) ease}body.started #social{opacity:1}body.started #social a{pointer-events:auto}#social a{position:relative;display:block;width:var(--social-size, 20px);height:var(--social-size, 20px);color:rgba(255,255,255,var(--social-opacity, .7));filter:drop-shadow(0 1px 6px rgba(15,25,15,.5));transition:color .25s ease,transform .25s ease;-webkit-tap-highlight-color:transparent}#social a:after{content:"";position:absolute;inset:-9px}#social a:hover,#social a:focus-visible{color:#fff;transform:translateY(-1px)}#social svg{width:100%;height:100%;display:block;fill:currentColor}body.dpad-active #social,body.move-hint-active #social{opacity:0;pointer-events:none;transition:opacity .3s ease}body.dpad-active #social a,body.move-hint-active #social a{pointer-events:none}#title{position:fixed;left:50%;transform:translate(-50%);z-index:6;width:max-content;top:calc(min(40px,5vh) + env(safe-area-inset-top,0px));max-width:calc(100vw - var(--title-margin, 24px) * 2 - env(safe-area-inset-left,0px) - env(safe-area-inset-right,0px));box-sizing:border-box;color:#ffffffeb;font-family:Metropolis,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:200;white-space:nowrap;text-align:center;line-height:1.4667;font-size:min(var(--title-font, 30px),var(--title-max-vw, 7.5vw),var(--title-max-vh, 6vh));letter-spacing:.378em;padding-left:.378em;text-shadow:0 2px 14px rgba(15,25,15,.55);pointer-events:none;user-select:none;-webkit-user-select:none;opacity:0;transition:opacity var(--title-fade, 2.5s) ease}#title.show{opacity:1}#title.perword{white-space:pre-line;line-height:calc(1.4667 * var(--title-perword-line, 1.2))}body.intro #title{top:calc(50% - var(--intro-title-offset, 5vh));transform:translate(-50%,-50%);font-size:calc(min(var(--title-font, 30px),var(--title-max-vw, 7.5vw),var(--title-max-vh, 6vh)) * var(--intro-title-scale, 1.44))}#intro{position:fixed;inset:0;z-index:5;background:var(--intro-bg, #7db3a8);opacity:1;transition:opacity var(--intro-reveal, 2.5s) ease}body.started #intro{opacity:0;pointer-events:none}#intro[hidden]{display:none}#desc,#moveHint{position:fixed;left:50%;transform:translate(-50%);bottom:calc(max(28px,6vh) + env(safe-area-inset-bottom,0px));color:#ffffffbf;font-family:Metropolis,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:200;font-size:calc(min(14px,3.6vw) * var(--intro-scale, 1.2));letter-spacing:.3em;padding-left:.3em;white-space:nowrap;text-shadow:0 1px 8px rgba(15,25,15,.5);pointer-events:none;user-select:none;-webkit-user-select:none;z-index:6;opacity:0;transition:opacity .6s ease}body.intro #desc{opacity:1;animation:descPulse 2.4s ease-in-out infinite}body.intro.loading #desc{animation:none;opacity:.55}@keyframes descPulse{0%,to{opacity:.45}50%{opacity:1}}#moveHint{bottom:calc(var(--controls-bottom, 18px) + env(safe-area-inset-bottom,0px) + 23px);transform:translate(-50%,calc(50% + .12em));line-height:1;transition:opacity var(--move-hint-fade-out, .5s) ease}#moveHint.show{opacity:1;transition:opacity var(--move-hint-fade-in, .25s) ease}#controls{position:fixed;right:calc(var(--controls-right, 18px) + env(safe-area-inset-right,0px));bottom:calc(var(--controls-bottom, 18px) + env(safe-area-inset-bottom,0px));display:flex;flex-direction:column;align-items:center;gap:12px;z-index:10;-webkit-user-select:none;user-select:none;pointer-events:none;opacity:0;transition:opacity var(--intro-reveal, 2.5s) ease}body.started #controls{opacity:1}#controlToggle,#controls.open #soundBtn,#controls.open #dial,#controls.hover{pointer-events:auto}@media (orientation: landscape) and (max-height: 600px){#controls{right:var(--controls-right-land, 18px);bottom:calc(var(--controls-bottom-land, 22px) + env(safe-area-inset-bottom,0px))}#moveHint{bottom:calc((var(--controls-bottom-land, 22px) + env(safe-area-inset-bottom,0px) + 23px) / 2)}#social{left:var(--social-left, 18px);bottom:calc(var(--controls-bottom-land, 22px) + env(safe-area-inset-bottom,0px))}}#controlToggle{width:46px;height:46px;border-radius:50%;border:1px solid rgba(255,255,255,.6);background:none;padding:0;margin:0;cursor:pointer;position:relative;touch-action:none}#controlToggle:after{content:"";position:absolute;left:50%;top:50%;width:26px;height:26px;border-radius:50%;transform:translate(-50%,-50%);background:#fff9;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:transform .3s ease,background .3s ease}#controls.hover #controlToggle:after{transform:translate(-50%,-50%) scale(1.15);background:#fffc}#controlPanel{display:flex;flex-direction:column;align-items:center;gap:14px;opacity:0;transform:translateY(14px) scale(.92);transform-origin:bottom center;pointer-events:none;transition:opacity var(--panel-anim, .3s) ease,transform var(--panel-anim, .3s) ease}#controls.open #controlPanel{opacity:1;transform:none;pointer-events:auto}#dial{position:relative;width:96px;height:96px;border-radius:50%;border:1px solid rgba(255,255,255,.45);background:#141e1947;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none}#dial.pressed{cursor:grabbing}#dialKnob,#dialBtns{opacity:.4;transition:opacity var(--dial-anim, .35s) ease}#dial.active #dialKnob,#dial.active #dialBtns{opacity:1}#dialBtns{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:54px;height:54px;border-radius:50%;overflow:hidden;display:flex;flex-direction:column;gap:1px}.dialBtn{flex:1;width:100%;padding:0;margin:0;border:none;background:#0c140f8c;color:#ffffffe6;display:flex;align-items:center;justify-content:center;cursor:pointer;touch-action:none;-webkit-tap-highlight-color:transparent}.dialBtn svg{width:11px;height:11px;fill:#ffffffe6;display:block}.dialBtn.held{background:#ffffff40}#dialKnob{position:absolute;left:50%;top:50%;width:16px;height:16px;border-radius:50%;background:#fffcf0f2;border:1px solid rgba(120,110,90,.4);box-shadow:0 1px 6px #141e1466;margin:-8px 0 0 -8px;pointer-events:none;box-sizing:border-box}#soundBtn{width:44px;height:44px;padding:0;margin:0;border-radius:50%;border:1px solid rgba(255,255,255,.45);background:#141e1659;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;touch-action:none;-webkit-tap-highlight-color:transparent}#soundBtn img{width:20px;height:20px;opacity:.9;display:block;pointer-events:none}#soundBtn img[hidden]{display:none}#dpad{position:fixed;z-index:9;--d: var(--dpad-size, 60px);--s: var(--dpad-spread, 46px);width:calc(var(--s) * 2 + var(--d));height:calc(var(--s) * 2 + var(--d));bottom:calc(var(--dpad-bottom, 24px) + env(safe-area-inset-bottom,0px));opacity:0;pointer-events:none;transition:opacity var(--dpad-fade-out, .6s) ease}#dpad.show{opacity:1;pointer-events:none;transition:opacity var(--dpad-fade-in, .25s) ease}body.dpad-active #controls,body.move-hint-active #controls{opacity:0!important;pointer-events:none;transition:opacity .3s ease}body.dpad-active #controls *,body.move-hint-active #controls *{pointer-events:none}#dpad.show .dpadBtn{pointer-events:auto}.dpadBtn{position:absolute;left:50%;top:50%;margin:calc(var(--d) / -2) 0 0 calc(var(--d) / -2);width:var(--d);height:var(--d);border-radius:50%;padding:0;border:1px solid rgba(255,255,255,.45);background:#141e1659;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;touch-action:none;-webkit-tap-highlight-color:transparent;pointer-events:none}.dpadBtn[data-dir=up]{transform:translateY(calc(var(--s) * -1))}.dpadBtn[data-dir=left]{transform:translate(calc(var(--s) * -1))}.dpadBtn[data-dir=right]{transform:translate(var(--s))}.dpadBtn[data-dir=down]{transform:translateY(var(--s))}.dpadBtn svg{width:45%;height:45%;fill:#ffffffe6;pointer-events:none}.dpadBtn.held{background:#ffffff40}#loadError{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);color:#fff;background:#0009;padding:14px 18px;border-radius:8px;font:14px/1.5 system-ui,sans-serif;max-width:80vw;white-space:pre-wrap;display:none;z-index:20}html.no-ui #title,html.no-ui #controls{display:none}@media (display-mode: standalone),(display-mode: fullscreen){#controls{bottom:auto;top:calc(100vh - var(--controls-bottom, 18px) - env(safe-area-inset-bottom,0px));transform:translateY(-100%)}#moveHint{bottom:auto;top:calc(100vh - var(--controls-bottom, 18px) - env(safe-area-inset-bottom,0px) - 23px);transform:translate(-50%,calc(-50% + .12em))}#dpad{bottom:auto;top:calc(100vh - var(--dpad-bottom, 24px) - env(safe-area-inset-bottom,0px));transform:translateY(-100%)}}@media (display-mode: standalone) and (orientation: landscape) and (max-height: 600px),(display-mode: fullscreen) and (orientation: landscape) and (max-height: 600px){#controls{top:calc(100vh - var(--controls-bottom-land, 22px) - env(safe-area-inset-bottom,0px))}#moveHint{top:calc(100vh - (var(--controls-bottom-land, 22px) + env(safe-area-inset-bottom,0px) + 23px) / 2)}}