@font-face{font-family:Inter Tight;src:url(../fonts/InterTight.woff2)format("woff2");font-weight:100 900;font-display:block}@font-face{font-family:Instrument Serif;src:url(../fonts/InstrumentSerif-Italic.woff2)format("woff2");font-style:italic;font-weight:400;font-display:block}@font-face{font-family:JetBrains Mono;src:url(../fonts/JetBrainsMono.woff2)format("woff2");font-weight:100 800;font-display:block}:root{--ink:#0b0b0e;--ink-2:#17171d;--paper:#f2eee6;--orange:#ff4a1c;--blue:#2a44ff;--hud:var(--paper);--m:clamp(16px, 2.4vw, 46px);--grot:"Inter Tight", system-ui, sans-serif;--serif:"Instrument Serif", Georgia, serif;--mono:"JetBrains Mono", ui-monospace, monospace;--jp:"Hiragino Sans", "Hiragino Kaku Gothic ProN", "Yu Gothic", "Noto Sans JP", sans-serif;--ease-snap:cubic-bezier(.16, 1, .3, 1);--ease-swift:cubic-bezier(.7, 0, .2, 1);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html{background:var(--ink)}body{background:var(--ink);color:var(--paper);font-family:var(--jp);-webkit-font-smoothing:antialiased;overscroll-behavior:none;margin:0}body.is-locked{overflow:hidden}.mono{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;font-weight:500}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}a{color:inherit;text-decoration:none}:focus-visible{outline:2px solid var(--orange);outline-offset:3px}#gl{z-index:0;touch-action:pan-y;width:100vw;height:100lvh;display:block;position:fixed;top:0;left:0}.track{z-index:1;pointer-events:none;width:1px;position:relative}.hud{z-index:20;padding:0 var(--m);color:var(--hud);pointer-events:none;transition:color .35s var(--ease-snap), opacity .6s var(--ease-snap);justify-content:space-between;align-items:center;gap:24px;font-size:12px;display:flex;position:fixed;left:0;right:0}.hud--top{top:calc(var(--m) - 4px)}.hud--bottom{bottom:calc(var(--m) - 6px);align-items:flex-end}.hud a,.hud button{pointer-events:auto}body[data-hud=dark]{--hud:var(--ink)}body[data-hud=diff] .hud{color:#fff;mix-blend-mode:difference}body:not(.is-entered) .hud{opacity:0}.hud__right{align-items:center;gap:22px;display:flex}.hud__tc{font-variant-numeric:tabular-nums}.hud__tc:before{content:"";background:var(--orange);vertical-align:1px;width:7px;height:7px;transform:scale(var(--beat,1));border-radius:50%;margin-right:10px;display:inline-block}.hud__sound{align-items:center;gap:10px;padding:8px 0;display:inline-flex}.eq{align-items:flex-end;gap:2px;height:10px;display:inline-flex}.eq i{background:currentColor;width:2px;height:3px;transition:height .12s}body.is-sound .eq i{height:calc(3px + 7px * var(--lv,.2))}body.is-sound .eq i:nth-child(2){--lv:var(--lv2)}body.is-sound .eq i:nth-child(3){--lv:var(--lv3)}body.is-sound .eq i:nth-child(4){--lv:var(--lv4)}.hud__chapter{white-space:nowrap;min-width:16ch;margin:0}.hud__nav{flex:1;align-items:flex-end;gap:3px;max-width:760px;height:22px;display:flex}.hud__nav button{flex:var(--w,1);pointer-events:auto;height:22px;position:relative}.hud__nav button:before{content:"";opacity:.35;height:1px;transition:height .25s var(--ease-snap), opacity .25s;background:currentColor;position:absolute;bottom:0;left:0;right:0}.hud__nav button:after{content:"";height:3px;width:calc(var(--p,0) * 100%);background:var(--orange);position:absolute;bottom:0;left:0}body[data-hud=diff] .hud__nav button:after{background:currentColor}.hud__nav button:hover:before{opacity:.6;height:5px}.hud__nav button span{opacity:0;transition:opacity .2s, transform .25s var(--ease-snap);white-space:nowrap;font-size:9px;position:absolute;bottom:10px;left:0;transform:translateY(4px)}.hud__nav button:hover span{opacity:1;transform:none}.hud__bpm{white-space:nowrap;align-items:center;gap:12px;display:flex}.beats{gap:5px;display:inline-flex}.beats i{border:1.2px solid;width:8px;height:8px}.beats i.on{background:var(--orange);border-color:var(--orange)}.btn{font-family:var(--jp);letter-spacing:.04em;white-space:nowrap;transition:background .25s, color .25s, transform .4s var(--ease-snap);border:1px solid;justify-content:center;align-items:center;gap:10px;padding:14px 20px;font-size:14px;font-weight:600;display:inline-flex}.btn:hover{transform:translateY(-2px)}.btn--primary{background:var(--orange);border-color:var(--orange);color:var(--ink)}.btn--primary:hover{background:var(--paper);border-color:var(--paper)}.btn__icon{font-family:var(--mono);font-size:13px;line-height:1}.gate{z-index:50;background:var(--ink);transition:opacity .9s var(--ease-swift), visibility .9s;place-items:center;display:grid;position:fixed;inset:0}.gate.is-gone{opacity:0;visibility:hidden}.gate__inner{width:min(620px,100vw - 48px)}.gate__eyebrow{opacity:.7;margin:0 0 28px;font-size:11px}.gate__title{font-family:var(--grot);letter-spacing:-.05em;text-transform:uppercase;margin:0 0 18px;font-size:clamp(54px,9vw,112px);font-weight:900;line-height:.9}.gate__title em{font-family:var(--serif);text-transform:none;letter-spacing:-.02em;font-weight:400}.gate__title .dot{color:var(--orange)}.gate__lead{opacity:.85;margin:0 0 40px;font-size:16px;font-weight:500}.gate__meter{align-items:center;gap:16px;margin:34px 0 26px;font-size:11px;display:flex}.gate__bar{background:#f2eee633;flex:1;height:1px;position:relative;overflow:hidden}.gate__bar i{background:var(--orange);transform-origin:0;transform:scaleX(var(--p,0));transition:transform .3s var(--ease-snap);position:absolute;inset:0}.gate__actions{flex-wrap:wrap;gap:12px;margin-bottom:28px;display:flex}.gate__actions[hidden]{display:none}.gate__phones{fill:none;stroke:currentColor;stroke-width:1.5px;opacity:.45;width:22px;height:22px}.hints{z-index:16;pointer-events:none;color:var(--hud);position:fixed;inset:0}.hints--diff{mix-blend-mode:difference;color:#fff}.hints>*{opacity:0;transition:opacity .45s var(--ease-snap);position:absolute;top:0;left:0}.hints>.is-on{opacity:1}.hint-scroll{top:auto;left:50%;bottom:calc(var(--m) + 44px);flex-direction:column;align-items:center;gap:8px;display:flex;transform:translate(-50%)}.hint-scroll__mouse{border:1.5px solid;border-radius:12px;width:22px;height:34px;position:relative}.hint-scroll__mouse i{background:var(--orange);width:3px;height:7px;animation:wheel 1.5s var(--ease-swift) infinite;border-radius:2px;margin-left:-1.5px;position:absolute;top:7px;left:50%}.hint-scroll__swipe{background:linear-gradient(currentColor,#0000);width:2px;height:40px;display:none;position:relative}.hint-scroll__swipe i{width:14px;height:14px;animation:swipe 1.6s var(--ease-swift) infinite;border:1.5px solid;border-radius:50%;margin-left:-7px;position:absolute;bottom:0;left:50%}.hint-scroll__chev{width:9px;height:9px;animation:chev 1.5s var(--ease-swift) infinite;border-bottom:1.5px solid;border-right:1.5px solid;transform:rotate(45deg)}@keyframes wheel{0%{opacity:0;transform:translateY(0)}20%{opacity:1}70%{opacity:0;transform:translateY(10px)}to{opacity:0}}@keyframes chev{0%,to{opacity:.4;transform:translateY(-3px)rotate(45deg)}50%{opacity:1;transform:translateY(3px)rotate(45deg)}}@keyframes swipe{0%{opacity:0;transform:translateY(0)}25%{opacity:1}80%{opacity:0;transform:translateY(-34px)}to{opacity:0}}@media (max-height:560px) and (min-aspect-ratio:1){.end-actions{top:calc(var(--stage-top) + 770 * var(--u));flex-direction:row;width:auto;bottom:auto}.end-actions .btn{padding:9px 14px;font-size:12px}}@media (pointer:coarse){.hint-scroll__mouse{display:none}.hint-scroll__swipe{display:block}.hint-scroll__chev{display:none}}.hint-spot{width:0;height:0}.hint-spot b{background:#fff;border-radius:50%;width:20px;height:20px;position:absolute;top:-10px;left:-10px}.hint-spot i{width:88px;height:88px;animation:ring 1.9s var(--ease-snap) infinite;border:2.5px solid #fff;border-radius:50%;position:absolute;top:-44px;left:-44px}.hint-spot i+i{animation-delay:.95s}@keyframes ring{0%{opacity:1;transform:scale(.2)}to{opacity:0;transform:scale(1.6)}}.hint-spot.is-press b{animation:press 1.2s var(--ease-swift) infinite}.hint-spot.is-press i{animation-duration:1.2s}.hint-spot.is-press i+i{animation-delay:.6s}@keyframes press{0%,to{transform:scale(1)}45%{transform:scale(.55)}60%{transform:scale(1.15)}}.hint-spot.is-wiggle b{animation:.9s ease-in-out infinite wiggle}@keyframes wiggle{0%,to{transform:translate(0)}20%{transform:translate(-16px)}45%{transform:translate(14px)}70%{transform:translate(-9px)}}.hint-drag{width:220px;height:60px;overflow:visible}.hint-drag__ring{fill:none;stroke:#fff;stroke-width:1.6px;stroke-dasharray:4 6;vector-effect:non-scaling-stroke}.hint-drag__arrow{fill:#fff}.hint-drag__knob{fill:#fff;animation:knob 2.2s var(--ease-swift) infinite}@keyframes knob{0%,to{transform:translate(-58px,17px)}50%{transform:translate(58px,17px)}}.end-actions{z-index:17;left:50%;bottom:calc(var(--m) + 96px);opacity:0;transition:opacity .5s var(--ease-snap), transform .7s var(--ease-snap);flex-wrap:wrap;justify-content:center;gap:12px;display:flex;position:fixed;transform:translate(-50%,12px)}.end-actions.is-on{opacity:1;transform:translate(-50%)}.end-actions[hidden]{display:none}#gl{cursor:default}.seek{z-index:30;background:var(--paper);color:var(--ink);opacity:0;pointer-events:none;padding:10px 16px;font-size:13px;transition:opacity .2s;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.seek.is-on{opacity:1}.reel{width:min(1100px,92vw);color:var(--paper);background:#000;border:0;padding:0}.reel::backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#050508db}.reel video{aspect-ratio:16/9;background:#000;width:100%;display:block}.reel__close{padding:8px 0;font-size:11px;position:absolute;top:-34px;right:0}.noscript{place-items:center;margin:0;display:grid;position:fixed;inset:0}@media (max-aspect-ratio:1){.hud__nav,.hud__tc{display:none}.end-actions{bottom:auto;top:calc(var(--stage-bottom,60vh) + 28px)}}@media (max-width:640px){.hud{font-size:10px}.hud__bpm{display:none}.end-actions{width:min(320px, calc(100vw - 2 * var(--m)));flex-direction:column}}.is-portrait .hud{padding-left:max(var(--m), env(safe-area-inset-left));padding-right:max(var(--m), env(safe-area-inset-right))}.is-portrait .hud--top{top:calc(max(var(--m), env(safe-area-inset-top)) - 4px)}.is-portrait .hud--bottom{bottom:calc(max(var(--m), env(safe-area-inset-bottom)) - 6px)}.is-portrait .hud__nav{pointer-events:none;gap:2px;max-width:none;height:3px;display:flex;position:fixed;bottom:0;left:0;right:0}.is-portrait .hud__nav button{pointer-events:none;height:3px}.is-portrait .hud__nav button span{display:none}.is-portrait .end-actions{top:calc(var(--stage-top) + var(--end-y,1360) * var(--u));width:min(340px, calc(100vw - 2 * var(--m)));flex-direction:column;bottom:auto}.is-portrait .end-actions .btn{padding:16px 20px;font-size:15px}@media (pointer:coarse){.hud__sound{margin:-6px 0;padding:14px 0 14px 14px}.hud__brand{padding:10px 0}}@media (prefers-reduced-motion:reduce){.hint-scroll i,.hint-spot i,.hint-spot b,.hint-drag__knob,.hint-scroll__chev{animation:none!important}}