*{box-sizing:border-box;margin:0;padding:0}:root{--ui-accent:var(--accent);--ui-dim:var(--dim)}html,body{overscroll-behavior:none;background:var(--bg);height:100%;color:var(--ink);font-family:var(--serif)}#app{position:fixed;inset:0;overflow:hidden}#stage{touch-action:none;width:100%;height:100%;display:block;position:absolute;inset:0}#ui{pointer-events:none;opacity:1;transition:opacity .9s var(--ease-out);position:absolute;inset:0}#ui.pre-reveal{opacity:0}#loading{z-index:40;background:#000;flex-direction:column;justify-content:center;align-items:center;gap:30px;display:flex;position:absolute;inset:0}#loading-copy{font-family:var(--serif);letter-spacing:.24em;text-align:center;color:var(--ui-accent);max-width:86vw;font-size:clamp(15px,2.4vw,26px);line-height:2;position:relative}#loading-copy:after{content:"";pointer-events:none;opacity:.45;background:repeating-linear-gradient(#08040f8c 0 1px,#0000 1px 3px);position:absolute;inset:-.5em -.3em}#loading-copy .loading-copy__line{white-space:nowrap;display:inline-block}#loading-copy .loading-copy__line span{opacity:0;animation:copy-noise-in .62s var(--ease-out) var(--d,0s) both;display:inline-block}@keyframes copy-noise-in{0%{opacity:0;transform:translateY(.1em)scale(1.6,.72)}16%{opacity:.55;transform:translateY(0)scale(.9,1.06)}25%{opacity:.05;transform:translate(.05em)scale(1.22,.88)}40%{opacity:.92;transform:translate(-.025em)scale(.97,1.02)}50%{opacity:.18;transform:scale(1.1,.94)}64%{opacity:1;transform:none}73%{opacity:.42}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){#loading-copy .loading-copy__line span{animation:copy-fade-in .6s ease var(--d,0s) both}@keyframes copy-fade-in{0%{opacity:0}to{opacity:1}}}#loading-bar{background:#f2f0fa26;width:min(420px,62vw);height:1px;position:relative;overflow:hidden}#loading-bar:after{content:"";background:var(--ui-accent);transform-origin:50%;animation:loading-grow 3s var(--ease-out) forwards;position:absolute;inset:0;transform:scaleX(0)}#loading.done #loading-bar:after{transition:transform .3s var(--ease-out);animation:none;transform:scaleX(1)}#loading.done{pointer-events:none}#loading.done #loading-copy,#loading.done #loading-bar{opacity:0;transition:opacity .55s .3s}@keyframes loading-grow{to{transform:scaleX(.9)}}#site-nav{pointer-events:auto;z-index:30;flex-direction:column;gap:7px;display:flex;position:absolute;top:21px;left:26px}#site-nav button{letter-spacing:.18em;text-align:left;color:var(--ui-dim);cursor:pointer;transition:color .3s var(--ease-out);background:0 0;border:none;padding:2px 0;font-family:ui-monospace,monospace;font-size:11px}#site-nav button:hover,#site-nav button.active{color:var(--ui-accent)}#site-title{top:var(--site-title-top);font-family:var(--serif);font-weight:500;font-size:var(--site-title-size);letter-spacing:var(--site-title-tracking);text-indent:var(--site-title-tracking);color:var(--ui-accent);z-index:24;pointer-events:none;position:absolute;left:50%;transform:translate(-50%)}#dpad{pointer-events:auto;z-index:26;border:1px solid #f2f0facc;border-radius:50%;width:96px;height:96px;position:absolute;bottom:34px;left:34px}#dpad button{width:30px;height:30px;color:var(--ui-accent);cursor:pointer;transition:transform .25s var(--ease-out), opacity .25s;opacity:.9;background:0 0;border:none;justify-content:center;align-items:center;font-size:9px;display:flex;position:absolute}#dpad button:hover{opacity:1;transform:scale(1.3)}#dpad button[data-dir=up]{top:2px;left:33px}#dpad button[data-dir=down]{bottom:2px;left:33px}#dpad button[data-dir=left]{top:33px;left:2px}#dpad button[data-dir=right]{top:33px;right:2px}#sound-toggle{letter-spacing:.25em;color:var(--ui-accent);cursor:pointer;pointer-events:auto;z-index:30;background:0 0;border:none;align-items:center;gap:8px;font-family:ui-monospace,monospace;font-size:11px;transition:opacity .25s;display:flex;position:absolute;top:22px;right:26px}.sound-dot{border:1px solid var(--ui-accent);width:13px;height:13px;transition:background .3s var(--ease-out);border-radius:50%}#sound-toggle.on .sound-dot{background:var(--ui-accent)}.meta-rail{letter-spacing:.3em;color:var(--ui-dim);pointer-events:none;z-index:24;font-family:ui-monospace,monospace;font-size:10px;position:absolute}#meta-scene{bottom:28px;right:26px}#privacy-link{letter-spacing:.3em;color:var(--ui-dim);pointer-events:auto;z-index:24;transition:color .3s var(--ease-out);font-family:ui-monospace,monospace;font-size:10px;text-decoration:none;position:absolute;bottom:28px;left:26px}#privacy-link:hover{color:var(--ui-accent)}#noscript-nav{z-index:100;max-width:34rem;color:var(--ink);font-family:var(--serif);margin:0 auto;padding:12vh 1.5rem 4rem;line-height:1.9;position:relative}#noscript-nav p{color:var(--dim);margin-bottom:1.75rem;font-size:.9rem}#noscript-nav ul{margin:0;padding:0;list-style:none}#noscript-nav li+li{border-top:1px solid var(--hair)}#noscript-nav a{color:var(--ink);padding:.85rem 0;text-decoration:none;display:block}#noscript-nav a:hover,#noscript-nav a:focus-visible{color:var(--accent)}#scroll-hint{letter-spacing:.5em;text-indent:.5em;color:#e8e4f299;text-align:center;z-index:24;font-family:ui-monospace,monospace;font-size:10px;transition:opacity .6s;position:absolute;bottom:48px;left:50%;transform:translate(-50%)}#scroll-hint span{background:var(--ui-accent);transform-origin:top;width:1px;height:24px;animation:hint-line 1.8s var(--ease-out) infinite;color:#0000;margin:8px auto 0;display:block;overflow:hidden}#scroll-hint.hidden{opacity:0}@keyframes hint-line{0%{transform:scaleY(0)}55%{transform:scaleY(1)}to{opacity:0;transform:scaleY(1)}}#lyrics-popup[hidden],#links-popup[hidden]{display:none}#lyrics-popup,#links-popup{-webkit-backdrop-filter:blur(14px);pointer-events:auto;z-index:50;background:#04020ab8;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}body.lyrics-open #site-nav,body.lyrics-open #sound-toggle,body.lyrics-open #section-nav,body.lyrics-open #site-title,body.lyrics-open #privacy-link,body.lyrics-open #meta-scene{opacity:0;pointer-events:none;transition:opacity .35s var(--ease-out)}.links-panel{max-width:380px}.links-title{letter-spacing:.35em;color:var(--ui-accent);font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:14px}.links-body{flex-direction:column;display:flex}.links-row{color:var(--ui-accent);letter-spacing:.18em;border-bottom:1px solid color-mix(in srgb, var(--ui-accent) 22%, transparent);transition:background .2s var(--ease-out);align-items:center;gap:14px;padding:16px 6px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:13px;text-decoration:none;display:flex}.links-row:last-child{border-bottom:none}.links-index{letter-spacing:.2em;color:var(--ui-dim);font-size:10px}.links-label{flex:1}.links-arrow{opacity:.65;width:17px;height:17px;transition:transform .25s var(--ease-out), opacity .25s var(--ease-out);flex-shrink:0}.links-row:hover,.links-row:active{background:color-mix(in srgb, var(--ui-accent) 10%, transparent)}.links-row:hover .links-arrow,.links-row:active .links-arrow{opacity:1;transform:translate(3px,-3px)}.links-row:hover .links-index,.links-row:active .links-index{color:var(--ui-accent)}.lyrics-panel{--lyrics-accent:var(--ui-accent);border:1px solid color-mix(in srgb, var(--ui-accent) 45%, transparent);background:repeating-linear-gradient(0deg,#ffffff07 0 1px,#0000 1px 3px),#08040f6b;flex-direction:column;width:min(640px,100vw - 40px);max-height:76vh;padding:20px 26px 26px;display:flex;position:relative}.lyrics-panel:before,.lyrics-panel:after{content:"";border:0 solid var(--ui-accent);width:14px;height:14px;position:absolute}.lyrics-panel:before{border-top-width:2px;border-left-width:2px;top:-1px;left:-1px}.lyrics-panel:after{border-bottom-width:2px;border-right-width:2px;bottom:-1px;right:-1px}.lyrics-header{border-bottom:1px solid color-mix(in srgb, var(--ui-accent) 40%, transparent);justify-content:space-between;align-items:center;margin-bottom:14px;padding-bottom:10px;display:flex}.lyrics-title{font-family:var(--lyric-font,var(--serif));letter-spacing:.35em;color:var(--ui-accent);text-shadow:0 0 12px var(--ui-accent);font-size:18px}.intro-heading{letter-spacing:.32em;color:color-mix(in srgb, var(--ui-accent) 75%, transparent);margin:22px 0 10px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:11px}.intro-heading:first-child{margin-top:4px}.intro-paragraph{font-family:var(--lyric-font,var(--serif));letter-spacing:.06em;color:var(--ui-accent);margin-bottom:14px;font-size:14px;line-height:2.05}.lyrics-close{border:1px solid color-mix(in srgb, var(--ui-accent) 50%, transparent);color:var(--ui-accent);cursor:pointer;background:0 0;width:30px;height:30px;font-size:16px;transition:background .2s}.lyrics-close:hover{background:color-mix(in srgb, var(--ui-accent) 20%, transparent)}.lyrics-body{scrollbar-width:thin;scrollbar-color:color-mix(in srgb, var(--ui-accent) 40%, transparent) transparent;padding-right:8px;overflow-y:auto}.lyrics-line{font-family:var(--lyric-font,var(--serif));letter-spacing:.12em;color:var(--ui-accent);font-size:15px;line-height:2.1}.lyrics-line span{opacity:0;text-shadow:0 0 8px var(--ui-accent), 0 0 22px color-mix(in srgb, var(--ui-accent) 55%, transparent);animation:.5s forwards lyric-char-on}.lyrics-gap{height:1.2em}@keyframes lyric-char-on{0%{opacity:0}55%{opacity:1}70%{opacity:.55}to{opacity:1}}body[data-lyric-font=dot]{--lyric-font:"DotGothic16", "MS Gothic", monospace}.tp-dfwv{top:70px!important;right:10px!important}#debug-hud{transition:opacity .9s var(--ease-out);position:absolute;bottom:22px;left:26px}#debug-hud.pre-reveal{opacity:0}#debug-hud{color:var(--ui-accent);opacity:.9;pointer-events:none;white-space:pre;text-align:left;font-family:ui-monospace,monospace;font-size:11px;line-height:1.5}#section-nav{pointer-events:auto;z-index:30;align-items:center;gap:26px;display:flex;position:absolute;bottom:26px;left:50%;transform:translate(-50%)}#section-nav button{width:54px;height:54px;color:var(--ui-dim);cursor:pointer;transition:color .3s var(--ease-out);background:0 0;border:none;padding:0}#section-nav svg{width:100%;height:100%;display:block;overflow:visible}#section-nav button:hover{color:var(--ui-accent)}#section-nav .ring{stroke-dasharray:157.08;stroke-dashoffset:157.08px;transform-origin:50%;transition:stroke-dashoffset .6s var(--ease-out);transform:rotate(-90deg)}#section-nav button:hover .ring,#section-nav button:focus-visible .ring{stroke-dashoffset:0}@media (prefers-reduced-motion:reduce){#section-nav .ring{transition-duration:10ms}}@media (pointer:coarse){#section-nav{display:none}#privacy-link{inset:48px 26px auto auto}}#gpu-recovery{z-index:70;text-align:center;font-family:var(--serif);color:var(--ui-accent);background:#08040feb;flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:24px;font-size:15px;line-height:1.9;display:flex;position:absolute;inset:0}#gpu-recovery .gpu-recovery__hint{color:var(--ui-dim);font-size:13px}#gpu-recovery button{letter-spacing:.18em;color:var(--bg);background:var(--ui-accent);cursor:pointer;border:none;margin-top:6px;padding:10px 26px;font-family:ui-monospace,monospace;font-size:12px}#debug-hud[data-fault]{opacity:1;z-index:60;color:#ffd2d2;white-space:pre-wrap;word-break:break-word;background:#140000b8;max-width:92vw;padding:10px 14px;font-size:13px}