@import "https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@400;500;600;700;800&family=Manrope:wght@400;500;600;700&display=swap";#drive-load{z-index:5;background:linear-gradient(90deg,#020710f5,#020710a0 42%,#0000 85%);position:absolute;inset:0}.drive-film-top{letter-spacing:3px;color:#cfbb89;padding:30px 4.5%;font-size:11px}.drive-film-top span{float:right;color:#8da6b8;font-size:9px}.drive-film-copy{max-width:510px;position:absolute;top:21%;left:5%}.drive-film-copy h2{letter-spacing:3px;margin:20px 0;font:600 clamp(44px,6vw,85px)/.98 Barlow Condensed,sans-serif}.drive-film-copy p{color:#adbfcb;max-width:430px;font-size:14px;line-height:1.8}.drive-load-track{background:#66839740;width:290px;height:2px;margin:23px 0 10px}.drive-load-track i{background:#d7bc80;width:0;height:100%;transition:width .25s;display:block}#drive-load-status{letter-spacing:1.5px;color:#d7bc80;font-size:9px}#drive-back{color:#aebfca;background:0 0;border:0;padding:16px 0;font-size:9px;display:block}.drive-help{color:#7994a6;margin-top:5px;font-size:10px;line-height:1.8}#drive-hud{pointer-events:none;padding:25px 32px;position:absolute;inset:0}#drive-hud header{justify-content:space-between;align-items:start;display:flex}#drive-hud header>div:first-child{letter-spacing:4px;font:600 28px Barlow Condensed,sans-serif}#drive-hud small{letter-spacing:2px;color:#9bb2c4;margin-top:5px;font:9px Manrope,Arial,sans-serif;display:block}.drive-clock{text-align:center;position:absolute;left:50%;transform:translate(-50%)}.drive-clock strong{letter-spacing:4px;font:35px Barlow Condensed,sans-serif;display:block}#drive-pause{pointer-events:auto;color:#c7d6df;background:#10203080;border-color:#677f9050;padding:8px 14px}.drive-objective{background:linear-gradient(90deg,#07121ce8,#0000);border-left:2px solid #d1b273;width:280px;padding:14px;position:absolute;top:110px;left:32px}.drive-objective h3{color:#e5d0a2;margin:8px 0;font:500 22px Barlow Condensed}.drive-objective p{color:#aabfce;margin:4px 0;font-size:10px;line-height:1.7}#drive-radio{text-align:center;letter-spacing:1px;color:#d4e3ec;text-shadow:0 2px 5px #000;width:60%;font-size:12px;line-height:1.7;transition:opacity .4s;position:absolute;top:30%;left:20%}#drive-map{background:#07131fed;border:1px solid #7498aa70;width:200px;position:absolute;bottom:150px;right:28px}#drive-map canvas{width:100%;display:block}#drive-map-target{color:#ead3a0;padding:8px;font-size:9px;line-height:1.5}.drive-bottom{justify-content:space-between;align-items:end;display:flex;position:absolute;bottom:32px;left:32px;right:32px}.drive-bottom>div:first-child{width:240px}.drive-bottom small{justify-content:space-between;display:flex}.drive-armor{background:#90b1c333;height:4px;margin:12px 0}.drive-armor i{background:#a6d5d5;width:100%;height:100%;transition:width .2s;display:block}#drive-emp{letter-spacing:1px;color:#9fccda;font-size:10px}.drive-speed{text-align:right}.drive-speed b{font:70px/.9 Barlow Condensed;display:block}.drive-speed span{letter-spacing:3px;color:#a6bccc;font-size:10px}#drive-reset{pointer-events:auto;color:#acbeca;letter-spacing:1px;background:#12263480;border:1px solid #59788a40;padding:8px;font-size:8px;position:absolute;bottom:32px;left:50%;transform:translate(-50%)}#drive-touch{display:none}#start-ground{color:#cad7de;text-align:left;background:#102331b0;border-color:#7895a966;min-width:270px;margin-top:10px;padding:13px 25px;font-size:11px;display:block}#next-level{margin-top:12px}.menu-content{top:22%}@media (pointer:coarse){#drive-touch{pointer-events:auto;display:block}#drive-stick{touch-action:none;background:#0c203177;border:1px solid #bfd3df66;border-radius:45px;width:115px;height:100px;position:absolute;bottom:110px;left:25px}#drive-stick i{background:#7296ae55;border:1px solid #adc8da66;border-radius:50%;width:45px;height:45px;display:block;position:absolute;top:27px;left:35px}.drive-pedals{gap:8px;display:flex;position:absolute;bottom:110px;right:20px}.drive-pedals button{letter-spacing:0;color:#dbe6ec;touch-action:none;background:#172f4199;border-color:#92a9b955;border-radius:50%;width:64px;height:64px;padding:0;font-size:9px}.drive-pedals button[data-drive=accel]{color:#ead6a4;border-color:#d9bd7e;width:76px;height:76px}#drive-map{width:140px;top:100px;bottom:auto}#drive-radio{width:70%;top:37%;left:15%}.drive-help{font-size:9px}}@media (width<=700px){.drive-film-top span{display:none}.drive-film-copy{top:17%;right:5%}.drive-film-copy h2{font-size:58px}.drive-film-copy p{max-width:90%;font-size:12px}.drive-help{font-size:9px}.drive-objective{width:180px;padding:10px;top:85px;left:16px}.drive-objective h3{font-size:17px}#drive-turn{display:none}#drive-hud{padding:16px}#drive-hud header>div:first-child{font-size:21px}.drive-clock strong{font-size:29px}#drive-hud small{font-size:7px}.drive-bottom{bottom:20px;left:16px;right:16px}.drive-bottom>div:first-child{width:170px}.drive-speed b{font-size:48px}#drive-reset{font-size:7px;bottom:83px;left:50%}#drive-map{width:125px;right:15px}#drive-map-target{padding:5px;font-size:8px}}@media (height<=550px){.drive-film-top{padding:15px 4%;font-size:9px}.drive-film-copy{max-width:500px;top:15%}.drive-film-copy h2{margin:12px 0;font-size:44px}.drive-film-copy p{max-width:380px;margin:8px 0;font-size:11px;line-height:1.5}.drive-load-track{margin:12px 0 5px}.drive-help{background:#081522bb;width:235px;padding:10px;font-size:9px;position:fixed;bottom:20px;right:25px}.drive-film-copy button{padding:11px 20px;font-size:10px}#drive-back{padding:8px 0}#start-ground{margin-top:7px;padding:10px 20px;font-size:9px}#drive-map{width:105px;top:73px;bottom:auto}#drive-map-target{padding:4px;font-size:7px}.drive-objective{width:245px;padding:8px;top:76px}.drive-objective h3{margin:4px 0;font-size:17px}#drive-turn{display:none}.drive-objective small{font-size:7px}#drive-radio{width:56%;font-size:10px;top:44%;left:22%}#drive-stick{width:100px;height:85px;bottom:85px}#drive-stick i{top:20px;left:28px}.drive-pedals{bottom:85px}.drive-pedals button{width:52px;height:52px;font-size:8px}.drive-pedals button[data-drive=accel]{width:62px;height:62px}.drive-speed b{font-size:47px}#drive-reset{bottom:22px}}#drive-waypoint{text-align:center;color:#f0ce85;text-shadow:0 2px 4px #000;position:absolute;transform:translate(-50%,-50%)}#drive-waypoint b{font:36px Arial;display:block}#drive-waypoint span{letter-spacing:1px;font-size:10px}@media (pointer:coarse),(width<=700px){#drive-turn{color:#f0ce85;margin:5px 0 0;font-size:9px;line-height:1.4;display:block}#drive-stick{left:max(24px, env(safe-area-inset-left))}.drive-pedals{right:max(20px, env(safe-area-inset-right))}#drive-hud{padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right))}#drive-reset{min-height:44px}}#hud #radar{background:#07131fed;border:1px solid #86a9bb66;border-radius:3px;width:230px;height:auto;display:block;bottom:150px;right:28px;overflow:hidden;box-shadow:0 4px 25px #0008}#hud #radar:before,#hud #radar:after{display:none}#radar .map-title{letter-spacing:2px;color:#bdd1dc;border-bottom:1px solid #7e9cac33;justify-content:space-between;padding:9px 11px;font-size:9px;display:flex}#radar .map-title em{color:#7895a8;letter-spacing:1px;font-size:8px;font-style:normal}#hud #radar canvas{width:100%;height:auto;display:block}#map-destination{letter-spacing:.5px;color:#efd299;border-top:1px solid #7e9cac33;min-height:29px;padding:8px 10px;font-size:9px}#radar .map-key{color:#aac2ce;letter-spacing:.3px;padding:0 10px 8px;font-size:8px}#radar .map-key b{color:#ff9980;font-weight:400}#radar .map-key i{color:#72d5dc;font-style:normal}@media (pointer:coarse),(width<=700px){#hud #radar{width:150px;display:block;top:108px;bottom:auto;right:14px}#radar .map-title{letter-spacing:1px;padding:5px 7px;font-size:8px}#radar .map-title em{display:none}#map-destination{min-height:24px;padding:5px 6px;font-size:8px}#radar .map-key{padding:0 6px 5px;font-size:7px}}@media (height<=550px){#hud #radar{width:125px;top:76px;bottom:auto;right:15px}#radar .map-title,#radar .map-key{display:none}#map-destination{min-height:21px;padding:4px;font-size:7px}}#briefing{z-index:8;pointer-events:none;background:linear-gradient(#0000 30%,#020710ed);position:absolute;inset:0}.cinema-top,.cinema-bottom{letter-spacing:2px;color:#a6bbc8;background:#02060aee;justify-content:space-between;align-items:center;padding:22px 4.5%;font-size:10px;display:flex;position:absolute;left:0;right:0}.cinema-top{border-bottom:1px solid #c7ab6b38;top:0}.cinema-bottom{bottom:0}.cinema-bottom b{color:#c7ab6b;margin-left:28px;font-weight:400}.cinema-bottom button{pointer-events:auto;color:#dbc18b;background:0 0;border-color:#c7ab6b60;padding:12px 20px;font-size:10px}.cinema-copy{max-width:680px;animation:.8s both film-in;position:absolute;bottom:125px;left:6%}#brief-speaker{letter-spacing:3px;color:#d6bb85;font-size:11px}#brief-title{letter-spacing:2px;margin:20px 0;font:600 clamp(32px,5.5vw,76px)/1.05 Barlow Condensed,sans-serif}#brief-text{color:#c6d4dc;text-shadow:0 2px 5px #000;max-width:560px;font-size:16px;line-height:1.8}.brief-chapters{gap:8px;margin-top:28px;display:flex}.brief-chapters i{background:#7392a344;width:65px;height:2px;display:block}.brief-chapters i.active{background:#d6bb85;box-shadow:0 0 10px #d6bb8560}@keyframes film-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}#mission-hud{background:linear-gradient(90deg,#05101be8,#05101b55);border-left:2px solid #c7ab6b90;width:250px;padding:16px;position:absolute;top:100px;left:32px}.mission-kicker{color:#c7ab6b;letter-spacing:2px;font-size:8px}#mission-order{letter-spacing:1px;margin-top:9px;font:500 19px Barlow Condensed,sans-serif;display:block}#mission-detail{color:#9eb6c4;margin:8px 0 14px;font-size:10px;line-height:1.6}.city-status>span{letter-spacing:1px;color:#b9cbd5;justify-content:space-between;font-size:9px;display:flex}.city-status>div{background:#66818b40;height:3px;margin:8px 0}.city-status i{background:#ddbc7b;width:100%;height:100%;transition:width .4s;display:block}#evac-status{letter-spacing:.8px;font-size:8px}#district-name{letter-spacing:3px;color:#adbdc9;text-shadow:0 2px 5px #000;font-size:10px;position:absolute;top:100px;right:32px}#objective-marker{text-align:center;color:#f3c480;text-shadow:0 2px 4px #000;max-width:180px;position:absolute;transform:translate(-50%,-50%)}#objective-marker>span{font:40px/1 Arial;display:block}#objective-marker b{letter-spacing:1px;font-size:9px;display:block}#objective-marker small{color:#efdbb9;letter-spacing:1px;font-size:9px}#hud #message{top:30%}@media (width<=700px){#mission-hud{width:190px;padding:10px;top:80px;left:16px}#mission-order{font-size:16px}#mission-detail{font-size:9px}#district-name{letter-spacing:1px;font-size:8px;top:83px;right:16px}.cinema-top{padding:16px;font-size:8px}.cinema-top>span:first-child{display:none}.cinema-copy{bottom:105px;right:6%}#brief-text{font-size:13px}.cinema-bottom{padding:16px}.cinema-bottom>span{font-size:8px}.cinema-bottom b{display:none}#objective-marker b{font-size:8px}}@media (height<=550px){.cinema-copy{max-width:75%;bottom:75px}#brief-title{margin:10px 0;font-size:35px}#brief-text{margin:8px 0;font-size:12px;line-height:1.5}.brief-chapters{margin-top:14px}.cinema-top,.cinema-bottom{padding:10px 4%}#mission-hud{width:210px;padding:8px;top:70px}#mission-detail{display:none}#mission-order{margin-top:5px;font-size:15px}.city-status>span{font-size:8px}.mission-kicker{font-size:7px}#district-name{top:72px}#hud #message{font-size:9px;top:40%}}:root{color:#edf2f5;font-synthesis:none;background:#050b17;font-family:Manrope,Arial,sans-serif}*{box-sizing:border-box}body{margin:0;overflow:hidden}canvas#game{touch-action:none;width:100%;height:100%;position:fixed;inset:0}button,select{font:inherit}button{cursor:pointer;color:inherit}button:focus-visible,select:focus-visible{outline-offset:5px;outline:2px solid #edcf87}[hidden]{display:none!important}#vignette{pointer-events:none;background:radial-gradient(at 65% 43%,#0000 28%,#02071299 100%);position:fixed;inset:0}#menu{background:linear-gradient(90deg,#030913dc 0%,#03091380 33%,#0000 64%);padding:36px 4.5%;position:absolute;inset:0}.eyebrow{letter-spacing:3px;color:#d1d9df;font-size:12px}.eyebrow span{color:#6d8494;letter-spacing:2px;margin-left:25px;font-size:10px}.menu-content{max-width:570px;position:absolute;top:25%}.edition{letter-spacing:3px;color:#c7aa6f;font-size:11px}.menu-content h1{letter-spacing:8px;text-shadow:0 3px 24px #0008;margin:15px 0 4px;font-family:Barlow Condensed,Impact,sans-serif;font-size:clamp(80px,10vw,156px);font-weight:700;line-height:1}.subtitle{letter-spacing:clamp(5px,.8vw,12px);color:#a7bbc9;font-size:14px}.intro{color:#9badbb;margin:30px 0 26px;font-size:14px;line-height:1.9}button{color:#10151d;letter-spacing:2px;background:#c3a361;border:1px solid #c3a361;padding:16px 25px;font-size:12px;font-weight:700;transition:background .2s}button:hover{background:#e4c786}button:disabled{opacity:.5;cursor:wait}#start{text-align:left;min-width:270px}#controls{color:#c7d0d9;background:0 0;border:0;padding:20px 0;font-size:11px;display:block}#controls span{color:#b99a62;margin-left:135px}.settings{letter-spacing:1px;color:#8295a3;align-items:center;gap:22px;margin-top:12px;font-size:10px;display:flex}.settings select{color:#b8c7d0;background:#0b1520;border:1px solid #33424e;padding:5px;font-size:11px}.sound{align-items:center;gap:6px;display:flex}input{accent-color:#c3a361}#loading{color:#6a8597;margin-top:16px;font-size:10px}footer{letter-spacing:2px;color:#8ca0b0;border-top:1px solid #71869730;justify-content:space-between;padding-top:19px;font-size:10px;display:flex;position:absolute;bottom:28px;left:4.5%;right:4.5%}footer i{vertical-align:middle;background:#bca56d;width:3px;height:3px;margin:0 13px;display:inline-block}#manual,#pause-menu{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:10;background:#020611c9;place-items:center;display:grid;position:absolute;inset:0}.panel{background:#0a1420ed;border:1px solid #54708450;width:min(720px,92vw);max-height:94dvh;padding:40px;overflow:auto}.panel h2{margin:15px 0;font:500 48px Barlow Condensed,sans-serif}.panel p{color:#a6b7c4;font-size:13px;line-height:1.9}.manual-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.manual-grid h3{letter-spacing:2px;color:#c3a361;font-size:11px}.compact{max-width:440px}.compact button{width:100%;margin-top:12px;display:block}.compact button:not(:first-of-type){color:#c0ced8;background:0 0;border-color:#425263}#hud{pointer-events:none;padding:25px 32px;position:absolute;inset:0}#hud header{justify-content:space-between;align-items:start;display:flex}.brand{letter-spacing:5px;font:600 27px Barlow Condensed,sans-serif}.brand small{letter-spacing:2px;color:#8198a8;margin-top:4px;font:9px Manrope,sans-serif;display:block}.timer{text-align:center;position:absolute;left:50%;transform:translate(-50%)}small{letter-spacing:2px;color:#9eb3c3;font-size:9px}.timer strong{letter-spacing:4px;font:400 35px Barlow Condensed,sans-serif;display:block}#pause{pointer-events:auto;color:#c7d6df;background:#10203080;border-color:#677f9050;padding:8px 14px}#message{text-align:center;letter-spacing:3px;color:#c5dbe6;text-shadow:0 2px 5px #000;font-size:11px;transition:opacity .4s;position:absolute;top:19%;left:0;right:0}#crosshair{border:1px solid #adc8d180;border-radius:50%;width:42px;height:42px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#crosshair:after,#crosshair:before{content:"";background:#d3e9ed;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#crosshair:before{width:8px;height:1px}#crosshair:after{width:1px;height:8px}#crosshair.lock{border-color:#ff957c;box-shadow:0 0 15px #ff654933}#target-label{text-align:center;color:#ffac91;letter-spacing:2px;width:100%;font-size:9px;position:absolute;top:calc(50% + 32px);left:0}.bottom-hud{justify-content:space-between;align-items:end;display:flex;position:absolute;bottom:30px;left:32px;right:32px}.armor{width:240px}.armor small{justify-content:space-between;display:flex}.track{background:#63809540;height:4px;margin:12px 0}#health{background:#a4cfce;width:100%;height:100%;transition:width .3s}.armor p{letter-spacing:1px;color:#839dae;font-size:8px}.telemetry{letter-spacing:2px;color:#9fb4c1;gap:25px;font-size:9px;display:flex}.telemetry b{color:#d3e1e8;font:32px Barlow Condensed,sans-serif}.score{text-align:right}.score strong{font:40px Barlow Condensed,sans-serif;display:block}.score>span{letter-spacing:2px;color:#97adbc;font-size:9px}#radar{background:radial-gradient(circle,#122a3650,#03101a90);border:1px solid #94b7c840;border-radius:50%;width:140px;height:140px;position:absolute;bottom:160px;right:32px;overflow:hidden}#radar:before,#radar:after{content:"";background:#adc9d220;position:absolute}#radar:before{width:1px;height:100%;left:50%}#radar:after{width:100%;height:1px;top:50%}#radar canvas{width:100%;height:100%}#radar span{color:#90aabc;font-size:8px;position:absolute;top:4px;left:48%}#touch{pointer-events:auto;display:none}#error{z-index:30;background:#351c23;max-width:90%;padding:20px;position:absolute;bottom:15px;left:15px}body.hit #vignette{background:radial-gradient(#0000 30%,#ad302b88)}@media (pointer:coarse){#touch{display:block}#stick{touch-action:none;background:#0a1a2855;border:1px solid #b9d4dd50;border-radius:50%;width:125px;height:125px;position:absolute;bottom:110px;left:30px}#stick div{background:#92b5c530;border:1px solid #bdccd780;border-radius:50%;width:48px;height:48px;position:absolute;top:38px;left:38px}.touch-actions{align-items:end;gap:10px;display:flex;position:absolute;bottom:110px;right:25px}.touch-actions button{letter-spacing:0;color:#e8eef0;touch-action:none;background:#203443a0;border-color:#a6bcc65c;border-radius:50%;width:68px;height:68px;padding:0;font-size:9px}.touch-actions button:last-child{border-color:#c3a361;width:85px;height:85px}.touch-speed{flex-direction:column;gap:10px;display:flex;position:absolute;bottom:115px;left:175px}.touch-speed button{color:#fff;touch-action:none;background:#203443a0;border-color:#829dab50;padding:8px 15px}#radar,.telemetry{display:none}}@media (width<=700px){.eyebrow span{display:none}.menu-content{top:22%}.menu-content h1{font-size:80px}.subtitle{letter-spacing:6px;font-size:11px}.intro{margin:22px 0}.edition{letter-spacing:2px;font-size:9px}footer{letter-spacing:1px;font-size:8px}footer>span:last-child{display:none}.settings{gap:12px}#hud{padding:16px}.bottom-hud{bottom:16px;left:16px;right:16px}.armor{width:170px}.brand{font-size:20px}.brand small{font-size:7px}.timer strong{font-size:28px}.timer small,.score small{font-size:7px}.manual-grid{gap:10px}.panel{padding:24px}#message{letter-spacing:1px;font-size:9px}.score strong{font-size:30px}}@media (height<=550px){.menu-content{top:19%}.menu-content h1{font-size:75px}.intro{display:none}.menu-content #start{margin-top:20px;padding:12px 20px}#controls{padding:12px 0}.settings{margin:0}footer{padding-top:10px;bottom:14px}.eyebrow{font-size:10px}.menu-content .edition{font-size:9px}#loading{margin-top:8px}.panel h2{margin:8px 0;font-size:32px}.panel{padding:20px}#stick{width:100px;height:100px;bottom:80px}#stick div{top:25px;left:25px}.touch-actions{bottom:85px}.touch-speed{bottom:80px;left:145px}}@media (pointer:coarse){#stick{left:max(24px,env(safe-area-inset-left))}.touch-actions{right:max(20px,env(safe-area-inset-right))}#hud{padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right))}}#target-armour{background:#b4d3df38;width:100px;height:3px;position:absolute;top:calc(50% + 61px);left:50%;transform:translate(-50%);box-shadow:0 1px 4px #000}#target-armour i{background:#efc986;height:100%;transition:width .12s ease-out;display:block}#crosshair.confirmed{border-color:#fff4c9;box-shadow:0 0 15px #ffe4a988}#crosshair.confirmed:before,#crosshair.confirmed:after{background:#fff4c9}#attack-warning{color:#ffce89;letter-spacing:1.5px;white-space:nowrap;background:#25180ce0;border:1px solid #f5b96a80;padding:7px 12px;font-size:10px;position:absolute;top:calc(50% - 65px);left:50%;transform:translate(-50%);box-shadow:0 0 15px #f89b3220}@media (pointer:coarse){#attack-warning{padding:5px 9px;font-size:9px}}footer a{color:inherit;text-underline-offset:4px;pointer-events:auto;text-decoration:underline}.no-script{z-index:99;color:#fff;background:#08111f;padding:15vh 8%;position:fixed;inset:0}.no-script a{color:#efc986}@media (height>=551px) and (height<=700px){.menu-content{top:18%}.menu-content h1{font-size:96px}.intro{margin:18px 0}.settings{margin-top:6px}}