@import"https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800;900&family=Barlow:wght@400;500;600;700;800&family=IBM+Plex+Mono:wght@400;500;600&display=swap";:root{font-family:Barlow,sans-serif;color:#f1eee4;background:#172a2b;font-synthesis:none;--amber:#efb76e;--teal:#95d6bd;--dim:#9daaa4;--mono:"IBM Plex Mono",monospace}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid var(--amber);outline-offset:5px}button{color:inherit}#world{position:fixed;inset:0;width:100%;height:100%;display:block}.vignette{position:fixed;inset:0;pointer-events:none;background:linear-gradient(90deg,#091416f0,#091416bf 27%,#0914161a 62%),linear-gradient(0deg,rgba(8,18,21,.7),transparent 22%);transition:opacity .7s}body.playing .vignette{opacity:0}header{position:fixed;top:0;left:0;right:0;padding:30px 42px;display:flex;align-items:center;justify-content:space-between;z-index:5}.brand{display:flex;align-items:center;gap:13px;text-decoration:none;color:inherit;font-size:15px;font-weight:800;letter-spacing:2px}.brand-icon{position:relative;background:var(--amber);color:#172424;font-weight:900;font-size:35px;line-height:45px;width:43px;height:45px;text-align:center;clip-path:polygon(0 0,100% 0,100% 75%,75% 100%,0 100%)}.brand-icon span{font-size:24px;position:absolute;right:1px;top:5px}.brand-sub{display:block;margin-top:5px;font-family:var(--mono);font-size:8px;letter-spacing:2px;color:#a5b0aa;font-weight:400}.header-right{display:flex;align-items:center;gap:14px}.status{font:9px var(--mono);letter-spacing:1.7px;margin-right:17px;color:#b9c6bc}.status i,.menu-meta i{width:5px;height:5px;display:inline-block;background:#a8d9a5;border-radius:50%;margin-right:8px;box-shadow:0 0 10px #a8d9a577}.icon-button{font:10px var(--mono);background:#1727259c;border:1px solid #9da99c3b;height:34px;min-width:34px;padding:0 10px;transition:.2s}.icon-button:hover{border-color:var(--amber);color:var(--amber)}#menu{position:absolute;top:23%;left:7%;width:480px;z-index:2}.eyebrow{font:9px var(--mono);letter-spacing:2.1px;color:var(--amber);display:flex;align-items:center;gap:12px}.eyebrow span{height:1px;width:29px;background:var(--amber)}h1{font-family:Barlow Condensed,Impact,sans-serif;font-weight:800;letter-spacing:-1px;font-size:clamp(64px,6.4vw,102px);line-height:.94;margin:24px 0}h1 em{font-style:normal;color:var(--amber)}.intro{font-size:15px;line-height:1.7;color:#b7c1b8;max-width:345px;margin-bottom:29px}.micro{font:9px var(--mono);letter-spacing:1.5px;color:#a3b2a5}.mission-select{max-width:345px;border-top:1px solid #99aca338;padding-top:17px}.mission-row{display:flex;align-items:center;justify-content:space-between;padding:13px 0 20px}.mission-row b{font-size:13px;letter-spacing:1px;display:block}.mission-row span{display:block;font-size:11px;color:#a4b2a7;margin-top:7px}.mission-row button{background:none;border:1px solid #99aca344;width:32px;height:32px;font-size:18px}.primary{border:0;background:var(--amber);color:#192623;padding:19px 22px;font-weight:800;font-size:12px;letter-spacing:1.5px;display:flex;justify-content:space-between;align-items:center;gap:20px;width:345px;box-shadow:0 8px 40px #ecb36b14;transition:.2s}.primary:hover{background:#ffcb8a;transform:translateY(-2px);box-shadow:0 8px 35px #ecb36b25}.primary span:last-child{font-size:19px;line-height:12px}.menu-meta{display:flex;justify-content:space-between;max-width:345px;font:8px var(--mono);letter-spacing:.5px;margin-top:14px;color:#a1afa4}.legacy{margin-top:33px;display:flex;flex-direction:column;gap:8px;border-left:2px solid #efb76e55;padding-left:13px}.legacy span{font:8px var(--mono);letter-spacing:1.2px;color:#a3b2a4}.legacy b{font-weight:400;font-size:12px;color:#bbc4b7}#island-caption{position:absolute;right:6%;bottom:15%;display:flex;flex-direction:column;gap:13px;text-shadow:0 2px 8px #102020}#island-caption b{font:600 30px Barlow Condensed,sans-serif;letter-spacing:3px}#island-caption>span:nth-child(3){font:9px var(--mono);letter-spacing:2px;color:#b6c2ad}.caption-line{height:1px;background:#b6c4a74f;width:240px}#menu-footer{position:fixed;bottom:0;width:100%;display:flex;justify-content:space-between;align-items:center;padding:23px 42px;border-top:1px solid #a9bdac20;font:8px var(--mono);letter-spacing:1.4px}#menu-footer b{color:var(--amber);font-size:16px;margin-left:16px}.dim{color:#84978d}.hidden{display:none!important}.panel{background:linear-gradient(135deg,#122321ee,#10211fda);border:1px solid #a7c0a52c;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 8px 35px #0002}.mission-hud{position:absolute;left:35px;top:106px;padding:20px 22px;width:340px}.mission-hud .micro{display:flex;justify-content:space-between}.live-dot{color:#a8d3a1;font-size:8px}h2{font:700 25px Barlow Condensed,sans-serif;letter-spacing:1px;margin:12px 0 7px}.mission-hud p{font-size:11px;line-height:1.6;color:#afbaad;margin:0}.steps{display:flex;justify-content:space-between;border-top:1px solid #a1b99c22;margin-top:17px;padding-top:13px;font:8px var(--mono);letter-spacing:.5px;color:#708476}.steps .active{color:var(--amber)}.steps .done{color:#9dd8b2}.top-stats{position:absolute;top:108px;right:35px;display:flex;gap:28px;padding:17px 22px}.top-stats .micro{display:block;font-size:8px}.top-stats strong{display:block;font:500 24px var(--mono);letter-spacing:-1px;margin-top:7px}#toast{position:fixed;top:35%;left:50%;transform:translate(-50%,-10px);font:12px var(--mono);letter-spacing:1px;background:#142722ed;border:1px solid #eeb56d77;padding:16px 22px;opacity:0;transition:.3s;pointer-events:none;max-width:90vw;text-align:center}#toast.visible{transform:translate(-50%);opacity:1}#crosshair{position:fixed;width:25px;height:25px;border:1px solid #f9d8a966;border-radius:50%;pointer-events:none;display:none;transform:translate(-50%,-50%)}#crosshair:after,#crosshair:before{content:"";position:absolute;background:var(--amber);left:50%;top:50%;transform:translate(-50%,-50%)}#crosshair:after{width:5px;height:1px}#crosshair:before{height:5px;width:1px}.playing #world{cursor:crosshair}.playing #crosshair{display:block}.vehicle-info{position:absolute;left:35px;bottom:111px;width:272px;padding:19px 20px}.vehicle-info .micro{display:flex;justify-content:space-between;font-size:8px}.vehicle-name{display:flex;align-items:center;justify-content:space-between;margin:12px 0}.vehicle-name strong{font:700 28px Barlow Condensed,sans-serif;letter-spacing:1px}.vehicle-name>span{font:14px var(--mono);color:var(--teal)}.health{height:4px;background:#58715a44}.health div{height:100%;width:100%;background:var(--teal);transition:width .2s}.vehicle-readout{display:flex;justify-content:space-between;font:7px var(--mono);letter-spacing:.5px;margin-top:9px;color:#8d9f8e}#flagIndicator{color:var(--amber)}#vehicles{position:absolute;left:50%;bottom:46px;transform:translate(-50%);display:flex;gap:8px}.vehicle-card{position:relative;width:115px;background:#12231fe6;border:1px solid #8ca88d3b;padding:14px 11px;text-align:left;transition:.2s}.vehicle-card:hover{background:#2b4034;border-color:#efb76e88;transform:translateY(-3px)}.vehicle-card.selected{border-color:var(--amber);background:#3a3d2be9}.vehicle-card.selected:before{content:"";position:absolute;left:-1px;right:-1px;top:-3px;height:3px;background:var(--amber)}.vehicle-card .key{font:9px var(--mono);color:#92a38e;position:absolute;top:9px;right:10px}.vehicle-card svg{height:27px;width:62px;margin-bottom:9px;fill:#a8bc9a;stroke:#a8bc9a}.vehicle-card.selected svg{fill:var(--amber);stroke:var(--amber)}.vehicle-card b{font:600 10px Barlow;letter-spacing:1px;display:block}.vehicle-card small{font:7px var(--mono);color:#91a18d;display:block;margin-top:5px}.radar{position:absolute;right:35px;bottom:46px;width:220px}.radar-heading{padding:12px 14px;display:flex;justify-content:space-between;border-bottom:1px solid #a1b99c22}.radar-heading>span:last-child{font:9px var(--mono);color:var(--amber)}#map{width:100%;display:block}.map-legend{display:flex;justify-content:space-between;padding:9px 12px;border-top:1px solid #a1b99c22;font:7px var(--mono);color:#9aab97}.map-legend i{display:inline-block;width:4px;height:4px;margin-right:3px}.blue{background:#7fdcbd}.red{background:#ed775c}.control-strip{position:absolute;bottom:13px;left:35px;display:flex;gap:21px;color:#8eaa98;font:8px var(--mono);letter-spacing:.3px}kbd{font:8px var(--mono);color:#c8d0bd;background:#163329cc;padding:3px 5px;border:1px solid #9ab89933;margin-right:4px}#modal{position:fixed;inset:0;background:#081510bc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:10;padding:25px}.modal-card{max-width:560px;width:100%;background:#152722;border:1px solid #a5b59644;padding:38px;box-shadow:0 40px 120px #0008}.modal-card h2{font-size:38px;margin:14px 0 22px}.modal-card p{color:#b3c1ad;line-height:1.7;font-size:14px}.modal-card .primary{width:100%;margin-top:27px}.manual-grid{display:grid;grid-template-columns:1fr 1fr;gap:19px}.manual-grid b{color:var(--amber);font-size:12px;letter-spacing:1px}.manual-grid p{font-size:12px;margin:5px 0}.manual-controls{border-top:1px solid #a5b59633;margin-top:20px;padding-top:15px;font:10px var(--mono);line-height:2.4;color:#b3c1ad}.text-button{width:100%;background:none;border:0;color:#a1b69c;font:10px var(--mono);letter-spacing:1px;padding:18px 0 0}#loading{position:fixed;inset:0;background:#132420;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:25px;z-index:20;font:10px var(--mono);letter-spacing:2px;transition:opacity .5s}.loadbar{height:2px;width:200px;background:linear-gradient(90deg,transparent,var(--amber),transparent);animation:load 1s infinite}@keyframes load{50%{opacity:.25;transform:scaleX(.5)}}#touchControls{display:none}.result-score{font:700 62px Barlow Condensed;color:var(--amber)}@media(min-width:1600px){#menu{top:25%;left:9%}}@media(max-height:780px)and (min-width:901px){#menu{top:20%}h1{font-size:76px;margin:17px 0}.intro{margin:0 0 19px;font-size:13px}.legacy{margin-top:23px}.mission-row{padding-bottom:15px}.primary{padding:16px 22px}#island-caption{bottom:18%}}@media(max-width:1100px){#vehicles{left:46%;gap:5px}.vehicle-card{width:87px;padding:13px 8px}.vehicle-card b{font-size:9px}.vehicle-card small{font-size:6px}.vehicle-info{width:230px}.radar{width:180px}.status{display:none}#menu{left:6%}#island-caption{right:4%}#menu-footer{font-size:7px}}@media(max-width:760px){header{padding:19px 20px}.brand{font-size:11px;gap:10px}.brand-sub{font-size:6px;letter-spacing:1px}.brand-icon{width:32px;height:35px;line-height:35px;font-size:29px}.brand-icon span{font-size:18px}.header-right{gap:6px}.icon-button{font-size:8px;padding:0 7px;height:30px;min-width:30px}#menu{left:24px;top:19%;width:calc(100% - 48px)}h1{font-size:72px;max-width:450px}.eyebrow{font-size:7px;letter-spacing:1.5px}.intro{font-size:13px;max-width:280px}.mission-select,.primary,.menu-meta{max-width:340px;width:100%}#island-caption{display:none}.legacy{margin-top:23px}#menu-footer{padding:16px 22px;font-size:6px}#menu-footer>span:nth-child(2){display:none}.vignette{background:linear-gradient(90deg,#091416e8,#09141677),linear-gradient(0deg,#091416cc,transparent)}.mission-hud{left:15px;top:79px;width:245px;padding:13px 14px}.mission-hud h2{font-size:20px}.mission-hud p{font-size:10px}.mission-hud .micro{font-size:7px}.steps{font-size:6px;margin-top:10px;padding-top:10px}.top-stats{top:80px;right:15px;flex-direction:column;gap:12px;padding:11px}.top-stats .micro{font-size:6px}.top-stats strong{font-size:17px}.vehicle-info{bottom:151px;left:15px;width:178px;padding:12px}.vehicle-info .micro{font-size:6px}.vehicle-name strong{font-size:23px}.vehicle-readout{font-size:6px}.radar{width:120px;right:15px;bottom:156px}.radar-heading{padding:8px}.radar-heading .micro{font-size:6px}.map-legend{display:none}#vehicles{left:50%;bottom:20px;gap:5px}.vehicle-card{width:79px;padding:10px 8px}.vehicle-card svg{width:48px;height:21px}.vehicle-card .key{font-size:7px}.vehicle-card b{font-size:8px}.control-strip{display:none}#touchControls{display:block}#joystick{position:absolute;left:27px;bottom:44px;width:75px;height:75px;border:1px solid #bad6b66b;background:#1b352788;border-radius:50%;touch-action:none}#joystick div{position:absolute;left:24px;top:24px;width:25px;height:25px;border-radius:50%;background:#efb76eaa;pointer-events:none}#touchFire{position:absolute;right:27px;bottom:44px;width:70px;height:70px;border:1px solid #efb76e77;border-radius:50%;background:#5d4732bb;font:11px var(--mono);touch-action:none}body.touch #vehicles{bottom:10px}body.touch .vehicle-card{width:61px;padding:7px 5px}body.touch .vehicle-card svg{height:15px;width:38px;margin-bottom:3px}body.touch .vehicle-card small{display:none}body.touch .vehicle-info,body.touch .radar{bottom:145px}body.touch #joystick,body.touch #touchFire{bottom:65px}.modal-card{padding:24px}.modal-card h2{font-size:30px}.manual-grid{gap:12px}#toast{top:39%;font-size:10px;width:max-content;max-width:90%}}@media(max-height:680px)and (max-width:760px){#menu{top:17%}h1{font-size:57px;margin:18px 0}.intro{margin-bottom:18px}.legacy{display:none}.mission-row{padding:9px 0 14px}.primary{padding:15px 20px}.menu-meta{font-size:7px}}