:root{--red: #d3203a;--yellow: #fbdb21;--ink: #05060b;--white: #f4f1ea;--steel: #b9bcc4;--green: #3ddc84}*{box-sizing:border-box}html,body,#root{margin:0;height:100%;background:var(--ink);overflow:hidden}body{color:var(--white);font-family:Share Tech Mono,ui-monospace,monospace}canvas{display:block}.frame{position:fixed;inset:0;pointer-events:none;box-shadow:inset 0 0 0 2px #d3203a8c,inset 0 0 60px #0009}.hud{position:fixed;left:0;right:0;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 24px;pointer-events:none}.hud.top{top:0;background:linear-gradient(rgba(5,6,11,.7),transparent)}.hud.top.lab{z-index:7;padding-bottom:34px;background:linear-gradient(#05060b 55%,#05060b00)}.hud.bottom{bottom:0;background:linear-gradient(transparent,#05060bbf);align-items:flex-end}.hud>*{pointer-events:auto}.brand{display:flex;align-items:center;gap:12px}.brand img{width:60px;height:auto;filter:drop-shadow(0 2px 8px rgba(0,0,0,.7))}.controls{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.chip{font:inherit;font-size:13px;letter-spacing:2px;color:var(--white);background:#0a0c16bf;border:1px solid rgba(244,241,234,.25);padding:9px 14px;cursor:pointer;transform:skew(-12deg)}.chip b{color:var(--red);margin-left:6px}.chip.on{border-color:var(--green)}.chip.on b{color:var(--green)}.chip:hover{border-color:var(--yellow)}.chip:disabled{opacity:.6;cursor:wait}.hint{font-size:12px;letter-spacing:1px;color:var(--steel);max-width:52ch}.tune{font-size:12px;letter-spacing:2px;background:#0a0c16bf;border:1px solid rgba(244,241,234,.2);padding:8px 12px}.tune summary{cursor:pointer;color:var(--yellow);white-space:nowrap}.tune label{display:grid;grid-template-columns:1fr auto;gap:4px 12px;margin-top:10px;color:var(--steel)}.tune label input{grid-column:1 / -1;accent-color:var(--red)}.dock{display:flex;flex-direction:column;align-items:stretch;gap:10px;width:200px}.dock>*{box-sizing:border-box}.preview{width:100%;pointer-events:none}.dock:not(.open) .preview{display:none}.preview .cam{display:block}.preview .cam{width:100%;box-sizing:border-box;transform:scaleX(-1);filter:grayscale(1) contrast(1.1);border:1px solid rgba(244,241,234,.2);opacity:.85}@media(max-width:1000px){.chip{font-size:11px;padding:7px 10px;letter-spacing:1px}}.gate{position:fixed;inset:0;display:grid;place-items:center;padding:24px;background:radial-gradient(ellipse at center,#05060b8c,#05060beb);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:10}.gate-card{max-width:440px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px}.gate-emblem{width:180px;height:auto;filter:drop-shadow(0 0 22px rgba(255,255,255,.18))}.brand-lockup{display:block;width:230px;height:auto}.gate-lockup{display:block;width:min(440px,88vw);height:auto;margin:4px auto 6px}.gate-copy{font-size:15px;line-height:1.55;color:var(--white);margin:10px 0 4px}.gate-btn{font:inherit;font-size:16px;letter-spacing:3px;color:var(--ink);background:var(--yellow);border:0;padding:14px 28px;cursor:pointer;transform:skew(-12deg);box-shadow:6px 6px 0 var(--red)}.gate-btn:hover{background:#fff07a}.gate-btn:disabled{opacity:.7;cursor:wait}.gate-error{color:#ff8a96;font-size:13px;line-height:1.5;margin:4px 0 0}.gate-note{color:var(--steel);font-size:12px;line-height:1.5;margin:6px 0 0;opacity:.8}@media(max-width:640px){.gate-emblem{width:130px;height:auto}}.lab-kicker{font-size:11px;letter-spacing:3px;color:var(--yellow)}.story{position:fixed;inset:0;overflow-y:auto;overflow-x:hidden;z-index:4;scroll-behavior:smooth;scrollbar-width:none}.story::-webkit-scrollbar{display:none}.story-progress{position:fixed;right:0;top:0;width:3px;height:100vh;background:var(--red);transform-origin:top;z-index:6}.story>section,.story>footer{width:min(520px,44vw);margin-left:6vw;box-sizing:border-box}.story-hero{min-height:100vh;display:flex;flex-direction:column;justify-content:center;gap:18px;padding-top:80px}.story-lockup{display:block;width:min(440px,100%);height:auto}.story-kicker{font-size:11px;letter-spacing:3px;color:var(--yellow)}.story-lead{font-family:Saira Semi Condensed,sans-serif;font-weight:500;font-size:18px;line-height:1.6;color:var(--steel);margin:0}.story-cue{font-size:11px;letter-spacing:4px;color:var(--steel);animation:cue 1.8s ease-in-out infinite;margin-top:18px}@keyframes cue{50%{transform:translateY(6px);opacity:.5}}.story-chapter{padding:22vh 0 10vh}.story-chapter.story-intro{padding-bottom:4vh}.story-num{font-family:Saira Semi Condensed,sans-serif;font-weight:800;font-size:15px;letter-spacing:3px;color:var(--red)}.story h2{font-family:Saira Semi Condensed,sans-serif;font-weight:800;font-size:clamp(44px,6vw,84px);line-height:.95;margin:6px 0 26px;text-transform:uppercase;letter-spacing:.5px}.story h3{font-family:Saira Semi Condensed,sans-serif;font-weight:800;font-size:28px;margin:0 0 10px;text-transform:uppercase;letter-spacing:.5px}.story p{font-family:Saira Semi Condensed,sans-serif;font-weight:500;font-size:17px;line-height:1.65;color:var(--steel);margin:0 0 16px}.story a{color:var(--yellow);font-size:12px;letter-spacing:1px;text-decoration:none}.story a:hover{text-decoration:underline}.story-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:#f4f1ea1f;border:1px solid rgba(244,241,234,.12);margin-bottom:26px}.story-stats div{background:#05060bd1;padding:16px 18px}.story-stats b{display:block;font-family:Saira Semi Condensed,sans-serif;font-weight:800;font-size:clamp(30px,3.4vw,46px);line-height:1;color:var(--white)}.story-stats div>span{font-size:11px;letter-spacing:3px;color:var(--steel);text-transform:uppercase}.story-facts{margin:0}.story-facts div{display:grid;grid-template-columns:10em 1fr;gap:12px;padding:9px 0;border-bottom:1px solid rgba(244,241,234,.1);font-size:13px}.story-facts dt{color:var(--steel);opacity:.75;letter-spacing:1px}.story-facts dd{margin:0;color:var(--white)}.story-facts.compact div{padding:6px 0;font-size:12px}.story-weapon{min-height:85vh;display:flex;flex-direction:column;justify-content:center}.story-weapon h3{font-size:clamp(36px,4.6vw,64px);line-height:1;color:var(--white);margin:8px 0 16px}.story-weapon img{width:62%;margin-top:8px;filter:drop-shadow(0 18px 30px rgba(0,0,0,.6))}.story-timeline{list-style:none;margin:0;padding:0 0 0 22px;border-left:2px solid rgba(211,32,58,.7)}.story-timeline li{position:relative;padding:0 0 34px 6px}.story-timeline li:before{content:"";position:absolute;left:-30px;top:6px;width:12px;height:12px;background:var(--red);transform:rotate(45deg)}.story-year{font-size:12px;letter-spacing:4px;color:var(--yellow);margin-bottom:4px}.story-photos{display:grid;gap:10px;align-content:start}.story>section.story-build-chapter{width:min(600px,46vw);padding:18vh 0 6vh}.story-build-media{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;margin-top:22px;align-items:start}.story-build-video{height:min(76vh,820px,calc((46vw - 12px) * .72 * 16 / 9));aspect-ratio:9 / 16;background:#000;border:1px solid rgba(244,241,234,.18);box-shadow:0 30px 80px #000000b3}.story-build-note{margin-top:14px!important;font-size:14px!important}.story-photos img{width:100%;aspect-ratio:4 / 3;object-fit:cover;display:block}.story-foot{padding:14vh 0 12vh;display:flex;flex-direction:column;gap:16px;align-items:flex-start}.story-foot p{font-size:12px;line-height:1.6;opacity:.8}.gate-alt{font:inherit;font-size:12px;letter-spacing:2px;color:var(--steel);background:none;border:0;margin-top:8px;cursor:pointer;text-decoration:underline;text-underline-offset:4px}.gate-alt:hover{color:var(--yellow)}@media(max-width:900px){.story>section,.story>footer{width:auto;margin:0 18px}.story-chapter,.story-weapon,.story-intro{background:linear-gradient(#05060bdb,#05060bdb);padding:28px 20px;margin-top:60vh!important;min-height:0}.story>section.story-build-chapter{width:auto;margin:60vh 18px 0;padding:28px 20px;background:#05060bdb}.story-build-media{grid-template-columns:1fr}.story-build-video{width:100%;height:auto}.story-photos{grid-template-columns:repeat(3,1fr)}.story>section.story-open{margin:0}}.archive-live{font-size:10px;letter-spacing:2px;color:var(--steel);opacity:.7}.archive-live.on{color:var(--green);opacity:1}.story{background:#000}.film{position:fixed;inset:0;z-index:-1;pointer-events:none}.film canvas{width:100%;height:100%;display:block}.film-shade{position:absolute;inset:0;background:linear-gradient(90deg,#000000c7,#00000073 38%,#0000 62%)}.story>section.story-open{width:auto;margin:0;height:340vh}.open-pin{position:sticky;top:0;height:100vh}.seq-intro{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;text-align:center;transform-origin:50% 45%}.seq-intro-lockup{display:block;width:min(640px,82vw);height:auto;filter:drop-shadow(0 0 40px rgba(211,32,58,.25))}.seq-intro p{font-family:Saira Semi Condensed,sans-serif;font-weight:500;font-size:18px;color:var(--steel);margin:0;padding:0 24px}.seq-intro .seq-cue{margin-top:26px}.seq-cue{font-size:12px;letter-spacing:5px;color:var(--white);animation:cue 1.8s ease-in-out infinite}.seq-title{position:absolute;left:6vw;top:50%;translate:0 -50%;width:min(460px,40vw);display:flex;flex-direction:column;gap:18px}.seq-stats{font-family:Saira Semi Condensed,sans-serif;font-weight:800;font-size:clamp(20px,2vw,28px);letter-spacing:1px;color:var(--white)}@media(max-width:900px){.seq-title{top:auto;bottom:8vh;translate:none;width:auto;right:6vw;background:linear-gradient(transparent,#000000bf 30%);padding-top:40px}}.credit{font-size:12px;letter-spacing:2px;color:var(--steel);margin:14px 0 0}.credit a{color:var(--white);text-decoration:none;border-bottom:1px solid rgba(251,219,33,.6)}.credit a:hover{color:var(--yellow)}.story-foot .credit{font-size:13px!important;opacity:1!important}@media(max-width:640px){.hud{padding:12px 14px}.brand img{width:40px;height:auto}.brand-lockup{display:none}.controls{flex-direction:column;align-items:flex-end;flex-wrap:nowrap;gap:6px}.chip{font-size:10px;padding:6px 9px;letter-spacing:1px;white-space:nowrap}.hint{font-size:10px;letter-spacing:.5px;max-width:54vw}.dock{width:auto}.dock.open{width:170px}.tune{padding:7px 10px;letter-spacing:1px;font-size:11px}}