@font-face{font-family:DM Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/dm-mono-latin-400-normal-4GdczIuU.woff2)format("woff2"),url(/assets/dm-mono-latin-400-normal--0xN8mdc.woff)format("woff")}.hud{--ink:#fff6e8eb;--soft:#fff6e8bf;--line:#fff6e880;--shadow:0 0 7px #1e0f058c,0 1px 2px #1e0f0599;--edge:28px;--inset:48px;--top:44px;--bottom:44px;--hit:32px;pointer-events:none;z-index:2;letter-spacing:.06em;color:var(--ink);text-shadow:var(--shadow);-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none;font:400 18px/1 DM Mono,ui-monospace,SFMono-Regular,Menlo,monospace;position:fixed;inset:0}.hud:not(.power) :is(.hud-corner,.hud-rec,.hud-tc,.hud-music){visibility:hidden}.hud-exposure{mix-blend-mode:screen;opacity:0;background:#fff4e457;position:absolute;inset:0}.hud.power .hud-exposure{animation:.8s cubic-bezier(.1,.6,.3,1) both hud-exposure}.hud.power .hud-corner{animation:.55s step-end both hud-stutter,.55s cubic-bezier(.2,.8,.2,1) both hud-settle}.hud.power .hud-rec{animation:hud-stutter-short .35s steps(1,end) var(--p-rec,.5s) both}.hud.power .hud-tc{animation:hud-stutter-short .3s steps(1,end) var(--p-counter,.7s) both}.hud.power .hud-music{animation:hud-stutter-short .35s steps(1,end) var(--p-music,.9s) both}@keyframes hud-exposure{0%{opacity:0}7%{opacity:1}to{opacity:0}}@keyframes hud-stutter{0%{opacity:0}9%{opacity:.9}17%{opacity:0}29%{opacity:.6}36%{opacity:0}50%{opacity:1}58%{opacity:.3}68%,to{opacity:1}}@keyframes hud-stutter-short{0%{opacity:0}15%{opacity:1}30%{opacity:.15}48%{opacity:1}62%{opacity:.5}75%,to{opacity:1}}@keyframes hud-settle{0%{translate:var(--dx) var(--dy)}to{translate:0}}.hud-corner{border:0 solid var(--line);--dx:0px;--dy:0px;width:26px;height:26px;position:absolute}.hud-corner.tl{--dx:-7px;--dy:-7px}.hud-corner.tr{--dx:7px;--dy:-7px}.hud-corner.bl{--dx:-7px;--dy:7px}.hud-corner.br{--dx:7px;--dy:7px}.hud-corner.tl{top:max(var(--edge),env(safe-area-inset-top));left:max(var(--edge),env(safe-area-inset-left));border-top-width:1.5px;border-left-width:1.5px}.hud-corner.tr{top:max(var(--edge),env(safe-area-inset-top));right:max(var(--edge),env(safe-area-inset-right));border-top-width:1.5px;border-right-width:1.5px}.hud-corner.bl{bottom:max(var(--edge),env(safe-area-inset-bottom));left:max(var(--edge),env(safe-area-inset-left));border-bottom-width:1.5px;border-left-width:1.5px}.hud-corner.br{bottom:max(var(--edge),env(safe-area-inset-bottom));right:max(var(--edge),env(safe-area-inset-right));border-bottom-width:1.5px;border-right-width:1.5px}.hud-rec,.hud-tc{top:max(var(--top),calc(env(safe-area-inset-top) + 16px));color:var(--soft);font-size:15px;position:absolute}.hud-rec{left:max(var(--inset),calc(env(safe-area-inset-left) + 20px));align-items:center;gap:8px;display:flex}.hud-rec i{background:#ff6a5c;border-radius:50%;width:7px;height:7px;animation:2.4s step-end infinite hud-blink;box-shadow:0 0 6px #ff6a5cb3}.hud-tc{right:max(var(--inset),calc(env(safe-area-inset-right) + 20px));font-variant-numeric:tabular-nums}@keyframes hud-blink{0%,62%{opacity:1}63%,to{opacity:.15}}.hud-music{--l:max(var(--inset),calc(env(safe-area-inset-left) + 20px));--r:max(var(--inset),calc(env(safe-area-inset-right) + 20px));left:var(--l);bottom:max(var(--bottom),calc(env(safe-area-inset-bottom) + 16px));max-width:calc(100vw - var(--l) - var(--r));position:absolute}.hud-row{align-items:center;gap:6px;display:flex}.hud button{all:unset;box-sizing:border-box;pointer-events:auto;cursor:pointer;min-width:var(--hit);min-height:var(--hit);border-radius:6px;justify-content:center;align-items:center;display:inline-flex}.hud button:focus-visible,.hud input:focus-visible{outline:1px solid var(--ink);outline-offset:2px}.hud .hud-now{justify-content:flex-start;gap:12px;max-width:min(46vw,520px);padding:0 6px 0 0}.hud .hud-now[aria-disabled=true]{cursor:default}.hud-title{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.hud-title span{color:var(--soft)}.hud-eq{flex:none;align-items:flex-end;gap:2px;height:13px;display:flex}.hud-eq b{background:var(--ink);width:2px;height:2px;box-shadow:var(--shadow)}.hud-note{text-align:center;flex:none;width:8px}.hud-eq[hidden],.hud-note[hidden]{display:none}.hud-ctl{border-left:1px solid var(--line);opacity:0;visibility:hidden;align-items:center;gap:4px;margin-left:6px;padding-left:12px;transition:opacity .35s,transform .35s,visibility 0s linear .35s;display:flex;transform:translate(-4px)}.hud.awake .hud-ctl.ready{opacity:1;visibility:visible;transition:opacity .35s,transform .35s;transform:none}.hud svg{width:16px;height:16px;stroke:var(--ink);stroke-width:1.4px;fill:none;filter:drop-shadow(0 1px 2px #1e0f0580);overflow:visible}.hud svg .fill{fill:var(--ink);stroke:none}.hud-vol{pointer-events:auto;appearance:none;width:72px;height:var(--hit);cursor:pointer;background:0 0;margin:0 6px 0 0}.hud-vol::-webkit-slider-runnable-track{background:linear-gradient(90deg,var(--ink) var(--v,70%),var(--line) var(--v,70%));height:1.5px}.hud-vol::-moz-range-track{background:var(--line);height:1.5px}.hud-vol::-moz-range-progress{background:var(--ink);height:1.5px}.hud-vol::-webkit-slider-thumb{-webkit-appearance:none;background:var(--ink);width:8px;height:8px;box-shadow:var(--shadow);border-radius:50%;margin-top:-3.25px}.hud-vol::-moz-range-thumb{background:var(--ink);border:0;border-radius:50%;width:8px;height:8px}.hud-playlist{pointer-events:auto;width:min(440px,calc(100vw - var(--l) - var(--r)));-webkit-backdrop-filter:blur(10px);max-height:min(46vh,420px);text-shadow:none;-webkit-user-select:text;user-select:text;background:#1a13108c;border-radius:10px;outline:none;padding:16px 18px;font-size:13px;line-height:1.55;position:absolute;bottom:calc(100% + 14px);left:0;overflow:auto;box-shadow:0 0 0 1px #fff6e824}.hud-playlist[hidden]{display:none}.hud-playlist h2{all:unset;color:var(--soft);letter-spacing:.12em;margin-bottom:10px;font-size:12px;display:block}.hud-playlist ol{margin:0;padding:0;list-style:none}.hud-credits{border-top:1px solid var(--line);color:var(--soft);letter-spacing:.04em;margin-top:12px;padding-top:8px;font-size:11px}.hud-credits p{margin:2px 0}.hud-credits .hud-credit-role{letter-spacing:.12em}.hud-credits a{color:inherit;text-decoration:underline;-webkit-text-decoration-color:var(--line);text-decoration-color:var(--line);text-underline-offset:3px}.hud-playlist li+li{margin-top:2px}.hud-playlist li{align-items:center;gap:12px;display:flex}.hud .hud-playlist .hud-pick{cursor:pointer;text-align:left;border-radius:2px;flex:auto;min-width:0;min-height:0;padding:3px 0;line-height:1.45;display:inline}.hud-pick-title{color:var(--ink)}.hud-pick-artist{color:var(--soft)}.hud .hud-playlist .hud-pick:hover .hud-pick-title{text-decoration:underline;-webkit-text-decoration-color:var(--line);text-decoration-color:var(--line);text-underline-offset:3px}.hud-playlist li.playing .hud-pick-title:before{content:"♪ ";color:var(--ink)}.hud-playlist li.playing .hud-pick-title{color:#fff;font-weight:400}.hud-playlist .hud-source{opacity:.8;border-radius:50%;flex:none;justify-content:center;align-items:center;width:22px;height:22px;transition:opacity .2s;display:inline-flex}.hud-playlist .hud-source svg{filter:none;width:15px;height:15px}.hud-playlist .hud-source:hover,.hud-playlist .hud-source:focus-visible{opacity:1}@media (pointer:coarse){.hud{--hit:40px}.hud-vol{width:88px}.hud .hud-playlist .hud-pick{padding:9px 0}.hud-playlist .hud-source{width:40px;height:40px}}@media (width<=600px){.hud{--edge:14px;--inset:26px;--top:26px;--bottom:26px;font-size:16px}.hud-corner{width:20px;height:20px}.hud .hud-now{max-width:calc(100vw - var(--l) - var(--r))}.hud-row{flex-wrap:wrap}.hud-ctl{border-left:0;width:100%;margin-left:0;padding-left:0}}@media (width<=480px){.hud-tc{display:none}}@media (prefers-reduced-motion:reduce){.hud-rec i,.hud.power :is(.hud-corner,.hud-rec,.hud-tc,.hud-music,.hud-exposure){animation:none}.hud .hud-ctl,.hud.awake .hud-ctl.ready{transition:none}}body.is-intro #stage canvas{filter:blur(16px)saturate(.92);transform:scale(1.06)}body.is-focusing #stage canvas{animation:intro-focus var(--focus-ms,3.2s) cubic-bezier(.25,.7,.2,1) forwards}@keyframes intro-focus{0%{filter:blur(16px)saturate(.92);transform:scale(1.06)}35%{filter:blur(6px)saturate(.95);transform:scale(1.03)}55%{filter:blur(1.2px)saturate(.98);transform:scale(1.012)}68%{filter:blur(3.2px)saturate(.98);transform:scale(1.016)}to{filter:blur()saturate();transform:scale(1)}}.intro{z-index:3;pointer-events:none;opacity:0;place-items:center;transition:opacity 1.2s;display:grid;position:fixed;inset:0}#stage.ready~.intro{opacity:1}.intro.leaving{transition:opacity .5s;opacity:0!important}.intro button{all:unset;box-sizing:border-box;pointer-events:auto;cursor:pointer;letter-spacing:.34em;text-indent:.34em;color:#fff6e8f5;text-shadow:0 0 7px #1e0f0580,0 1px 2px #1e0f058c;background:#1a131038;border:1px solid #fff6e8b8;border-radius:999px;padding:17px 40px;font:400 16px/1 DM Mono,ui-monospace,SFMono-Regular,Menlo,monospace;transition:background .3s,border-color .3s,letter-spacing .4s;box-shadow:0 0 18px #1e0f052e}.intro button:hover{letter-spacing:.4em;text-indent:.4em;background:#1a13104d;border-color:#fff6e8f2}.intro button:focus-visible{outline-offset:5px;outline:1px solid #fff6e8e6}.intro.leaving button{pointer-events:none}@media (prefers-reduced-motion:reduce){body.is-focusing #stage canvas{animation:.8s forwards intro-fade}.intro button{transition:none}}@keyframes intro-fade{0%{filter:blur(16px);transform:scale(1.06)}to{filter:blur();transform:scale(1)}}.subtitles{--ink:#fff8ecf5;--soft:#fff6e8cc;left:50%;bottom:max(104px,calc(env(safe-area-inset-bottom) + 76px));z-index:2;text-align:center;pointer-events:none;-webkit-user-select:none;user-select:none;opacity:0;text-shadow:0 0 10px #1e0f0599,0 1px 3px #1e0f05bf;-webkit-font-smoothing:antialiased;width:min(86vw,720px);transition:opacity .45s,transform .6s cubic-bezier(.2,.8,.2,1),bottom .5s cubic-bezier(.2,.8,.2,1);position:fixed;transform:translate(-50%,6px)}.subtitles.on{opacity:1;transform:translate(-50%)}.subtitles p{margin:0}.subtitles .ja{letter-spacing:.12em;color:var(--ink);word-break:auto-phrase;text-wrap:balance;font:500 clamp(21px,2.3vw,30px)/1.35 Hiragino Maru Gothic ProN,Hiragino Sans,Noto Sans JP,Yu Gothic,system-ui,sans-serif}.subtitles .en{letter-spacing:.08em;color:var(--soft);text-wrap:balance;margin-top:7px;font:400 clamp(13px,1.15vw,15px)/1.3 DM Mono,ui-monospace,SFMono-Regular,Menlo,monospace}@media (width>=601px) and (height>=501px){.subtitles.lifted{bottom:calc(max(104px,calc(env(safe-area-inset-bottom) + 76px)) + 72px)}}@media (width<=600px){.subtitles{bottom:max(136px,calc(env(safe-area-inset-bottom) + 108px))}}@media (prefers-reduced-motion:reduce){.subtitles,.subtitles.on{transition:opacity .3s;transform:translate(-50%)}}.answers{left:50%;bottom:max(104px,calc(env(safe-area-inset-bottom) + 76px));z-index:3;opacity:0;pointer-events:none;flex-wrap:wrap;justify-content:center;gap:12px;width:min(92vw,720px);transition:opacity .4s,transform .5s cubic-bezier(.2,.8,.2,1);display:flex;position:fixed;transform:translate(-50%,6px)}.answers.on{opacity:1;pointer-events:auto;transform:translate(-50%)}.answers button{all:unset;box-sizing:border-box;cursor:pointer;text-align:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff8ecf5;-webkit-font-smoothing:antialiased;background:#28180c6b;border:1px solid #fff0dc47;border-radius:999px;padding:9px 18px;transition:background .2s,border-color .2s}.answers .ja{letter-spacing:.1em;font:500 17px/1.3 Hiragino Maru Gothic ProN,Hiragino Sans,Noto Sans JP,Yu Gothic,system-ui,sans-serif;display:block}.answers .en{letter-spacing:.08em;color:#fff6e8cc;margin-top:2px;font:400 11px/1.2 DM Mono,ui-monospace,SFMono-Regular,Menlo,monospace;display:block}.answers button:hover,.answers button:focus-visible{background:#3c241099;border-color:#fff0dc8c}.answers button:focus-visible{box-shadow:0 0 0 2px #ffecd2b3}.answers button.picked{background:#5a3818b3;border-color:#fff0dccc}@media (width<=600px){.answers{bottom:max(136px,calc(env(safe-area-inset-bottom) + 108px));gap:8px}.answers button{padding:7px 12px}.answers .ja{font-size:15px}.answers .en{font-size:10px}}@media (height<=500px) and (width>=601px){.answers{left:max(4vw,calc(env(safe-area-inset-left) + 16px));justify-content:flex-start;width:min(46vw,420px);transform:translateY(6px)}.answers.on{transform:translate(0)}}@media (prefers-reduced-motion:reduce){.answers,.answers.on{transition:opacity .3s;transform:translate(-50%)}}@media (prefers-reduced-motion:reduce) and (height<=500px) and (width>=601px){.answers,.answers.on{transform:none}}