*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--orange:#e87a20;--orange-soft:#e87a2029;--bg:#07090c;--text:#f2f2f2;--text-dim:#a8aeb8;--text-muted:#6f7682;--border:#ffffff14;--panel:#0a0c10b8;--font-display:"Space Grotesk", system-ui, sans-serif;--font-body:"Inter", system-ui, sans-serif}html,body,#root{background:var(--bg);min-height:100%;color:var(--text);font-family:var(--font-body)}body{overflow-x:hidden}.experience-scroll{pointer-events:none;width:100%;position:relative}.experience-canvas{z-index:0;position:fixed;inset:0}.experience-canvas canvas{display:block;width:100%!important;height:100%!important}.cinema-grade{pointer-events:none;z-index:1;mix-blend-mode:multiply;opacity:.85;background:radial-gradient(75% 65% at 50% 42%,#0000 35%,#0000008c 100%),linear-gradient(#080e1638 0%,#0000 28%,#0604022e 100%);position:absolute;inset:0}.cinema-grade:after{content:"";opacity:.045;mix-blend-mode:overlay;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}.canvas-fallback{text-align:center;background:var(--bg);z-index:0;place-content:center;gap:1rem;padding:2rem;display:grid;position:fixed;inset:0}.canvas-fallback a{color:var(--orange)}.chapter-ui{z-index:2;pointer-events:none;position:fixed;inset:0}.experience-chrome{pointer-events:auto;background:linear-gradient(#07090cd9,#0000);justify-content:space-between;align-items:center;gap:1rem;padding:1.25rem 1.75rem;display:flex}.experience-chrome--timeline{align-items:flex-start;gap:1.25rem}.chrome-brand,.chrome-link{color:var(--text);font-family:var(--font-display);letter-spacing:-.02em;font-size:.9rem;font-weight:600;text-decoration:none}.chrome-brand{flex-shrink:0;align-items:center;padding-top:.05rem;display:flex}.chrome-logo{object-fit:contain;width:8rem;height:8rem;transition:opacity .2s,transform .2s;display:block}.chrome-brand:hover .chrome-logo{opacity:.88;transform:scale(1.04)}.chrome-link{color:var(--text-dim);font-size:.8rem;font-weight:500}.chrome-link:hover{color:var(--orange)}.chrome-back{letter-spacing:.04em}.chrome-brand:hover{color:var(--orange)}.chrome-actions{flex-shrink:0;align-items:center;gap:.85rem;padding-top:.15rem;display:flex}.chrome-sound{pointer-events:auto;color:var(--text-dim);font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;background:#080a0e8c;border:1px solid #ffffff1f;border-radius:4px;padding:.45rem .7rem;font-size:.72rem;transition:color .2s,border-color .2s,background .2s}.chrome-sound:hover{color:var(--text);border-color:#ffffff38}.chrome-sound.on{color:var(--orange);background:#e87a2014;border-color:#e87a2073}.chrome-timeline{flex:1;min-width:0;max-width:52rem;margin:.35rem .5rem 0;padding:0 .4rem 1.85rem;position:relative}.timeline-track{background:#ffffff1f;height:1px;position:absolute;top:.42rem;left:.4rem;right:.4rem}.timeline-fill{background:linear-gradient(90deg, #e87a2059, var(--orange));height:100%;transition:width 50ms linear;box-shadow:0 0 10px #e87a2040}.timeline-stops{height:0;margin:0;padding:0;list-style:none;position:relative}.timeline-stop{margin:0;padding:0}.timeline-node{pointer-events:auto;cursor:pointer;color:var(--text-muted);background:0 0;border:0;flex-direction:column;align-items:center;gap:.28rem;min-width:4.5rem;padding:0;display:flex;position:absolute;top:0;transform:translate(-50%)}.timeline-dot{background:#0a0c10;border:1.5px solid #ffffff59;border-radius:50%;width:9px;height:9px;transition:border-color .2s,background .2s,box-shadow .2s,transform .2s}.timeline-era{font-family:var(--font-body);letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);white-space:nowrap;font-size:.62rem;transition:color .2s}.timeline-label{font-family:var(--font-display);letter-spacing:.02em;color:var(--text-dim);white-space:nowrap;text-overflow:ellipsis;max-width:7.5rem;font-size:.88rem;font-weight:600;transition:color .2s;overflow:hidden}.timeline-node:hover .timeline-dot,.timeline-node.passed .timeline-dot{border-color:#e87a208c}.timeline-node:hover .timeline-era,.timeline-node:hover .timeline-label,.timeline-node.passed .timeline-era,.timeline-node.passed .timeline-label{color:var(--text)}.timeline-node.active .timeline-dot{background:var(--orange);border-color:var(--orange);transform:scale(1.15);box-shadow:0 0 0 3px #e87a2033}.timeline-node.active .timeline-era{color:var(--orange)}.timeline-node.active .timeline-label{color:var(--text)}.panel-era{color:var(--text-muted);letter-spacing:.04em;font-weight:400}.chrome-nav{flex-wrap:wrap;justify-content:center;gap:.5rem;display:flex}.chrome-nav button{pointer-events:auto;color:var(--text-muted);font-family:var(--font-body);letter-spacing:.04em;text-transform:uppercase;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:999px;padding:.45rem .75rem;font-size:.72rem;transition:color .2s,border-color .2s,background .2s}.chrome-nav button:hover{color:var(--text)}.chrome-nav button.active{color:var(--orange);background:var(--orange-soft);border-color:#e87a2059}.content-panel{-webkit-backdrop-filter:blur(18px)saturate(.85);backdrop-filter:blur(18px)saturate(.85);background:#06080c8c;border:1px solid #ffffff0d;border-radius:4px;max-width:min(400px,88vw);padding:1.35rem 1.45rem;transition:opacity .25s;position:absolute;bottom:clamp(1.5rem,6vh,4rem);left:clamp(1.25rem,4vw,3.5rem);box-shadow:inset 0 1px #ffffff0a}.panel-kicker{letter-spacing:.2em;text-transform:uppercase;color:var(--orange);opacity:.9;margin-bottom:.7rem;font-size:.65rem;font-weight:500}.content-panel h1{font-family:var(--font-display);letter-spacing:-.03em;margin-bottom:.4rem;font-size:clamp(1.45rem,2.6vw,2rem);font-weight:600;line-height:1.12}.panel-sub{color:var(--text-muted);letter-spacing:.02em;margin-bottom:.85rem;font-size:.82rem}.panel-body{color:var(--text-dim);max-width:36ch;font-size:.88rem;line-height:1.7}.overlay-stack{flex-direction:column;gap:.75rem;width:min(240px,42vw);display:flex;position:absolute;top:50%;right:clamp(1.25rem,4vw,3.5rem);transform:translateY(-50%)}.tech-chip{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#06080c73;border:1px solid #ffffff0d;border-radius:4px;padding:.7rem .85rem;transition:opacity .2s}.tech-chip-title{font-family:var(--font-display);margin-bottom:.2rem;font-size:.82rem;font-weight:600;display:block}.tech-chip-body{color:var(--text-muted);letter-spacing:.02em;font-size:.72rem;display:block}.scroll-hint{color:var(--text-muted);letter-spacing:.14em;text-transform:uppercase;flex-direction:column;align-items:center;gap:.6rem;font-size:.72rem;transition:opacity .4s;display:flex;position:absolute;bottom:2rem;left:50%;transform:translate(-50%)}.scroll-line{background:linear-gradient(to bottom, var(--orange), transparent);width:1px;height:42px;animation:1.8s ease-in-out infinite scrollPulse}@keyframes scrollPulse{0%,to{opacity:.35;transform:scaleY(.7)}50%{opacity:1;transform:scaleY(1)}}.progress-rail{background:#ffffff14;border-radius:2px;width:2px;position:absolute;top:20%;bottom:20%;right:.85rem;overflow:hidden}.progress-fill{background:var(--orange);border-radius:2px;width:100%}@media (width<=800px){.experience-chrome{flex-wrap:wrap;padding:1rem}.experience-chrome--timeline{align-items:stretch}.chrome-timeline{order:3;width:100%;max-width:none;margin:.5rem 0 0;padding-bottom:1.6rem}.timeline-era{font-size:.55rem}.timeline-label{max-width:4.5rem;font-size:.72rem}.chrome-nav{order:3;justify-content:flex-start;width:100%}.overlay-stack{display:none}.content-panel{max-width:calc(100vw - 2rem);bottom:1.25rem;left:1rem;right:1rem}.progress-rail{display:none}}@media (prefers-reduced-motion:reduce){.scroll-line{animation:none}}.shot-tuner{z-index:40;pointer-events:none;position:fixed;top:4.5rem;right:1rem}.tuner-toggle,.tuner-panel button{pointer-events:auto;cursor:pointer;border:1px solid var(--border);color:var(--text-dim);font-family:var(--font-body);background:#0a0c10e0;border-radius:8px;padding:.55rem .8rem;font-size:.75rem}.tuner-toggle:hover,.tuner-panel button:hover{color:var(--orange);border-color:#e87a2066}.tuner-panel{pointer-events:auto;border:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0a0c10eb;border-radius:12px;width:min(320px,100vw - 2rem);max-height:calc(100vh - 5.5rem);padding:.9rem 1rem 1rem;overflow:auto}.tuner-panel-wide{width:min(360px,100vw - 2rem)}.tuner-toolbar{flex-direction:column;gap:.35rem;margin-bottom:.65rem;display:flex}.tuner-check{color:var(--text-dim);cursor:pointer;align-items:center;gap:.45rem;font-size:.72rem;display:flex}.shot-list{flex-wrap:wrap;gap:.35rem;margin-bottom:.55rem;display:flex}.shot-chip{pointer-events:auto;border:1px solid var(--border);color:var(--text-muted);cursor:pointer;background:#12161d;border-radius:999px;padding:.3rem .55rem;font-size:.68rem}.shot-chip.active{color:var(--orange);background:var(--orange-soft);border-color:#e87a2073}.tuner-header{font-family:var(--font-display);justify-content:space-between;align-items:center;margin-bottom:.4rem;display:flex}.tuner-chapter-tabs{gap:.4rem;margin-bottom:.65rem;display:flex}.tuner-chapter-tabs button{border:1px solid var(--border);color:var(--text-dim);font-family:var(--font-display);cursor:pointer;background:#0a0c10b3;border-radius:6px;flex:1;padding:.4rem .45rem;font-size:.72rem}.tuner-chapter-tabs button.active{color:var(--orange);background:var(--orange-soft);border-color:#e87a2073}.tuner-hint{color:var(--text-muted);margin-bottom:.75rem;font-size:.7rem;line-height:1.4}.tuner-section{letter-spacing:.12em;text-transform:uppercase;color:var(--orange);margin:.7rem 0 .35rem;font-size:.65rem}.tuner-row{color:var(--text-dim);grid-template-columns:1.4rem 1fr 3.4rem;align-items:center;gap:.4rem;margin-bottom:.3rem;font-size:.72rem;display:grid}.tuner-row input[type=range]{width:100%;accent-color:var(--orange)}.tuner-num{border:1px solid var(--border);width:100%;color:var(--text);background:#14181f;border-radius:6px;padding:.25rem .3rem;font-size:.7rem}.tuner-actions{gap:.5rem;margin-top:.85rem;display:flex}.tuner-primary{color:var(--orange)!important;border-color:#e87a2073!important}.tuner-snippet{border:1px solid var(--border);color:var(--text-dim);white-space:pre-wrap;word-break:break-all;background:#0b0e13;border-radius:8px;margin-top:.7rem;padding:.55rem;font-size:.62rem;line-height:1.45}