:root{--ink:#e9ecf1;--ink-dim:#e9ecf19e;--ink-faint:#e9ecf18c;--bg:#050607;--hair:#e9ecf138;--font:"Instrument Sans Variable", "Instrument Sans", ui-sans-serif, system-ui, -apple-system, "Segoe UI", "PingFang SC", "Microsoft YaHei", "Noto Sans CJK SC", sans-serif;--ease:cubic-bezier(.22, .61, .36, 1);color-scheme:dark}*{box-sizing:border-box}[hidden]{display:none!important}html,body{background:var(--bg);height:100%;color:var(--ink);font-family:var(--font);overscroll-behavior:none;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;touch-action:none;user-select:none;margin:0;overflow:hidden}#view{cursor:default;outline:none;width:100vw;height:100dvh;display:block;position:fixed;inset:0}body.walking #view{cursor:none}#veil{background:var(--bg);pointer-events:none;transition:opacity 1.4s var(--ease);position:fixed;inset:0}#veil.lifted{opacity:0}.title{left:max(32px, calc(env(safe-area-inset-left) + 20px));bottom:max(34px, calc(env(safe-area-inset-bottom) + 20px));pointer-events:none;opacity:1;transition:opacity 1.6s var(--ease), transform 1.6s var(--ease);margin:0;position:fixed;transform:none}@starting-style{.title{opacity:0;transform:translateY(6px)}}.title.gone{opacity:0;transition-duration:.9s}.title .kicker{letter-spacing:.22em;text-transform:uppercase;color:var(--ink-dim);margin:0 0 6px;font-size:11px;font-weight:500}.title h1{letter-spacing:-.01em;margin:0;font-size:clamp(26px,3.2vw,44px);font-weight:450;line-height:1.05}.title .sub{color:var(--ink-dim);letter-spacing:.01em;margin:10px 0 0;font-size:13px}.enter{left:50%;bottom:max(7vh, calc(env(safe-area-inset-bottom) + 30px));z-index:3;color:var(--ink);font:500 12.5px/1 var(--font);letter-spacing:.28em;text-transform:uppercase;white-space:nowrap;text-shadow:0 1px 16px #000000b3,0 0 2px #00000073;pointer-events:none;opacity:0;transition:opacity .9s var(--ease), transform .9s var(--ease);background:0 0;border:0;border-radius:999px;padding:14px 24px;position:fixed;transform:translate(-50%,8px)}.enter.shown{opacity:1;transform:translate(-50%)}.enter.shown .enter-label{animation:3.6s ease-in-out 1.4s infinite prompt-breathe}@keyframes prompt-breathe{0%,to{opacity:1}55%{opacity:.58}}.enter-label{align-items:center;display:none}.enter:not([data-mode=resume]) .enter-label[data-desktop]{display:inline-flex}body.touch-device .enter:not([data-mode=resume]) .enter-label[data-desktop]{display:none}body.touch-device .enter:not([data-mode=resume]) .enter-label[data-touch],.enter[data-mode=resume] .enter-label[data-resume]{display:inline-flex}.enter-label:before,.enter-label:after{content:"";background:#e9ecf16b;flex:none;width:26px;height:1px}.enter-label:before{margin-right:16px}.enter-label:after{margin-left:13px}.enter .cue-click{border:1.2px solid #e9ecf1d9;border-radius:6px;flex:none;width:11px;height:16px;margin-right:14px;display:inline-block;position:relative}.enter .cue-click:before{content:"";opacity:.22;background:#e9ecf1e6;border-radius:5px 0 0;width:50%;height:44%;position:absolute;top:0;left:0}.enter .cue-click:after{content:"";background:#e9ecf199;width:1px;height:44%;margin-left:-.5px;position:absolute;top:0;left:50%}.enter.shown .cue-click:before{animation:3.6s ease-in-out 1.4s infinite cue-press}@keyframes cue-press{0%,22%,to{opacity:.22}3%,9%{opacity:1}}.enter .cue-key{border:1.2px solid #e9ecf1d9;border-radius:4px;flex:none;width:15px;height:15px;margin-right:14px;display:inline-block;position:relative}.enter .cue-key:before{content:"";opacity:.18;background:#e9ecf1e6;border-radius:1.5px;position:absolute;inset:2.5px}.enter.shown .cue-key:before{animation:3.6s ease-in-out 1.4s infinite cue-press}.enter .cue-tap{flex:none;width:16px;height:16px;margin-right:14px;display:inline-block;position:relative}.enter .cue-tap:before{content:"";background:#e9ecf1eb;border-radius:50%;position:absolute;inset:4.5px}.enter .cue-tap:after{content:"";opacity:0;border:1px solid #e9ecf1bf;border-radius:50%;position:absolute;inset:0}.enter.shown .cue-tap:after{animation:3.6s cubic-bezier(.2,.6,.3,1) 1.4s infinite cue-ripple}@keyframes cue-ripple{0%{opacity:.95;transform:scale(.4)}32%,to{opacity:0;transform:scale(1.3)}}.prompt-scrim{z-index:1;pointer-events:none;opacity:0;height:48vh;transition:opacity .9s var(--ease);background:linear-gradient(#05060700 0%,#0506071f 30%,#0506075c 66%,#05060799 100%);position:fixed;bottom:0;left:0;right:0}.enter.shown~.prompt-scrim{opacity:1}.hint{left:50%;bottom:max(28px, calc(env(safe-area-inset-bottom) + 24px));letter-spacing:.08em;color:var(--ink-dim);text-shadow:0 1px 12px #0009;white-space:nowrap;pointer-events:none;opacity:0;visibility:hidden;transition:opacity 1.2s var(--ease), visibility 0s linear 1.2s;font-size:12px;position:fixed;transform:translate(-50%)}.hint.shown{opacity:1;visibility:visible;transition:opacity 1.2s var(--ease)}.hint kbd{font:500 11px/1 var(--font);border:1px solid var(--hair);color:var(--ink);border-radius:5px;margin:0 2px;padding:3px 6px 2px}.info{right:max(18px, calc(env(safe-area-inset-right) + 14px));top:max(18px, calc(env(safe-area-inset-top) + 14px));border:1px solid var(--hair);backdrop-filter:blur(10px);width:30px;height:30px;color:var(--ink-dim);cursor:pointer;opacity:0;transition:opacity .6s var(--ease), color .2s;background:#080a0c4d;border-radius:50%;font:italic 500 14px/1 Georgia,Times New Roman,serif;position:fixed}.info:before{content:"";border-radius:50%;position:absolute;inset:-7px}.info.shown{opacity:.8}.info:hover,.info:focus-visible{opacity:1;color:var(--ink)}body.walking:not(.touch-device) .info{opacity:0;pointer-events:none}body.walking.touch-device .info.shown{opacity:.55}.enter:focus-visible,.info:focus-visible,.about .close:focus-visible,.fallback .retry:focus-visible{outline:2px solid var(--ink);outline-offset:3px}.about{right:max(18px, calc(env(safe-area-inset-right) + 14px));top:max(58px, calc(env(safe-area-inset-top) + 40px));width:min(380px,100vw - 36px);max-height:calc(100vh - max(58px, calc(env(safe-area-inset-top) + 40px)) - max(16px, env(safe-area-inset-bottom)));max-height:calc(100dvh - max(58px, calc(env(safe-area-inset-top) + 40px)) - max(16px, env(safe-area-inset-bottom)));overscroll-behavior:contain;touch-action:pan-y;border:1px solid var(--hair);backdrop-filter:blur(20px)saturate(1.2);color:var(--ink-dim);user-select:text;background:#090b0eb8;border-radius:14px;padding:22px 22px 18px;font-size:13px;line-height:1.55;position:fixed;overflow-y:auto}@media (height<=480px){.about{top:max(12px, env(safe-area-inset-top));right:calc(max(18px, calc(env(safe-area-inset-right) + 14px)) + 38px);width:min(380px,100vw - 74px);max-height:calc(100vh - max(12px, env(safe-area-inset-top)) - max(12px, env(safe-area-inset-bottom)));max-height:calc(100dvh - max(12px, env(safe-area-inset-top)) - max(12px, env(safe-area-inset-bottom)))}}.about h2{color:var(--ink);letter-spacing:.01em;margin:0 0 10px;font-size:15px;font-weight:550}.about p{margin:0 0 10px}.about .credits{color:var(--ink-faint);font-size:12px}.about .keys{font-size:12px}.about .keys span{color:var(--ink)}.about .close{border:1px solid var(--hair);color:var(--ink);font:500 12px/1 var(--font);letter-spacing:.08em;cursor:pointer;background:0 0;border-radius:999px;margin-top:4px;padding:7px 14px;position:relative}.about .close:before{content:"";position:absolute;inset:-8px -2px}@media (height<=480px){.about .close{background:#0c0e11;position:sticky;bottom:8px}}.touch{pointer-events:none;position:fixed;inset:0}.touch .stick{opacity:0;width:112px;height:112px;transition:opacity .25s var(--ease);background:radial-gradient(circle,#ffffff0d,#fff0 70%);border:1px solid #e9ecf147;border-radius:50%;margin:-56px 0 0 -56px;position:absolute}.touch .stick.active{opacity:1}.touch .knob{background:#e9ecf138;border:1px solid #e9ecf173;border-radius:50%;width:40px;height:40px;margin:-20px 0 0 -20px;position:absolute;top:50%;left:50%}.fallback{text-align:center;color:var(--ink);background:var(--bg);user-select:text;place-content:center;padding:24px;font-size:16px;display:grid;position:fixed;inset:0}.fallback .small{color:var(--ink-dim);font-size:13px}.fallback .retry{border:1px solid var(--hair);color:var(--ink);font:500 12px/1 var(--font);letter-spacing:.14em;text-transform:uppercase;cursor:pointer;background:0 0;border-radius:999px;justify-self:center;margin-top:14px;padding:11px 22px 10px}.fallback .retry:hover{border-color:#e9ecf180}@media (forced-colors:active){#veil,.title,.hint,.fallback{forced-color-adjust:none}#veil,.fallback{background:#050607}.title,.hint,.fallback{color:#e9ecf1}.enter,.info,.about,.fallback .retry{forced-color-adjust:none;color:#fff;background:#000;border-color:#fff}}@media (prefers-contrast:more){:root{--ink-dim:var(--ink);--ink-faint:var(--ink);--hair:#e9ecf199}.about{background:#090b0eeb}.info.shown{opacity:1}}@media (prefers-reduced-motion:reduce){#veil,.title,.enter,.hint,.info{transition-duration:1ms}.enter.shown .enter-label{animation:none}.enter.shown .cue-click:before{opacity:.7;animation:none}.enter.shown .cue-key:before{opacity:.6;animation:none}.enter.shown .cue-tap:after{opacity:.6;animation:none;transform:none}}html,body{-webkit-user-select:none;-webkit-touch-callout:none}.about{-webkit-user-select:text}.fallback{z-index:70}.rotate{z-index:60;padding:max(24px, env(safe-area-inset-top)) max(24px, env(safe-area-inset-right)) max(24px, env(safe-area-inset-bottom)) max(24px, env(safe-area-inset-left));background:var(--bg);color:var(--ink);text-align:center;opacity:0;visibility:hidden;transition:opacity .42s var(--ease), visibility 0s linear .42s;touch-action:none;place-content:center;justify-items:center;display:grid;position:fixed;inset:0}.rotate.on{opacity:1;visibility:visible;transition:opacity .26s var(--ease)}@media (orientation:portrait) and (pointer:coarse) and (hover:none){html:not(.gate-js) .rotate{opacity:1;visibility:visible;transition:none}}.rotate:not(.on) *{animation-play-state:paused!important}html.portrait-blocked .title,html.portrait-blocked .enter,html.portrait-blocked .hint,html.portrait-blocked .guide{visibility:hidden}.rotate-art{aspect-ratio:1;width:clamp(150px,30vmin + 60px,236px);margin-bottom:clamp(20px,3vmin,34px)}.rotate-art svg{width:100%;height:100%;overflow:visible}.rotate-art path,.rotate-art rect,.rotate-art line{fill:none;stroke-linecap:round;stroke-linejoin:round}.rotate .g-body{stroke:#e9ecf1e6;stroke-width:1.15px}.rotate .g-dim{stroke:#e9ecf152;stroke-width:.8px}.rotate .g-arc,.rotate .g-arc-head{stroke:#e9ecf18c;stroke-width:.8px}.rotate .g-room{stroke:#aab8cee6;stroke-width:.8px}.rotate-head{letter-spacing:.01em;margin:0;font-size:clamp(16px,.9vmin + 12.5px,21px);font-weight:460}.rotate-sub{color:var(--ink-dim);letter-spacing:.01em;margin:8px 0 0;font-size:clamp(13px,.5vmin + 11px,15.5px)}.rotate-tap{letter-spacing:.2em;text-transform:uppercase;color:var(--ink-faint);margin:22px 0 0;font-size:10.5px}.rotate [data-back],.rotate.back [data-first]{display:none}.rotate.back [data-back]{display:block}.rotate .g-device{transform-box:view-box;transform-origin:60px 60px;animation:g-turn 4.6s var(--ease) infinite}.rotate .g-arc{stroke-dasharray:1;stroke-dashoffset:1px;animation:g-arc 4.6s var(--ease) infinite}.rotate .g-arc-head{opacity:0;animation:4.6s linear infinite g-head}.rotate .g-room{stroke-dasharray:1;stroke-dashoffset:1px;animation:4.6s cubic-bezier(.45,0,.25,1) infinite g-room;animation-delay:calc(var(--i) * 70ms)}@keyframes g-turn{0%{opacity:0;transform:rotate(0)}7%{opacity:1;transform:rotate(0)}14%{transform:rotate(0)}33%{transform:rotate(-90deg)}84%{opacity:1;transform:rotate(-90deg)}95%,to{opacity:0;transform:rotate(-90deg)}}@keyframes g-arc{0%,12%{stroke-dashoffset:1px;opacity:1}32%{stroke-dashoffset:0;opacity:1}48%,to{stroke-dashoffset:0;opacity:0}}@keyframes g-head{0%,30%{opacity:0}33%{opacity:1}40%{opacity:1}48%,to{opacity:0}}@keyframes g-room{0%,35%{stroke-dashoffset:1px;opacity:1}56%{stroke-dashoffset:0;opacity:1}80%{stroke-dashoffset:0;opacity:1}90%,to{stroke-dashoffset:0;opacity:0}}@media (prefers-reduced-motion:reduce){.rotate .g-device{animation:none;transform:rotate(-90deg)}.rotate .g-arc{stroke-dashoffset:0;animation:none}.rotate .g-arc-head{opacity:1;animation:none}.rotate .g-room{stroke-dashoffset:0;animation:none}.rotate,.rotate.on{transition-duration:1ms}}:root{--stick-d:116px}.touch .stick{width:var(--stick-d);height:var(--stick-d);margin:calc(var(--stick-d) / -2) 0 0 calc(var(--stick-d) / -2);opacity:0;transition:opacity .26s var(--ease), transform .2s var(--ease), border-color .22s var(--ease);will-change:transform, opacity;background:radial-gradient(circle,#080a0c33 0%,#080a0c1a 62%,#080a0c0a 71%);border:1px solid #e9ecf16b;transform:scale(.86);box-shadow:0 0 0 1px #080a0c1f,inset 0 0 0 1px #080a0c14}.touch .stick.active{opacity:1;transition:opacity .12s var(--ease), transform .16s var(--ease), border-color .22s var(--ease);transform:none}.touch .stick.active.settled{opacity:.5;transition:opacity .9s var(--ease), border-color .22s var(--ease)}.touch .stick.brisk{border-color:#e9ecf1bf}.touch .stick.active.settled.brisk{opacity:.7}.touch .knob{width:max(38px, calc(var(--stick-d) * .36));height:max(38px, calc(var(--stick-d) * .36));margin:calc(max(38px, calc(var(--stick-d) * .36)) / -2) 0 0 calc(max(38px, calc(var(--stick-d) * .36)) / -2);transition:background .16s var(--ease);will-change:transform;background:#e9ecf14d;border:1px solid #e9ecf199;box-shadow:0 1px 8px #00000038}.touch .stick.brisk .knob{background:#e9ecf18c}.touch .stick:before{content:"";opacity:.7;background:linear-gradient(#e9ecf166,#e9ecf166) 50% 0/1px 7px no-repeat,linear-gradient(#e9ecf166,#e9ecf166) 50% 100%/1px 7px no-repeat,linear-gradient(#e9ecf166,#e9ecf166) 0/7px 1px no-repeat,linear-gradient(#e9ecf166,#e9ecf166) 100%/7px 1px no-repeat;border-radius:50%;position:absolute;inset:-1px}.guide{z-index:20;pointer-events:none;opacity:0;transition:opacity .7s var(--ease);color:var(--ink);position:fixed;inset:0}.guide.shown{opacity:1}.guide.leaving{opacity:0;transition-duration:.8s}.guide .cue{transition:opacity .45s var(--ease)}.guide.walk-done .cue-walk,.guide.thumb-on .cue-walk .thumb,.guide.look-done .cue-look{opacity:0}.guide.thumb-on .cue-walk{opacity:0;transition-duration:.2s}.guide .cue-label,.guide .cue-tip{backdrop-filter:blur(10px)saturate(1.2);letter-spacing:.17em;text-transform:uppercase;color:var(--ink);white-space:nowrap;background:#080a0c66;border:1px solid #e9ecf12e;border-radius:999px;margin:0;padding:7px 13px 6px;font-size:11px;font-weight:500}.guide kbd{min-width:22px;height:22px;font:500 11px/1 var(--font);letter-spacing:.04em;color:var(--ink);background:#080a0c47;border:1px solid #e9ecf14d;border-radius:6px;place-items:center;padding:0 6px;display:inline-grid}.guide .cue-tip{letter-spacing:.04em;text-transform:none;opacity:0;transition:opacity .6s var(--ease);font-size:12px;position:absolute}.guide.tip .cue-tip{opacity:1}.guide-touch .cue-walk,.guide-touch .cue-look{top:var(--home-y);transform:translate(-50%, calc(-100% + var(--stick-d) / 2));justify-items:center;display:grid;position:absolute}.guide-touch .cue-label{order:-1;margin-bottom:12px}.guide-touch .cue-walk{left:var(--home-x)}.guide-touch .cue-look{left:var(--look-x)}.guide-touch .ghost,.guide-touch .sweep{width:var(--stick-d);height:var(--stick-d);position:relative}.guide-touch .sweep{width:calc(var(--stick-d) * 1.9)}.guide-touch .ghost{background:radial-gradient(circle,#080a0c38 0%,#080a0c1a 62%,#080a0c0a 71%);border:1px dashed #e9ecf199;border-radius:50%;box-shadow:0 0 0 1px #080a0c1a}.guide-touch .ghost-knob{width:calc(var(--stick-d) * .36);height:calc(var(--stick-d) * .36);margin:calc(var(--stick-d) * -.18) 0 0 calc(var(--stick-d) * -.18);animation:g-push 2.6s var(--ease) infinite;background:#e9ecf129;border:1px solid #e9ecf18c;border-radius:50%;position:absolute;top:50%;left:50%}.guide-touch .thumb{width:44px;height:44px;transition:opacity .2s var(--ease);background:radial-gradient(circle,#f4f6f98c,#f4f6f938 66%,#f4f6f900 72%);border-radius:50%;margin:-22px 0 0 -22px;position:absolute;top:50%;left:50%;box-shadow:0 0 0 1px #e9ecf159,0 2px 10px #00000040}.guide-touch .cue-walk .thumb{animation:g-push-thumb 2.6s var(--ease) infinite}@keyframes g-push{0%,16%{transform:translate(0)}40%,62%{transform:translate(0, calc(var(--stick-d) * -.3))}78%,to{transform:translate(0)}}@keyframes g-push-thumb{0%{opacity:0;transform:translate(0)scale(1.25)}12%,16%{opacity:1;transform:translate(0)scale(1)}40%,62%{transform:translate(0, calc(var(--stick-d) * -.3)) scale(1);opacity:1}78%{opacity:1;transform:translate(0)scale(1)}90%,to{opacity:0;transform:translate(0)scale(1.15)}}.guide-touch .sweep-line{filter:drop-shadow(0 0 2px #00000080);background:linear-gradient(90deg,#e9ecf100,#e9ecf1b3 22% 78%,#e9ecf100);height:1px;position:absolute;top:50%;left:6%;right:6%}.guide-touch .sweep-line:before,.guide-touch .sweep-line:after{content:"";border:0 solid #e9ecf1bf;border-width:0 0 1px 1px;width:7px;height:7px;position:absolute;top:-4px}.guide-touch .sweep-line:before{left:12%;transform:rotate(45deg)}.guide-touch .sweep-line:after{right:12%;transform:rotate(-135deg)}.guide-touch .cue-look .thumb{opacity:0;animation:3s cubic-bezier(.45,0,.3,1) .9s infinite g-sweep}@keyframes g-sweep{0%{transform:translateX(calc(var(--stick-d) * -.55)) scale(1.25);opacity:0}10%{transform:translateX(calc(var(--stick-d) * -.55)) scale(1);opacity:1}45%{transform:translateX(calc(var(--stick-d) * .55)) scale(1);opacity:1}52%{transform:translateX(calc(var(--stick-d) * .55)) scale(1);opacity:1}82%{transform:translateX(calc(var(--stick-d) * -.35)) scale(1);opacity:1}92%,to{transform:translateX(calc(var(--stick-d) * -.35)) scale(1.15);opacity:0}}.guide-touch .cue-tip{left:var(--home-x);top:calc(var(--home-y) - var(--stick-d) * .5 - 30px);transform:translate(-30%)}.guide-touch.remind .cue-look,.guide-touch.remind .cue-label,.guide-touch.remind .thumb,.guide-touch.remind .cue-tip{display:none}.guide-touch.remind .ghost-knob{animation:none}.guide-touch.remind .cue-walk{opacity:.75}.guide-desktop .pair{left:50%;bottom:max(calc(7vh + 60px), calc(env(safe-area-inset-bottom) + 92px));backdrop-filter:blur(18px)saturate(1.2);background:#080a0c75;border:1px solid #e9ecf129;border-radius:18px;align-items:flex-end;gap:0;padding:18px 8px 16px;display:flex;position:absolute;transform:translate(-50%);box-shadow:0 10px 40px #00000040}.guide-desktop .cue{justify-items:center;gap:14px;padding:0 30px;display:grid}.guide-desktop .cue+.cue{border-left:1px solid #e9ecf11f}.guide-desktop .cue-label{backdrop-filter:none;background:0 0;border:0;padding:0;font-size:11px}.guide-desktop .keys{grid-template-rows:34px 34px;grid-template-columns:repeat(3,34px);gap:6px;display:grid}.guide-desktop .keys kbd{width:34px;height:34px;font-size:13px;animation:3.2s linear infinite g-key}.guide-desktop .keys kbd[data-k=w]{grid-area:1/2;animation-delay:0s}.guide-desktop .keys kbd[data-k=a]{grid-area:2/1;animation-delay:2.4s}.guide-desktop .keys kbd[data-k=s]{grid-area:2/2;animation-delay:1.6s}.guide-desktop .keys kbd[data-k=d]{grid-area:2/3;animation-delay:.8s}@keyframes g-key{0%{background:#e9ecf142;border-color:#e9ecf1b3}22%{background:#e9ecf142;border-color:#e9ecf1b3}32%,to{background:#080a0c47;border-color:#e9ecf14d}}.guide-desktop .cue-aside{letter-spacing:.04em;text-transform:none;color:var(--ink-dim);margin-left:12px}.guide-desktop .cue-aside kbd{height:19px;margin-right:4px;font-size:10px}.guide-desktop .mouse{place-items:center;width:120px;height:74px;display:grid;position:relative}.guide-desktop .mouse:before,.guide-desktop .mouse:after{content:"";border:0 solid #e9ecf18c;border-width:0 0 1px 1px;width:7px;height:7px;margin-top:-4px;position:absolute;top:50%}.guide-desktop .mouse:before{left:4px;transform:rotate(45deg)}.guide-desktop .mouse:after{right:4px;transform:rotate(-135deg)}.guide-desktop .mouse-body{border:1px solid #e9ecf1bf;border-radius:14px;width:28px;height:42px;animation:2.8s cubic-bezier(.45,0,.3,1) infinite g-mouse;position:relative}.guide-desktop .mouse-wheel{background:#e9ecf18c;width:1px;height:7px;position:absolute;top:7px;left:50%}@keyframes g-mouse{0%,to{transform:translate(-26px)}50%{transform:translate(26px)}}.guide-desktop .cue-tip{left:50%;bottom:max(calc(7vh + 8px), calc(env(safe-area-inset-bottom) + 38px));transform:translate(-50%)}.guide-desktop .cue-tip kbd{height:20px;font-size:10.5px}.guide-desktop.remind .pair{display:none}.guide-desktop.remind .cue-tip{opacity:1;bottom:max(28px, calc(env(safe-area-inset-bottom) + 24px))}@media (height<=420px){.guide .cue-label{letter-spacing:.16em;font-size:10px}.rotate-art{margin-bottom:18px}}@media (prefers-reduced-motion:reduce){.guide-touch .ghost-knob,.guide-touch .cue-walk .thumb,.guide-touch .cue-look .thumb,.guide-desktop .keys kbd,.guide-desktop .mouse-body{animation:none}.guide-touch .cue-walk .thumb{transform:translate(0, calc(var(--stick-d) * -.3));opacity:1}.guide-touch .ghost-knob{transform:translate(0, calc(var(--stick-d) * -.3))}.guide-touch .cue-look .thumb{opacity:1}.guide,.guide .cue,.touch .stick{transition-duration:1ms}}@media (forced-colors:active){.rotate,.guide{forced-color-adjust:none}}.hint.sr{clip-path:inset(50%);white-space:nowrap;visibility:visible;opacity:1;width:1px;height:1px;position:fixed;bottom:0;left:0;overflow:hidden;transform:none}.guide-desktop .cue{max-width:280px;transition:opacity .45s var(--ease), max-width .52s var(--ease) .26s, padding .52s var(--ease) .26s, border-color .3s var(--ease) .26s;overflow:hidden}.guide-desktop.walk-done .cue-walk,.guide-desktop.look-done .cue-look{max-width:0;padding-left:0;padding-right:0}.guide-desktop.walk-done .cue+.cue,.guide-desktop.look-done .cue+.cue{border-left-color:#0000}.guide-desktop .pair{transition:opacity .36s var(--ease), transform .36s var(--ease)}.guide-desktop.walk-done.look-done .pair{opacity:0;transform:translate(-50%,6px)}@font-face{font-family:Instrument Sans Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(/acoustic/ding-music-hall/app/instrument-sans-latin-ext-wght-normal-B5bTHO_g.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Instrument Sans Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(/acoustic/ding-music-hall/app/instrument-sans-latin-wght-normal-BbzFLZTg.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}.door-note{left:50%;bottom:max(17vh, calc(env(safe-area-inset-bottom) + 72px));text-align:center;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .8s var(--ease), transform .8s var(--ease), visibility 0s linear .8s;z-index:15;text-shadow:0 1px 16px #000c,0 0 2px #0000008c;white-space:nowrap;margin:0;position:fixed;transform:translate(-50%,6px)}.door-note.shown{opacity:1;visibility:visible;transition:opacity .4s var(--ease), transform .4s var(--ease);transform:translate(-50%)}.door-note .dn-head{letter-spacing:.24em;text-transform:uppercase;color:var(--ink);margin:0;font-size:11.5px;font-weight:500}.door-note .dn-head:before,.door-note .dn-head:after{content:"";vertical-align:middle;background:#e9ecf173;width:22px;height:1px;margin:0 14px 3px;display:inline-block}.door-note .dn-sub{letter-spacing:.02em;color:var(--ink-dim);margin:7px 0 0;font-size:12.5px}@media (height<=420px){.door-note{bottom:max(24vh, calc(env(safe-area-inset-bottom) + 64px))}}html.portrait-blocked .door-note{visibility:hidden}@media (prefers-reduced-motion:reduce){.door-note,.door-note.shown{transition-duration:1ms;transform:translate(-50%)}}