:root{--bg-paper: #F7F5F0;--bg-paper-dark: #ECE7DE;--bg-monolith: #0A0B0D;--bg-surface: #FFFFFF;--bg-code: #16181D;--ink-primary: #121316;--ink-secondary: #5A5D64;--ink-tertiary: #8C9099;--ink-border: rgba(18, 19, 22, .12);--ink-border-strong: rgba(18, 19, 22, .24);--ink-border-subtle: rgba(18, 19, 22, .06);--accent-vermillion: #FF3B00;--accent-terracotta: #C86432;--accent-brass: #D4AF37;--accent-cyan: #00E5FF;--accent-emerald: #10B981;--font-serif: "Cinzel", "Playfair Display", Georgia, serif;--font-editorial-serif: "Playfair Display", Georgia, serif;--font-sans: "Space Grotesk", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", "SF Mono", "Fira Code", monospace;--header-height: 56px;--gutter-width: clamp(20px, 4vw, 64px);--content-max-width: 1440px;--ease-out-expo: cubic-bezier(.16, 1, .3, 1);--ease-in-out-cubic: cubic-bezier(.65, 0, .35, 1);--duration-fast: .2s;--duration-normal: .4s;--duration-slow: .8s}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{min-height:100%;background-color:var(--bg-paper);color:var(--ink-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{min-height:100vh;overflow-x:hidden;position:relative;background-color:var(--bg-paper)}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}.lenis.lenis-stopped{overflow:hidden}.lenis.lenis-scrolling iframe{pointer-events:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.paper-grain-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:9999;opacity:.045;mix-blend-mode:multiply;background-repeat:repeat}.exhibition-container{width:100%;max-width:100%;position:relative;overflow:hidden}.museum-nav{position:fixed;top:0;left:0;right:0;height:var(--header-height);padding:0 var(--gutter-width);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--ink-border);background:#f7f5f0d9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);z-index:1000;transition:transform var(--duration-normal) var(--ease-out-expo),background-color var(--duration-normal)}.museum-nav.dark-mode{background:#0a0b0de6;border-bottom:1px solid rgba(255,255,255,.1);color:#f7f5f0}.museum-nav .nav-title-group{display:flex;align-items:center;gap:16px}.museum-nav .institution-title{font-family:var(--font-serif);font-size:clamp(12px,1.6vw,15px);letter-spacing:.12em;text-transform:uppercase;font-weight:600}.museum-nav .archival-stamp{font-family:var(--font-mono);font-size:10px;letter-spacing:.08em;padding:3px 8px;border:1px solid var(--ink-border);border-radius:2px;color:var(--ink-secondary);background:#12131608}.museum-nav .nav-controls{display:flex;align-items:center;gap:clamp(8px,1.5vw,20px)}.museum-nav .telemetry-pill{font-family:var(--font-mono);font-size:11px;display:flex;align-items:center;gap:8px;color:var(--ink-secondary)}.museum-nav .sound-btn,.museum-nav .theater-quick-launch{font-family:var(--font-mono);font-size:clamp(10px,1.2vw,11px);letter-spacing:.05em;padding:6px 12px;border:1px solid var(--ink-border);background:transparent;color:var(--ink-primary);cursor:pointer;display:flex;align-items:center;gap:6px;transition:all var(--duration-fast);text-transform:uppercase;white-space:nowrap}.museum-nav.dark-mode .sound-btn,.museum-nav.dark-mode .theater-quick-launch,.museum-nav.dark-mode .archival-stamp,.museum-nav.dark-mode .telemetry-pill{color:#ece7de;border-color:#ffffff26}.museum-nav .sound-btn:hover,.museum-nav .theater-quick-launch:hover{background:var(--ink-primary);color:var(--bg-paper);border-color:var(--ink-primary)}.museum-nav.dark-mode .sound-btn:hover,.museum-nav.dark-mode .theater-quick-launch:hover{background:var(--accent-vermillion);color:#fff;border-color:var(--accent-vermillion)}.sound-btn.active{border-color:var(--accent-vermillion);color:var(--accent-vermillion)}.sound-pulse-dot{width:6px;height:6px;border-radius:50%;background:currentColor;display:inline-block}.sound-btn.active .sound-pulse-dot{animation:pulse-ring 1.2s infinite ease-out}@keyframes pulse-ring{0%{transform:scale(.8);opacity:1}50%{transform:scale(1.6);opacity:.4}to{transform:scale(.8);opacity:1}}.reg-mark{position:absolute;width:14px;height:14px;pointer-events:none;font-family:var(--font-mono);font-size:14px;line-height:14px;text-align:center;color:var(--ink-tertiary);opacity:.65;user-select:none;z-index:50}.reg-tl{top:12px;left:12px}.reg-tr{top:12px;right:12px}.reg-bl{bottom:12px;left:12px}.reg-br{bottom:12px;right:12px}.chapter-section{position:relative;width:100%;min-height:100vh;padding:clamp(60px,10vh,140px) var(--gutter-width);border-bottom:1px solid var(--ink-border);display:flex;flex-direction:column;justify-content:center}.chapter-section.pin-section{padding:0;height:100vh;overflow:hidden}.chapter-header{margin-bottom:32px;position:relative;display:flex;flex-direction:column;gap:12px}.chapter-badge-row{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:8px;flex-wrap:wrap}.chapter-serial{font-family:var(--font-mono);font-size:11px;letter-spacing:.15em;color:var(--accent-vermillion);font-weight:600;text-transform:uppercase}.chapter-coordinates{font-family:var(--font-mono);font-size:10px;color:var(--ink-tertiary)}.chapter-title{font-family:var(--font-serif);font-size:clamp(2rem,5vw,5rem);line-height:1.05;font-weight:500;letter-spacing:-.02em;color:var(--ink-primary)}.chapter-subtitle{font-family:var(--font-sans);font-size:clamp(.95rem,1.3vw,1.25rem);line-height:1.5;color:var(--ink-secondary);max-width:720px}.editorial-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,4vw,64px);position:relative}.editorial-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(16px,3vw,40px);position:relative}.editorial-grid-5{display:grid;grid-template-columns:repeat(5,1fr);gap:20px;position:relative}@media(max-width:1024px){.editorial-grid-5{grid-template-columns:repeat(2,1fr)}.editorial-grid-3,.editorial-grid-2{grid-template-columns:1fr}}@media(max-width:640px){.editorial-grid-5{grid-template-columns:1fr}}.marginal-note{font-family:var(--font-mono);font-size:11px;line-height:1.45;color:var(--ink-tertiary);border-left:2px solid var(--accent-terracotta);padding-left:12px;margin-top:16px}.master-scroll-progress{position:fixed;bottom:0;left:0;height:3px;width:100%;background:#12131614;z-index:1000}.master-scroll-progress-bar{height:100%;width:0%;background:var(--accent-vermillion);transition:width .05s linear}.viewport-telemetry-hud{position:fixed;bottom:16px;right:var(--gutter-width);font-family:var(--font-mono);font-size:10px;letter-spacing:.06em;padding:6px 12px;background:#f7f5f0e6;border:1px solid var(--ink-border);backdrop-filter:blur(8px);color:var(--ink-secondary);display:flex;align-items:center;gap:10px;z-index:900;pointer-events:none}@media(max-width:768px){:root{--header-height: 50px}.museum-nav .archival-stamp,.museum-nav .telemetry-pill,.viewport-telemetry-hud{display:none}.chapter-section{padding:70px 16px 40px;min-height:auto}}.act-prologue{min-height:140vh;position:relative;background:var(--bg-paper)}.prologue-content{max-width:1100px;margin:0 auto;position:relative;z-index:10;display:flex;flex-direction:column;gap:32px}.prologue-hero-title{font-family:var(--font-serif);font-size:clamp(3.5rem,8vw,7.5rem);line-height:.95;letter-spacing:-.03em;color:var(--ink-primary);font-weight:500;text-transform:uppercase}.prologue-subtitle{font-family:var(--font-mono);font-size:13px;letter-spacing:.2em;color:var(--accent-terracotta);text-transform:uppercase}.prologue-typewriter-box{min-height:120px;font-family:var(--font-editorial-serif);font-size:clamp(1.4rem,2.5vw,2.4rem);line-height:1.35;color:var(--ink-primary);border-left:2px solid var(--ink-primary);padding-left:24px;margin-top:24px;position:relative}.prologue-typewriter-box .strike-word{color:var(--accent-vermillion);position:relative;display:inline-block}.prologue-canvas-container{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:auto;z-index:5}.prologue-resolution-strike{margin-top:40px;font-family:var(--font-sans);font-size:clamp(1.1rem,1.8vw,1.6rem);font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--accent-vermillion);opacity:0;transform:translateY(20px);transition:all .6s var(--ease-out-expo)}.prologue-resolution-strike.visible{opacity:1;transform:translateY(0)}.act-evidence{background:var(--bg-paper-dark)}.evidence-table-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;margin-top:32px}@media(max-width:1100px){.evidence-table-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.evidence-table-grid{grid-template-columns:1fr}}.evidence-card{background:#fff;border:1px solid var(--ink-border);padding:20px;display:flex;flex-direction:column;justify-content:space-between;min-height:260px;transition:all .3s var(--ease-out-expo);cursor:pointer;position:relative}.evidence-card:hover,.evidence-card.active{border-color:var(--accent-vermillion);transform:translateY(-4px);box-shadow:0 12px 28px #12131614}.evidence-ref{font-family:var(--font-mono);font-size:10px;color:var(--ink-tertiary);letter-spacing:.1em}.evidence-name{font-family:var(--font-serif);font-size:20px;margin:8px 0;color:var(--ink-primary)}.evidence-technique{font-family:var(--font-sans);font-size:13px;color:var(--ink-secondary);line-height:1.4}.evidence-math-preview{font-family:var(--font-mono);font-size:10px;background:var(--bg-paper);padding:8px;border:1px solid var(--ink-border-subtle);color:var(--accent-terracotta);border-radius:2px;margin-top:12px}.math-dissection-matrix{margin-top:48px;background:#fff;border:1px solid var(--ink-border);padding:32px;position:relative}.dissection-tabs{display:flex;gap:12px;border-bottom:1px solid var(--ink-border);padding-bottom:16px;margin-bottom:24px;flex-wrap:wrap}.dissection-tab-btn{font-family:var(--font-mono);font-size:12px;letter-spacing:.08em;padding:6px 16px;border:1px solid var(--ink-border);background:transparent;cursor:pointer;transition:all .2s}.dissection-tab-btn.active{background:var(--ink-primary);color:#fff;border-color:var(--ink-primary)}.dissection-display{display:grid;grid-template-columns:1.2fr 1fr;gap:32px;align-items:center}@media(max-width:800px){.dissection-display{grid-template-columns:1fr}}.dissection-formula{font-family:var(--font-mono);font-size:15px;line-height:1.6;background:var(--bg-paper);padding:20px;border-left:3px solid var(--accent-vermillion);color:var(--ink-primary)}.dissection-interactive-sandbox{border:1px solid var(--ink-border);padding:20px;background:var(--bg-paper-dark);font-family:var(--font-mono);font-size:12px;display:flex;flex-direction:column;gap:12px}.dissection-sandbox-slider{display:flex;align-items:center;justify-content:space-between;gap:12px}.dissection-sandbox-slider input{flex:1;accent-color:var(--accent-vermillion)}.act-goback{background:#ece5d8;border-top:1px solid #D4CBBB}.act-goback .chapter-title{color:#2a241c}.rewind-timeline-stamp{font-family:var(--font-mono);font-size:14px;color:#8c5a2b;letter-spacing:.2em;margin-bottom:16px;display:flex;align-items:center;gap:12px}.pdf-stack-pipeline-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:40px;margin-top:32px}@media(max-width:900px){.pdf-stack-pipeline-grid{grid-template-columns:1fr}}.pdf-cascade-container{position:relative;height:380px;background:#e4dccf;border:1px solid #C8BDAC;padding:20px;overflow:hidden}.pdf-cascade-card{position:absolute;width:180px;height:240px;background:#faf8f4;border:1px solid #C0B5A2;box-shadow:2px 4px 10px #0000000f;padding:12px;font-family:var(--font-mono);font-size:9px;color:#4a4035;transition:all .5s var(--ease-out-expo);display:flex;flex-direction:column;justify-content:space-between}.lanczos-compression-box{background:#f5efe6;border:1px solid #C8BDAC;padding:28px;display:flex;flex-direction:column;justify-content:space-between}.compression-metric-row{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px dashed #C8BDAC;font-family:var(--font-mono);font-size:12px}.compression-metric-val{font-weight:700;color:var(--accent-vermillion)}.compression-progress-track{height:8px;background:#ddd5c7;border-radius:4px;overflow:hidden;margin:16px 0}.compression-progress-fill{height:100%;width:59%;background:var(--accent-terracotta)}.act-extract{background:var(--bg-monolith);color:#f7f5f0}.act-extract .chapter-title{color:#fff}.act-extract .chapter-subtitle{color:#a0a5b0}.act-extract .chapter-serial{color:var(--accent-cyan)}.extract-flow-canvas-container{width:100%;height:380px;background:#111317;border:1px solid rgba(255,255,255,.1);position:relative;margin-top:24px}.commonkads-probes-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin-top:24px}@media(max-width:1024px){.commonkads-probes-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:600px){.commonkads-probes-grid{grid-template-columns:1fr}}.probe-card{background:#16191f;border:1px solid rgba(255,255,255,.08);padding:16px;display:flex;flex-direction:column;gap:8px;cursor:pointer;transition:all .2s}.probe-card:hover,.probe-card.active{border-color:var(--accent-cyan);background:#1c212b}.probe-id{font-family:var(--font-mono);font-size:11px;color:var(--accent-cyan);font-weight:700}.probe-name{font-family:var(--font-sans);font-size:14px;font-weight:600;color:#fff}.probe-desc{font-family:var(--font-mono);font-size:10px;color:#8c92a0;line-height:1.4}.act-five-machines{background:var(--bg-paper)}.doorway-portals-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;margin-top:32px}@media(max-width:1200px){.doorway-portals-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){.doorway-portals-grid{grid-template-columns:1fr}}.doorway-card{background:#fff;border:1px solid var(--ink-border);position:relative;display:flex;flex-direction:column;overflow:hidden;transition:all .3s var(--ease-out-expo);cursor:pointer}.doorway-card:hover{border-color:var(--accent-vermillion);transform:translateY(-6px);box-shadow:0 16px 36px #1213161a}.doorway-canvas-wrapper{width:100%;height:200px;background:#0d0e11;position:relative;overflow:hidden}.doorway-canvas-wrapper canvas{width:100%;height:100%;display:block}.doorway-meta{padding:16px;display:flex;flex-direction:column;gap:6px}.doorway-index{font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;color:var(--accent-vermillion)}.doorway-title{font-family:var(--font-serif);font-size:16px;color:var(--ink-primary);font-weight:600}.doorway-tech{font-family:var(--font-mono);font-size:10px;color:var(--ink-secondary)}.act-tournament{background:#0e1013;color:#ece7de}.act-tournament .chapter-title{color:#fff}.act-tournament .chapter-subtitle{color:#9ea3ad}.tournament-bracket-wrapper{margin-top:36px;padding:32px;background:#14171d;border:1px solid rgba(255,255,255,.08);position:relative;overflow-x:auto}.bracket-stages-row{display:grid;grid-template-columns:1fr .8fr .8fr;gap:32px;min-width:800px;position:relative}.bracket-stage-col{display:flex;flex-direction:column;gap:16px}.stage-header-title{font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;color:var(--accent-vermillion);text-transform:uppercase;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:8px}.candidate-node{background:#1a1e26;border:1px solid rgba(255,255,255,.08);padding:12px 16px;display:flex;flex-direction:column;gap:4px;transition:all .2s}.candidate-node.champion{border-color:var(--accent-brass);background:#d4af3714}.candidate-node .node-id{font-family:var(--font-mono);font-size:10px;color:#8c92a0}.candidate-node .node-model{font-family:var(--font-sans);font-size:13px;font-weight:600;color:#fff}.candidate-node .node-verdict{font-family:var(--font-mono);font-size:10px;color:var(--accent-vermillion)}.candidate-node.champion .node-verdict{color:var(--accent-brass)}.act-missing-piece{background:var(--bg-paper)}.tracks-master-timeline{margin-top:36px;display:flex;flex-direction:column;gap:16px}.timeline-track-row{background:#fff;border:1px solid var(--ink-border);padding:20px 24px;display:grid;grid-template-columns:220px 1fr;gap:24px;align-items:center;transition:all .2s}@media(max-width:768px){.timeline-track-row{grid-template-columns:1fr}}.track-label-col{display:flex;flex-direction:column;gap:4px}.track-number{font-family:var(--font-mono);font-size:10px;color:var(--accent-vermillion);letter-spacing:.1em}.track-name{font-family:var(--font-serif);font-size:18px;font-weight:600;color:var(--ink-primary)}.track-visual-bar{display:flex;gap:8px;align-items:center}.track-phase-segment{flex:1;background:var(--bg-paper-dark);border:1px solid var(--ink-border-subtle);padding:10px 14px;font-family:var(--font-mono);font-size:11px;color:var(--ink-secondary);border-radius:2px;position:relative;overflow:hidden}.track-phase-segment:before{content:"";position:absolute;top:0;left:0;width:3px;height:100%;background:var(--accent-terracotta)}.act-proving-ground{background:var(--bg-monolith);color:#ece7de}.act-proving-ground .chapter-title{color:#fff}.proving-monoliths-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;margin-top:36px}@media(max-width:1200px){.proving-monoliths-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){.proving-monoliths-grid{grid-template-columns:1fr}}.monolith-card{background:#14171e;border:1px solid rgba(255,255,255,.1);padding:24px;display:flex;flex-direction:column;justify-content:space-between;min-height:380px;transition:all .35s var(--ease-out-expo);cursor:pointer;position:relative}.monolith-card:hover{border-color:var(--accent-vermillion);transform:translateY(-8px);background:#1a1f29;box-shadow:0 20px 48px #0006}.monolith-header{display:flex;justify-content:space-between;align-items:center}.monolith-num{font-family:var(--font-mono);font-size:11px;color:var(--accent-vermillion)}.monolith-status-dot{width:8px;height:8px;border-radius:50%;background:var(--accent-emerald)}.monolith-name{font-family:var(--font-serif);font-size:24px;font-weight:500;color:#fff;margin:12px 0 6px}.monolith-desc{font-family:var(--font-sans);font-size:13px;line-height:1.45;color:#9ca3af}.monolith-launch-btn{margin-top:20px;font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;padding:10px 16px;background:transparent;border:1px solid rgba(255,255,255,.2);color:#fff;text-transform:uppercase;cursor:pointer;display:flex;align-items:center;justify-content:space-between;transition:all .2s}.monolith-card:hover .monolith-launch-btn{background:var(--accent-vermillion);border-color:var(--accent-vermillion);color:#fff}.act-battle-scars{background:var(--bg-paper-dark)}.battle-scars-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:32px}@media(max-width:1024px){.battle-scars-grid{grid-template-columns:1fr}}.scar-card{background:#fff;border:1px solid var(--ink-border);padding:24px;display:flex;flex-direction:column;gap:16px}.scar-badge{font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;color:var(--accent-vermillion);font-weight:700;text-transform:uppercase}.scar-title{font-family:var(--font-serif);font-size:18px;font-weight:600;color:var(--ink-primary)}.scar-code-diff{background:var(--bg-code);color:#e6edf3;padding:16px;border-radius:4px;font-family:var(--font-mono);font-size:11px;line-height:1.5;overflow-x:auto}.scar-code-diff .slain-comment{color:#ff7b72}.scar-code-diff .fix-line{color:#7ee787}.act-the-machine{background:var(--bg-monolith);color:#fff}.act-the-machine .chapter-title{color:#fff}.dag-canvas-container{width:100%;height:520px;background:#0e1015;border:1px solid rgba(255,255,255,.1);position:relative;margin-top:32px}.act-open-experiment{min-height:100vh;background:var(--bg-paper);display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:100px var(--gutter-width) 60px}.experiment-final-question{font-family:var(--font-serif);font-size:clamp(2.5rem,6vw,5.5rem);line-height:1.05;color:var(--ink-primary);margin-bottom:24px;text-transform:uppercase}.experiment-final-answer{font-family:var(--font-serif);font-size:clamp(3rem,7.5vw,6.5rem);line-height:1;color:var(--accent-vermillion);font-weight:700;margin-bottom:32px;text-transform:uppercase}.experiment-final-epigraph{font-family:var(--font-mono);font-size:14px;letter-spacing:.18em;color:var(--ink-secondary);text-transform:uppercase;max-width:640px;margin-bottom:48px}.experiment-credits-box{margin-top:48px;padding-top:32px;border-top:1px solid var(--ink-border);font-family:var(--font-mono);font-size:11px;color:var(--ink-tertiary);display:flex;flex-direction:column;gap:8px}@media(max-width:768px){.prologue-typewriter-box{padding-left:14px;min-height:80px;font-size:1.15rem}.math-dissection-matrix{padding:16px}.dissection-tabs{gap:8px}.dissection-tab-btn{font-size:10px;padding:5px 10px}.dissection-formula{font-size:12px;padding:14px}.pdf-cascade-container{height:280px;padding:10px}.pdf-cascade-card{width:140px;height:190px;font-size:8px;padding:8px}.lanczos-compression-box{padding:16px}.extract-flow-canvas-container{height:280px}.commonkads-probes-grid{grid-template-columns:1fr 1fr;gap:8px}.probe-card{padding:12px}.tournament-bracket-wrapper{padding:16px;-webkit-overflow-scrolling:touch}.bracket-stages-row{min-width:650px;gap:16px}.timeline-track-row{padding:14px;gap:12px}.track-visual-bar{flex-wrap:wrap}.track-phase-segment{padding:6px 10px;font-size:10px}.monolith-card{min-height:280px;padding:18px}.monolith-name{font-size:20px}.dag-canvas-container{height:360px}.act-open-experiment{padding:80px 16px 40px}}@media(max-width:480px){.commonkads-probes-grid{grid-template-columns:1fr}}.theater-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:var(--bg-monolith);z-index:99999;opacity:0;pointer-events:none;transition:opacity .4s cubic-bezier(.16,1,.3,1);display:flex;flex-direction:column}.theater-overlay.active{opacity:1;pointer-events:auto}.theater-hud-header{height:52px;padding:0 24px;background:#0a0b0deb;border-bottom:1px solid rgba(255,255,255,.1);backdrop-filter:blur(16px);display:flex;align-items:center;justify-content:space-between;z-index:100}.theater-hud-left{display:flex;align-items:center;gap:12px}.theater-hud-title{font-family:var(--font-serif);font-size:clamp(12px,1.5vw,15px);letter-spacing:.1em;color:#fff;font-weight:600;text-transform:uppercase}.theater-hud-tag{font-family:var(--font-mono);font-size:9px;padding:2px 6px;border-radius:2px;background:#ff3b0026;color:var(--accent-vermillion);border:1px solid rgba(255,59,0,.3)}.theater-hud-center{display:flex;align-items:center;gap:16px;font-family:var(--font-mono);font-size:11px;color:#8c92a0}.theater-telemetry-item{display:flex;align-items:center;gap:6px}.theater-telemetry-val{color:#00e5ff;font-weight:700}.theater-hud-right{display:flex;align-items:center;gap:8px}.theater-action-btn{font-family:var(--font-mono);font-size:clamp(10px,1.2vw,11px);letter-spacing:.05em;padding:6px 12px;border:1px solid rgba(255,255,255,.15);background:transparent;color:#fff;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .2s;text-transform:uppercase;white-space:nowrap}.theater-action-btn:hover{background:#ffffff1a;border-color:#fff6}.theater-action-btn.primary{background:var(--accent-vermillion);border-color:var(--accent-vermillion)}.theater-action-btn.primary:hover{background:#f52}.theater-stage-container{flex:1;width:100%;height:calc(100vh - 96px);position:relative;background:#000;overflow:hidden}.theater-sandbox-iframe{width:100%;height:100%;border:none;display:block}.theater-bottom-dock{height:44px;background:#0a0b0df2;border-top:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center;gap:8px;padding:0 16px;z-index:100;overflow-x:auto;-webkit-overflow-scrolling:touch}.dock-item-btn{font-family:var(--font-mono);font-size:10px;letter-spacing:.05em;padding:5px 12px;background:#14171e;border:1px solid rgba(255,255,255,.1);color:#9ca3af;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:6px;white-space:nowrap;flex-shrink:0}.dock-item-btn:hover,.dock-item-btn.active{background:#1e2430;color:#fff;border-color:var(--accent-vermillion)}.theater-drawer{position:absolute;top:52px;right:0;bottom:44px;width:min(520px,90vw);background:#101217f7;border-left:1px solid rgba(255,255,255,.12);backdrop-filter:blur(24px);padding:32px;overflow-y:auto;z-index:200;transform:translate(100%);transition:transform .4s cubic-bezier(.16,1,.3,1);color:#ece7de;display:flex;flex-direction:column;gap:24px}.theater-drawer.open{transform:translate(0)}.drawer-header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:16px}.drawer-title{font-family:var(--font-serif);font-size:20px;color:#fff}.drawer-close-btn{background:transparent;border:none;color:#8c92a0;cursor:pointer;font-size:22px;padding:8px}.drawer-close-btn:hover{color:#fff}.drawer-section{display:flex;flex-direction:column;gap:12px}.drawer-section-title{font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;color:var(--accent-vermillion);text-transform:uppercase}.drawer-section-body{font-family:var(--font-sans);font-size:13px;line-height:1.6;color:#c0c5ce}.drawer-code-block{background:#0e1015;border:1px solid rgba(255,255,255,.1);padding:16px;font-family:var(--font-mono);font-size:11px;line-height:1.5;border-radius:4px;color:#7ee787;overflow-x:auto}@media(max-width:768px){.theater-hud-header{height:48px;padding:0 12px}.theater-hud-center{display:none}.theater-bottom-dock{justify-content:flex-start;padding:0 8px}.theater-drawer{top:48px;width:100vw;padding:20px}.theater-stage-container{height:calc(100vh - 92px)}}