:root{font-family:Arial,Helvetica,sans-serif;color:#fff7de;background:#06323f;font-synthesis:none}*{box-sizing:border-box}body{margin:0;overflow:hidden}canvas#game{position:fixed;inset:0;width:100%;height:100%;display:block}#vignette{position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse at 55% 45%,transparent 45%,#03273266 100%)}#brand{position:absolute;top:32px;left:38px;display:flex;gap:13px;align-items:center;font-size:17px;font-weight:900;letter-spacing:4px;text-shadow:0 2px 10px #002e38}#brand small{display:block;font-size:8px;letter-spacing:5px;margin-top:5px}.emblem{border:1px solid #fff8cf99;padding:13px 9px;letter-spacing:-1px;font-size:14px;transform:skew(-8deg)}.panel{position:absolute;top:50%;left:7%;transform:translateY(-44%);width:510px;text-shadow:0 2px 25px #062b36}.kicker,.eyebrow{font-size:10px;letter-spacing:3px;font-weight:700;color:#ffe1a1}.kicker:before{content:"";display:inline-block;width:28px;height:2px;background:#ff6c35;vertical-align:middle;margin-right:12px}h1{font-size:91px;line-height:.88;letter-spacing:-6px;margin:25px 0 14px;font-weight:900;font-style:italic}h1 span{display:block;color:#ffb35d}.subtitle{letter-spacing:6px;font-size:12px;font-weight:700;display:flex;align-items:center;gap:15px}.subtitle i{height:1px;width:45px;background:#fff8cf77}.intro{font-size:15px;line-height:1.7;color:#d5ede8;margin:25px 0}.controls{display:flex;gap:22px;margin:28px 0}.controls>div{white-space:nowrap}kbd{display:inline-block;min-width:26px;padding:7px 8px;border:1px solid #c3eee888;border-bottom:3px solid #c3eee888;border-radius:3px;margin-right:3px;font-size:11px;background:#05374580}.controls small{font-size:8px;display:block;margin-top:9px;letter-spacing:1px;color:#c4e6df}button{cursor:pointer;border:0;font:inherit}button:not(.textbutton){background:#ffb55c;color:#142f37;padding:18px 24px;font-size:12px;font-weight:900;letter-spacing:2px;width:100%;text-align:left;box-shadow:0 6px 30px #052d3866;transition:.15s}button:not(.textbutton):hover{background:#ffce8c;transform:translateY(-2px)}button span{float:right;font-size:20px;margin-top:-4px}.textbutton{color:#fff0d3;background:none;font-size:9px;letter-spacing:1.5px;padding:10px 0;border-bottom:1px solid #ffffff44}.startfoot{display:flex;justify-content:space-between;align-items:center;margin-top:12px}.startfoot>span{font-size:8px;letter-spacing:1px;color:#abd5d3}.settings{display:flex;gap:25px;align-items:center;font-size:9px;letter-spacing:1.5px;color:#b9dcd7;margin-top:23px}.settings label{display:flex;align-items:center;gap:8px}input{accent-color:#ffb55c}select{background:#123f49;color:#fff0d3;border:1px solid #8db8b366;font-size:9px;padding:5px}#hud{position:absolute;inset:0;pointer-events:none;text-shadow:0 2px 8px #003342}#hud .mission{position:absolute;top:34px;left:50%;transform:translate(-50%);width:380px}h2{font-size:18px;letter-spacing:2px;margin:9px 0 12px}.route{display:flex;align-items:center;gap:12px;font-size:9px;letter-spacing:1px}.route>div{height:2px;flex:1;background:#fff5}.route i{display:block;background:#ffb55c;height:100%;width:0}.topright{position:absolute;right:38px;top:32px;text-align:right}.live{font-size:8px;letter-spacing:2px;color:#a5f6c4;display:block}.topright strong{font-size:30px;letter-spacing:2px;display:block;margin:7px 0 2px}.topright small{font-size:8px;letter-spacing:2px}.telemetry{position:absolute;bottom:35px;left:38px;display:flex;gap:25px;align-items:center}.speed{border-left:3px solid #ffae55;padding-left:15px}.speed strong{font-size:55px;font-style:italic;font-weight:900;line-height:1}.speed span{display:block;font-size:8px;letter-spacing:3px;margin-top:5px}.systems{width:150px}.systems label{font-size:8px;letter-spacing:2px;display:flex;justify-content:space-between;margin:8px 0 5px}.bar{height:4px;background:#052c3599}.bar i{display:block;background:#bbf9cc;height:100%;width:100%}.bar.boost i{background:#ffb55c}#powerups{font-size:8px;color:#ffe1a1;letter-spacing:1px;margin-top:10px}.bottomhelp{position:absolute;bottom:34px;left:50%;transform:translate(-50%);text-align:center;font-size:8px;letter-spacing:1px;line-height:2;color:#f8dfaa}.bottomhelp b{color:#d3eae5;font-weight:400}.bottomhelp span{color:#91c2c3;font-size:8px}#minimap{position:absolute;right:32px;bottom:30px;border:1px solid #a4dfd433;background:#053b4944;width:120px;height:195px}#minimap small{display:block;text-align:center;font-size:6px;letter-spacing:1px}#crosshair{position:absolute;left:50%;top:50%;font-size:24px;opacity:.45}#targetHint{position:absolute;top:61%;width:100%;text-align:center;font-size:10px;letter-spacing:3px;color:#ffe1a1}#toast{position:absolute;top:23%;width:100%;text-align:center;font-size:15px;font-weight:900;letter-spacing:3px;color:#ffdf9c;transition:opacity .3s}#damage{position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 130px #ff4017;opacity:0}#endCopy{line-height:1.7;color:#d5ede8}#endStats{padding:20px 0;margin-bottom:15px;letter-spacing:2px;font-size:12px;border-top:1px solid #fff4}#end .textbutton{margin-top:15px}#loading{position:absolute;inset:0;background:#082f3d;display:grid;place-items:center;font-size:12px;letter-spacing:5px}.hidden{display:none!important}body.menu #vignette,body:has(#end:not(.hidden)) #vignette,body:has(#pause:not(.hidden)) #vignette{background:linear-gradient(90deg,#052c39ec 0%,#052c39b0 30%,transparent 75%)}@media(max-width:900px){.panel{left:5%;width:430px}h1{font-size:75px}.controls{gap:12px}#brand{top:20px;left:20px}#hud .mission{width:280px;top:25px}h2{font-size:14px}.bottomhelp{display:none}.topright{right:20px}.telemetry{left:20px;bottom:20px}}#lock{position:absolute;width:48px;height:38px;transform:translate(-50%,-50%);border:1px solid #ffce76aa;border-top-color:transparent;border-bottom-color:transparent}#lock span{position:absolute;bottom:-7px;left:0;height:2px;background:#ffb95c}#lock:before{content:"HOSTILE";position:absolute;top:-13px;left:0;font-size:6px;letter-spacing:2px;color:#ffe1a1}