@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800;900&family=IBM+Plex+Mono:wght@400;500;600&display=swap');
:root{color-scheme:dark;--bg:#111614;--ink:#eff2dc;--acid:#d9ff5c;--muted:#8d9a8c;--line:#384237;--orange:#ff8d56}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:'IBM Plex Mono',monospace;font-size:12px}button,a{-webkit-tap-highlight-color:transparent}button{font:600 11px 'IBM Plex Mono',monospace;color:var(--ink);border:1px solid var(--line);background:transparent;cursor:pointer;padding:10px 13px}button:hover{color:var(--acid);border-color:var(--acid)}button:focus-visible,a:focus-visible{outline:2px solid var(--acid);outline-offset:4px}a{color:inherit;text-decoration:none}header{height:77px;border-bottom:1px solid var(--line);padding:0 4%;display:flex;align-items:center;justify-content:space-between}.brand{font-weight:600;letter-spacing:2px;font-size:19px}.brand span{display:block;font-size:8px;letter-spacing:2.5px;color:var(--muted);margin-top:5px}.top-right{display:flex;gap:12px;align-items:center}.live{font-size:9px;letter-spacing:1px;color:var(--acid);margin-right:18px}main{max-width:1480px;margin:auto;padding:36px 4% 20px}.masthead{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.eyebrow{font-size:9px;letter-spacing:2px;color:var(--acid);margin:0 0 10px}h1{font-family:'Barlow Condensed','Arial Narrow',Impact,sans-serif;font-size:clamp(44px,6.5vw,92px);line-height:.95;letter-spacing:-2px;margin:0;font-weight:900}h1 span{color:var(--acid)}h1 i{color:var(--orange);font-style:normal}.edition{line-height:1.8;font-size:9px;text-align:right;color:var(--muted)}.edition b{color:var(--ink)}.cabinet{border:1px solid #56624a;box-shadow:0 14px 50px #0004}.hud{display:grid;grid-template-columns:1.25fr .7fr .85fr 1.2fr 1fr;gap:22px;padding:18px 25px;background:#1c241c}.hud small{display:block;color:var(--muted);font-size:8px;letter-spacing:1.5px;margin-bottom:6px}.hud b{font-size:19px;line-height:1}.hud em{font-size:9px;color:var(--acid);font-style:normal}.health-track,.drop-track{height:8px;background:#394433;margin-top:12px}.health-track i,.drop-track i{display:block;height:100%;width:100%;background:var(--acid);transition:width .15s}.drop-track i{background:var(--orange)}.stage{position:relative;background:#101918;overflow:hidden;aspect-ratio:2/1}canvas{display:block;width:100%;height:100%}.scene-label{position:absolute;top:19px;left:24px;right:24px;font-size:8px;letter-spacing:1px;color:#84988c;pointer-events:none}.scene-label span{color:#cfdbc6}.scene-label i{float:right;color:var(--acid);font-style:normal}.overlay{position:absolute;inset:0;display:flex;align-items:center;padding:5%;background:linear-gradient(90deg,#101815f5 5%,#101815d9 47%,#10181530);z-index:2}.overlay[hidden]{display:none}.intro-copy{width:58%;z-index:2}h2{font-family:'Barlow Condensed',Impact,sans-serif;font-size:clamp(30px,4.6vw,66px);font-weight:800;line-height:1;letter-spacing:-.5px;margin:12px 0 17px}h2 span{color:var(--acid)}.intro-copy>p:not(.eyebrow){font-size:clamp(11px,1vw,14px);line-height:1.7;color:#d1d9c6}.intro-copy .story{max-width:375px;color:var(--muted)!important;font-size:11px!important}.primary{display:flex;align-items:center;justify-content:space-between;gap:40px;padding:17px 23px;color:#141a12;background:var(--acid);border:0;font-size:12px;margin-top:22px}.primary:hover{background:#e9ff9d;color:#111}.intro-copy>small{display:block;font-size:8px;line-height:1.5;color:var(--muted);margin-top:12px}.intro-art{position:absolute;right:3%;bottom:-10%;width:44%;height:104%;}.intro-art img{position:absolute;width:85%;height:98%;object-fit:contain;bottom:0;left:6%;filter:drop-shadow(0 0 35px #bcff5420);transform:rotate(5deg)}.art-ring{position:absolute;width:90%;aspect-ratio:1;border:1px solid #d9ff5c40;border-radius:50%;top:15%;box-shadow:0 0 0 24px #d9ff5c08,0 0 0 48px #d9ff5c05}.quote{position:absolute;top:10%;right:0;transform:rotate(7deg);background:var(--orange);padding:13px;color:#191c15;font-weight:600;line-height:1.5}.console-strip{display:flex;justify-content:space-between;gap:14px;padding:13px 22px;border-top:1px solid #56624a;background:#20271e;font-size:8px;letter-spacing:.5px}.status-dot{display:inline-block;width:6px;height:6px;border-radius:100%;background:var(--acid);margin-right:7px}#quip{color:var(--muted);text-align:right}.below{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:20px 0}.controls{display:flex;gap:17px;align-items:center;flex-wrap:wrap;font-size:8px;color:var(--muted)}kbd{font:9px 'IBM Plex Mono',monospace;border:1px solid #49513f;padding:4px 6px;margin-right:4px;color:var(--ink);border-bottom:3px solid #49513f}.controls button{font-size:8px;padding:7px}.best{font-size:8px;color:var(--muted);white-space:nowrap}.best b{color:var(--acid);margin-left:8px}.driver-rack{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);margin-top:6px}.driver-rack>div{padding:20px 22px;border-right:1px solid var(--line);position:relative;color:#929d88}.driver-rack>div:last-child{border:0}.driver-rack span{font-size:8px;letter-spacing:1px}.driver-rack b{display:block;font:800 50px 'Barlow Condensed',Impact,sans-serif;margin:7px 0 0}.driver-rack p{font-size:10px;margin:0 0 15px}.driver-rack i{color:var(--orange);font-style:normal}.driver-rack small{font-size:7px;letter-spacing:1px}.driver-rack .selected{background:#d9ff5c0c;color:var(--acid);box-shadow:inset 0 3px var(--acid)}footer{display:flex;justify-content:space-between;gap:15px;color:#7c8a77;font-size:7px;letter-spacing:.8px;padding:25px 0}footer a{color:var(--ink)}#announcement{position:absolute;top:17%;left:15%;right:15%;text-align:center;font:800 clamp(22px,3vw,43px) 'Barlow Condensed',Impact,sans-serif;color:var(--acid);text-shadow:0 3px 12px #000;pointer-events:none}.result{width:100%;max-width:760px;margin:auto;text-align:center}.result h2{margin:8px 0 14px}.result p{color:#a9b6a1;font-size:12px;line-height:1.7}.result .primary{margin:20px auto 0;min-width:210px}.choices{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:22px 0 0}.choices button{padding:18px 12px;background:#202b21;text-align:left;border-color:#536448}.choices b{display:block;color:var(--acid);font-size:12px;margin-bottom:8px}.choices span{display:block;color:#a9b6a1;font-size:10px;line-height:1.6}.touch-controls{display:none;gap:7px;margin:0 0 20px;touch-action:none}.touch-controls button{flex:1;padding:16px 5px;font-size:10px;user-select:none}.touch-controls .fire{background:var(--acid);color:#101610}@media(pointer:coarse){.touch-controls{display:flex}}@media(max-width:750px){header{height:64px}.live,.edition{display:none}main{padding-top:25px}.masthead{margin-bottom:18px}.eyebrow{font-size:7px;letter-spacing:1px}.hud{gap:10px;padding:12px}.hud small{font-size:6px;letter-spacing:.3px}.hud b{font-size:14px}.hud em{font-size:6px}.scene-label{top:10px;left:12px;right:12px;font-size:6px}.stage{aspect-ratio:1.5}.intro-copy{width:66%}.intro-copy .story{font-size:9px!important}.intro-copy>small{font-size:6px}.primary{padding:12px 15px;margin-top:12px;font-size:10px}.intro-art{right:-8%;width:48%;height:80%;bottom:0}.quote{font-size:8px;right:15%;top:0;padding:8px}.console-strip{padding:10px;font-size:6px}#quip{max-width:50%}.below{align-items:flex-start;padding:15px 0}.controls{gap:12px;font-size:7px}.best{font-size:6px}.driver-rack>div{padding:14px 10px}.driver-rack span{font-size:6px;letter-spacing:0}.driver-rack b{font-size:38px}.driver-rack p{font-size:8px}.driver-rack small{font-size:6px}.result p{font-size:10px}.choices{gap:7px;margin-top:10px}.choices button{padding:10px 8px}.choices b{font-size:9px}.choices span{font-size:8px}footer{font-size:6px}.result h2{font-size:32px}}@media(max-width:450px){.stage{aspect-ratio:1.2}.intro-art{opacity:.55}.intro-copy{width:85%}.intro-copy h2{font-size:36px}.intro-copy>p:not(.eyebrow){font-size:11px}.top-right{gap:6px}.top-right button{padding:8px;font-size:9px}.brand{font-size:15px}.brand span{font-size:6px}.hud{grid-template-columns:1.1fr .65fr .8fr 1.2fr}.hud>div:last-child{display:none}.driver-rack{grid-template-columns:repeat(2,1fr)}.driver-rack>div{border-bottom:1px solid var(--line)}.touch-controls{display:flex}.best{display:none}.choices{grid-template-columns:1fr}.choices button{padding:9px}.choices span{display:inline}.choices b{display:inline;margin-right:10px}.result h2{font-size:28px}}
