@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800&family=DM+Mono:wght@400;500&display=swap');
:root{--bg:#08100d;--panel:#101a16;--line:#26352e;--acid:#b8ff35;--text:#edf6ef;--muted:#809187;--danger:#ff4d3d}*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;background:radial-gradient(circle at 60% -20%,#20382c 0,transparent 38%),var(--bg);color:var(--text);font-family:DM Mono,monospace;min-height:100vh}.game-shell{min-height:100vh}.topbar{height:72px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 clamp(16px,4vw,60px);background:rgba(8,16,13,.9);backdrop-filter:blur(14px);position:relative;z-index:10}.brand{display:flex;align-items:center;gap:11px;color:inherit;text-decoration:none}.logo{display:grid;place-items:center;width:30px;height:30px;border:1px solid var(--acid);color:var(--acid);font-family:Barlow Condensed,sans-serif;font-size:20px;transform:skew(-8deg)}.brand b,.brand small{display:block;line-height:1}.brand b{font:700 15px Barlow Condensed,sans-serif;letter-spacing:.18em}.brand small{font-size:8px;color:var(--muted);margin-top:5px;letter-spacing:.15em}.live{font-size:9px;letter-spacing:.12em;display:flex;align-items:center;gap:9px}.live i{width:7px;height:7px;border-radius:50%;background:var(--acid);box-shadow:0 0 12px var(--acid)}.live b{padding:5px 7px;background:var(--acid);color:#111;border-radius:3px}.topbar nav{display:flex;gap:22px}.topbar nav a{color:var(--muted);text-decoration:none;font-size:9px}.topbar nav a:hover{color:var(--acid)}main{width:min(1460px,calc(100% - 32px));margin:auto}.mission-head{display:grid;grid-template-columns:1fr 440px;align-items:end;gap:40px;padding:42px 0 28px}.mission-head>div>p{font-size:9px;color:var(--acid);letter-spacing:.15em}.mission-head h1{font:800 clamp(52px,7vw,92px)/.8 Barlow Condensed,sans-serif;text-transform:uppercase;margin:20px 0 0;letter-spacing:-.03em}.mission-head h1 span{color:var(--acid)}.mission-head>p{font:500 17px/1.55 Barlow Condensed,sans-serif;color:#a9b5ae;max-width:420px;margin:0}.cockpit{display:grid;grid-template-columns:260px minmax(380px,720px) 260px;gap:14px;justify-content:center;align-items:stretch}.panel,.road-frame{border:1px solid var(--line);background:rgba(16,26,22,.86);border-radius:12px;overflow:hidden}.panel{padding:18px}.panel-heading{display:flex;gap:12px;align-items:center;border-bottom:1px solid var(--line);padding-bottom:16px}.panel-heading>span{width:29px;height:29px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;color:var(--acid);font-size:9px}.panel-heading small,.panel-heading h2{display:block}.panel-heading small{font-size:8px;color:var(--muted);letter-spacing:.13em}.panel-heading h2{font:600 17px Barlow Condensed,sans-serif;margin:3px 0 0}.route-map{position:relative;margin:30px 6px}.route-line{position:absolute;left:14px;top:14px;bottom:14px;width:2px;background:#283a32}.route-line i{position:absolute;inset:0 0 auto;height:0;background:var(--acid);transition:height .5s;box-shadow:0 0 7px var(--acid)}.stop{position:relative;display:flex;gap:13px;align-items:center;margin-bottom:42px}.stop:last-child{margin-bottom:0}.stop b{position:relative;z-index:2;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;border:1px solid #3a4a42;background:var(--panel);font:600 14px Barlow Condensed,sans-serif;color:var(--muted)}.stop span{font:600 12px Barlow Condensed,sans-serif}.stop small{display:block;color:var(--muted);font:7px DM Mono,monospace;margin-top:3px}.stop.reached b,.stop.current b{border-color:var(--acid);color:#111;background:var(--acid);box-shadow:0 0 14px rgba(184,255,53,.25)}.briefing{background:#0a120f;border:1px solid var(--line);border-radius:8px;padding:13px;margin-top:24px}.briefing small{color:var(--acid);font-size:8px}.briefing p{font:500 12px/1.5 Barlow Condensed,sans-serif;color:#9cad9f;margin:7px 0 0}.desktop-controls{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:24px}.desktop-controls span{font-size:8px;color:var(--text)}.desktop-controls b{font-size:7px;color:var(--muted);font-weight:400;text-align:right}.road-frame{position:relative;aspect-ratio:4/5;max-height:760px;background:#17231e}.road-frame canvas{display:block;width:100%;height:100%;touch-action:none}.road-overlay{pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 80px rgba(0,0,0,.55)}.countdown{display:none;position:absolute;inset:0;place-items:center;font:800 110px Barlow Condensed,sans-serif;color:white;text-shadow:0 8px 30px #000}.countdown.show{display:grid}.game-message{position:absolute;inset:0;background:rgba(5,10,8,.78);backdrop-filter:blur(8px);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:30px}.game-message.hidden{display:none}.game-message small{font-size:8px;letter-spacing:.15em;color:var(--acid)}.game-message h2{font:800 42px Barlow Condensed,sans-serif;margin:12px 0 5px;text-transform:uppercase}.game-message p{font:500 14px/1.5 Barlow Condensed,sans-serif;color:#abb9b0;max-width:340px}.game-message button,.pause{border:0;background:var(--acid);color:#10150f;font:600 11px DM Mono,monospace;padding:14px 20px;border-radius:5px;cursor:pointer;margin-top:16px}.checkpoint-flash{position:absolute;inset:0;pointer-events:none;display:grid;place-items:center;font:800 48px Barlow Condensed,sans-serif;color:var(--acid);text-shadow:0 2px 20px #000;opacity:0;transition:opacity .2s}.checkpoint-flash.show{opacity:1}.speedometer{margin:28px auto 14px;position:relative;width:190px;height:120px;text-align:center}.speedometer>div{position:absolute;inset:34px 0 auto}.speedometer strong,.speedometer span{display:block}.speedometer strong{font:700 44px Barlow Condensed,sans-serif}.speedometer span{font-size:8px;color:var(--muted)}.speedometer svg{width:100%;fill:none;stroke:#26362e;stroke-width:6;stroke-linecap:round}.speedometer #speed-arc{stroke:var(--acid);stroke-dasharray:157;stroke-dashoffset:157;transition:stroke-dashoffset .15s}.stats{border-top:1px solid var(--line)}.stats>div{display:flex;justify-content:space-between;align-items:center;padding:15px 2px;border-bottom:1px solid var(--line)}.stats small,.integrity small{font-size:8px;color:var(--muted)}.stats strong{font:600 15px Barlow Condensed,sans-serif}.integrity{margin-top:18px}.integrity>div:first-child{display:flex;justify-content:space-between;align-items:center}.integrity strong{font:600 13px Barlow Condensed,sans-serif}.health-track{height:6px;background:#293830;margin-top:9px;border-radius:4px;overflow:hidden}.health-track i{display:block;height:100%;width:100%;background:var(--acid);transition:width .25s,background .25s}.mission-status{margin-top:24px;padding:12px;border:1px solid var(--line);border-radius:7px;display:flex;gap:9px;align-items:center;font-size:8px}.mission-status i{width:6px;height:6px;border-radius:50%;background:#6c7c73}.mission-status.active i{background:var(--acid);box-shadow:0 0 8px var(--acid)}.pause{width:100%;background:transparent;color:var(--text);border:1px solid var(--line);margin-top:12px}.pause:disabled{opacity:.35;cursor:not-allowed}.touch-controls{display:none;justify-content:center;gap:12px;margin:16px auto 28px}.touch-controls>div{display:flex;flex-direction:column;gap:6px}.touch-controls button{width:68px;height:58px;border:1px solid var(--line);border-radius:10px;background:var(--panel);color:var(--acid);font-size:23px;touch-action:none}.touch-controls button.active{background:var(--acid);color:#111}footer{height:56px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 clamp(16px,4vw,60px);font-size:8px;color:var(--muted);margin-top:30px}footer a{color:inherit}@media(max-width:1100px){.cockpit{grid-template-columns:minmax(180px,240px) minmax(380px,620px)}.telemetry{grid-column:1/-1;display:grid;grid-template-columns:180px 1fr 1fr;gap:22px;align-items:center}.telemetry .panel-heading{grid-column:1/-1}.speedometer{margin:0}.stats{border-top:0}.mission-status{margin-top:0}}@media(max-width:760px){.topbar{height:64px;padding:0 12px}.live,.topbar nav a:first-child{display:none}main{width:100%}.mission-head{grid-template-columns:1fr;padding:32px 16px 22px}.mission-head>p{font-size:15px}.cockpit{display:flex;flex-direction:column}.route-panel{margin:0 12px}.route-map{display:flex;justify-content:space-between;margin:24px 2px 18px}.route-line{left:16px;right:16px;top:14px;bottom:auto;width:auto;height:2px}.route-line i{height:2px;width:0;transition:width .5s}.stop{display:block;margin:0;text-align:center}.stop b{margin:auto}.stop span{font-size:10px}.desktop-controls,.briefing{display:none}.road-frame{border-left:0;border-right:0;border-radius:0;max-height:none}.telemetry{margin:0 12px;display:block}.telemetry .panel-heading{display:none}.speedometer{display:none}.stats{display:grid;grid-template-columns:repeat(3,1fr);border:0}.stats>div{display:block;text-align:center;border:0;padding:8px 3px}.stats strong{display:block;margin-top:4px}.integrity{margin:10px 0}.mission-status{margin-top:12px}.touch-controls{display:flex}.game-message h2{font-size:36px}footer{margin-top:0;padding:0 14px}footer span:first-child{display:none}}