*,*:before,*:after{box-sizing:border-box}html,body,#root{margin:0;padding:0;height:100%;width:100%;background:#000;color:#e6f1ff;overflow:hidden;overscroll-behavior:none;font-family:-apple-system,BlinkMacSystemFont,Inter,Helvetica Neue,Arial,sans-serif}.stage-host{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;background:#000;display:flex;align-items:center;justify-content:center}.stage-host[data-armed=true]:after{content:"";position:absolute;z-index:105;right:0;bottom:0;left:0;height:min(22vh,170px);pointer-events:none;background:linear-gradient(to bottom,transparent,rgba(0,0,0,.88));opacity:1;transition:opacity .18s ease}.stage-host[data-controls-visible=false]:after{opacity:0}.stage-frame{aspect-ratio:2.35 / 1;height:min(100dvh,calc(100dvw / 2.35));width:min(100dvw,235dvh);position:relative;background:#000;overflow:hidden;contain:layout paint size}.stage-frame:before,.stage-frame:after{content:"";position:absolute;left:0;right:0;height:5%;z-index:60;pointer-events:none;background:linear-gradient(180deg,rgba(0,0,0,.6),transparent)}.stage-frame:before{top:0}.stage-frame:after{bottom:0;transform:scaleY(-1)}.stage-frame{box-shadow:inset 0 0 120px #0009}.stage,.stage-scenes,.stage-overlays{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.stage-scenes{z-index:1}.stage-overlays{z-index:70;pointer-events:none}.scene-root{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;will-change:transform,opacity}.scene-transition{position:absolute;top:0;right:0;bottom:0;left:0;--transition-duration: .24s;background:#000;opacity:0;pointer-events:none;transition:opacity var(--transition-duration) cubic-bezier(.65,0,.35,1),clip-path var(--transition-duration) cubic-bezier(.65,0,.35,1),transform var(--transition-duration) cubic-bezier(.65,0,.35,1);will-change:opacity,transform,clip-path}.scene-transition--fade.scene-transition--active{opacity:1}.scene-transition--wipe.scene-transition--active{opacity:1;clip-path:inset(0 0 0 0)}.scene-transition--wipe{clip-path:inset(0 50% 0 50%)}.scene-transition--zoom.scene-transition--active{opacity:1;transform:scale(1.1)}.scene-transition--glitch{background:repeating-linear-gradient(0deg,#ffffff14 0,#ffffff14 1px,#000000eb 1px,#000000eb 5px),#000;transform:translate(-2%)}.scene-transition--glitch:before,.scene-transition--glitch:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;mix-blend-mode:screen;opacity:0}.scene-transition--glitch:before{background:#45ffa933;transform:translate(-12px)}.scene-transition--glitch:after{background:#ff2a6d29;transform:translate(14px)}.scene-transition--glitch.scene-transition--active{opacity:1;transform:translate(0)}.scene-transition--glitch.scene-transition--active:before,.scene-transition--glitch.scene-transition--active:after{opacity:1}.scene-transition--iris{opacity:0;clip-path:circle(0% at 50% 50%)}.scene-transition--iris.scene-transition--active{opacity:1;clip-path:circle(150% at 50% 50%)}.scene-transition--match-cut{background:radial-gradient(circle at center,rgba(255,255,255,.92) 0 1px,transparent 2px 7px,#000 8px),#000;transform:scale(.06)}.scene-transition--match-cut.scene-transition--active{opacity:1;transform:scale(1)}.title-card{position:absolute;top:0;right:0;bottom:0;left:0;--title-accent: rgba(255, 255, 255, .5);--title-glow: rgba(255, 255, 255, .22);display:flex;align-items:center;justify-content:center;flex-direction:column;pointer-events:none;z-index:80;background:#0000007a;opacity:0;will-change:opacity,transform}.title-card__chapter{font-family:Courier New,monospace;letter-spacing:0;font-size:clamp(11px,1.4vmin,16px);color:#ffffff94;text-transform:uppercase;margin-bottom:12px}.title-card__title{font-family:Arial Black,Inter,sans-serif;font-weight:900;font-size:clamp(32px,5.4vmin,64px);letter-spacing:0;color:#f6f6f6;text-shadow:0 2px 24px rgba(0,0,0,.8),0 0 28px var(--title-glow)}.title-card__caption{margin-top:12px;font-family:Courier New,monospace;font-size:clamp(11px,1.45vmin,16px);line-height:1.35;color:#ffffffb3;text-transform:uppercase}.title-card__rule{margin-top:18px;width:64px;height:2px;background:var(--title-accent)}.title-card--grade-monitor-blue{--title-accent: rgba(112, 170, 255, .78);--title-glow: rgba(70, 120, 255, .34)}.title-card--grade-noir-green{--title-accent: rgba(114, 255, 145, .78);--title-glow: rgba(64, 255, 126, .34)}.title-card--grade-neon-pink{--title-accent: rgba(255, 92, 180, .82);--title-glow: rgba(255, 42, 145, .34)}.title-card--grade-toxic-red{--title-accent: rgba(255, 75, 75, .82);--title-glow: rgba(255, 32, 32, .34)}.title-card--grade-warm-garden{--title-accent: rgba(255, 217, 129, .82);--title-glow: rgba(128, 225, 155, .26)}.title-card--grade-launch-amber{--title-accent: rgba(255, 187, 79, .86);--title-glow: rgba(255, 164, 54, .32)}.title-card--terminal-caption{align-items:flex-start;justify-content:flex-end;padding:0 0 7% 8%;background:#0000004d}.title-card--terminal-caption .title-card__title,.title-card--terminal-caption .title-card__caption{font-family:Courier New,monospace;text-shadow:0 0 18px var(--title-glow)}.title-card--burn-in .title-card__title{color:#fff4f8;text-shadow:0 0 4px rgba(255,255,255,.6),0 0 28px var(--title-glow)}.title-card--silent-card{background:#000000b8}.title-card--silent-card .title-card__title{font-family:Georgia,Times New Roman,serif;font-weight:700}.title-card--pace-staccato .title-card__rule{width:38px}.title-card--pace-hold .title-card__rule{width:92px}.stage-frame:after{box-shadow:inset 0 0 120px #0009}.error-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:140;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;background:#000000f0;color:#f4f5f7;text-align:center}.error-overlay>span,.error-overlay p{margin:0;color:#ffffff8a;font-family:Courier New,monospace;font-size:11px}.error-overlay h2{margin:14px 0 10px;font-family:Arial Black,sans-serif;font-size:clamp(30px,6vmin,64px);line-height:1}.error-overlay button{display:inline-flex;align-items:center;gap:8px;height:40px;margin-top:24px;padding:0 18px;border:1px solid rgba(255,255,255,.38);border-radius:4px;background:#ffffff14;color:#fff;font-family:Courier New,monospace;cursor:pointer}.error-overlay button:hover,.error-overlay button:focus-visible{border-color:#fff;background:#ffffff29;outline:none}.chapter-rail{position:absolute;left:max(14px,2.2vw);bottom:max(14px,2.2vw);z-index:110;width:min(520px,56vw);color:#ffffffd1;opacity:.68;transition:opacity .18s ease,transform .18s ease;pointer-events:auto}.chapter-rail:hover,.chapter-rail:focus-within{opacity:1}.chapter-rail__meta{display:flex;align-items:baseline;gap:10px;margin-bottom:8px;font-family:Courier New,monospace;text-transform:uppercase;white-space:nowrap}.chapter-rail__meta span{color:#ffffff85;font-size:11px}.chapter-rail__meta strong{min-width:0;overflow:hidden;color:#ffffffd1;font-size:12px;font-weight:700;text-overflow:ellipsis}.chapter-rail__track{display:grid;grid-template-columns:minmax(48px,.9fr) repeat(7,minmax(22px,.52fr)) minmax(76px,1.35fr);gap:4px}.chapter-rail__chapter{--chapter-progress: 0;position:relative;display:grid;place-items:center;box-sizing:border-box;height:26px;border:1px solid rgba(255,255,255,.18);border-radius:4px;overflow:hidden;background:linear-gradient(90deg,#ffffff9e 0,#ffffff9e calc(var(--chapter-progress) * 100%),#ffffff14 calc(var(--chapter-progress) * 100%),#ffffff14);color:#ffffffbd;font-family:Courier New,monospace;font-size:10px;letter-spacing:0;cursor:pointer}.chapter-rail__chapter--edge{white-space:nowrap}.chapter-rail__chapter[aria-current=step]{border-color:#ffffff85;color:#fff;box-shadow:0 0 18px #ffffff1f}.chapter-rail__chapter:hover,.chapter-rail__chapter:focus-visible{border-color:#ffffffb8;outline:none}.chapter-rail__chapter span{position:relative;z-index:1}.reel-controls{position:absolute;right:max(14px,2.2vw);bottom:max(14px,2.2vw);z-index:110;display:flex;gap:8px;opacity:.62;transition:opacity .18s ease,transform .18s ease}.reel-controls:hover,.reel-controls:focus-within{opacity:1}.reel-controls[data-reduced-motion=true]{opacity:.42}.stage-host[data-controls-visible=false] .chapter-rail,.stage-host[data-controls-visible=false] .reel-controls{opacity:0;transform:translateY(8px);pointer-events:none}.reel-control{display:grid;place-items:center;width:36px;min-width:36px;height:36px;border:1px solid rgba(255,255,255,.22);border-radius:4px;background:#00000075;color:#fffc;padding:0;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.reel-control:hover,.reel-control:focus-visible{color:#fff;border-color:#ffffff8c;background:#0e1014b8;outline:none}@media (orientation: portrait){.stage-frame{aspect-ratio:9 / 16;width:min(100dvw,56.25dvh);height:min(100dvh,calc(100dvw * 16 / 9))}.stage-frame:before,.stage-frame:after{height:3%}.title-card{padding:0 20px}.title-card--terminal-caption{padding:0 22px max(112px,16%)}.title-card__chapter{letter-spacing:0;font-size:clamp(10px,2.5vmin,14px)}.title-card__title{max-width:92%;text-align:center;font-size:clamp(28px,8.5vmin,48px);letter-spacing:0;line-height:1.08}.reel-controls{left:12px;right:12px;bottom:12px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;opacity:.82}.chapter-rail{left:12px;right:12px;bottom:60px;width:auto;opacity:.78}.chapter-rail__meta{justify-content:center}.reel-control{min-width:0;width:100%}.chapter-rail__track{grid-template-columns:minmax(42px,.9fr) repeat(7,minmax(0,.5fr)) minmax(68px,1.35fr);gap:3px}.chapter-rail__chapter{min-width:0;padding:0;font-size:9px}}@media (prefers-reduced-motion: reduce){.scene-transition,.title-card,.title-card__title,.title-card__caption,.reel-controls,.chapter-rail,.chapter-rail__chapter,.reel-control{animation:none;transition-duration:1ms}}