:root{font-family:Barlow,Arial,sans-serif;color:#e9e9df;background:#151814;font-synthesis:none;font-weight:400;--orange:#ef8e4c;--muted:#959b8a;--line:#ffffff16;--mono:"IBM Plex Mono",monospace}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,a,input{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button{color:inherit;background:none;border:none}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--orange);outline-offset:4px}svg{width:20px;height:20px;flex-shrink:0}button{transition:background .2s,color .2s}button:hover{color:#fff}button:active{transform:translateY(1px)}#app{height:100dvh;min-height:540px;display:flex;flex-direction:column}header{height:86px;flex-shrink:0;display:flex;align-items:center;padding:0 34px;border-bottom:1px solid var(--line);background:#161a16;z-index:5;gap:70px}.brand{color:inherit;text-decoration:none;display:flex;gap:12px;align-items:center}.brand-icon{color:var(--orange);border:1px solid #ef8e4c55;width:40px;height:43px;display:grid;place-items:center;clip-path:polygon(0 0,78% 0,100% 23%,100% 100%,0 100%);background:#ef8e4c0b}.brand-icon svg{width:26px;height:26px}.wordmark{font-family:Barlow Condensed,Impact,sans-serif;font-weight:700;font-size:27px;letter-spacing:2.6px;line-height:1}.wordmark span{display:block;font:8px var(--mono);letter-spacing:2.1px;color:#969c8e;margin-top:7px}nav{height:100%;display:flex;gap:30px}nav button{height:100%;font:10px var(--mono);letter-spacing:1.1px;display:flex;align-items:center;gap:12px;color:#8d9587;position:relative}nav button svg{width:15px}nav .nav-active{color:#edeee5}nav .nav-active:after{position:absolute;bottom:0;left:0;right:0;height:2px;content:"";background:var(--orange)}nav button span{font-size:9px;color:var(--orange);border:1px solid #ef8e4c44;padding:3px 4px}.header-right{margin-left:auto;display:flex;align-items:center;gap:18px}.live{font:9px var(--mono);letter-spacing:1px;display:flex;gap:8px;align-items:center;white-space:nowrap}.live i,.ready i,.footer-note i{width:5px;height:5px;background:#b0bb8f;border-radius:50%;box-shadow:0 0 8px #b0bb8f33}.icon-btn{display:grid;place-items:center;width:32px;height:32px;color:#a6ae9c}.icon-btn:hover{background:#ffffff0c}.header-right .icon-btn:last-child{border-left:1px solid #ffffff16;padding-left:17px;width:42px}main{position:relative;flex:1;min-height:0;overflow:hidden;background:#626b42}#viewport{position:absolute;inset:0;touch-action:none}#viewport canvas{display:block;width:100%;height:100%;outline:none}.vignette{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,#141b1699,transparent 36%,transparent 65%,#131a1866),linear-gradient(90deg,#12191238,transparent 30%,transparent 85%,#111a1222);box-shadow:inset 0 0 180px #10191035}.topline{position:absolute;top:31px;left:34px;right:34px;display:flex;justify-content:space-between;align-items:start;pointer-events:none}.eyebrow{font:9px var(--mono);letter-spacing:1.8px;color:#bac0a9}.topline .eyebrow{color:#d6d9c4;font-size:9px;letter-spacing:2.1px}.topline h1{font-family:Barlow Condensed,Impact,sans-serif;font-weight:600;font-size:44px;letter-spacing:.2px;margin:6px 0 5px;line-height:1.1}.topline p{font-size:12px;color:#c7cbb8;margin:0}.top-actions{display:flex;align-items:center;gap:18px;pointer-events:auto}.session-time{font:11px var(--mono);letter-spacing:1px;color:#cdd0bc}.pause-btn{height:34px;display:flex;align-items:center;gap:8px;border:1px solid #ffffff29;background:#18201999;padding:0 10px;font:9px var(--mono);letter-spacing:1px}.pause-btn svg{width:14px;height:14px}.pause-btn kbd{font-size:8px;margin-left:4px;border:none;color:#a7ad9b;background:none;padding:0}.panel{background:#1b211be8;border:1px solid #b2ba9830;box-shadow:0 8px 30px #00000010;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.mission{position:absolute;left:34px;top:162px;width:248px;padding:20px}.panel-heading{display:flex;align-items:center;gap:7px;font:9px var(--mono);letter-spacing:1.3px}.orange-square{width:5px;height:5px;background:var(--orange)}.muted{color:#7e8877;margin-left:auto}.mission h2{font-size:21px;font-weight:500;margin:17px 0 9px;letter-spacing:.1px}.mission p{font-size:12px;line-height:1.7;color:#a7af9d;margin:0 0 22px}.objective{display:flex;justify-content:space-between;align-items:center}.objective>span{font:8px var(--mono);letter-spacing:.4px;display:flex;align-items:center;gap:6px;color:#b4bca8}.objective svg{width:12px;height:12px;color:var(--orange)}.objective strong{font:15px var(--mono);font-weight:500}.objective b{font-weight:500}.objective em{font:11px var(--mono);font-style:normal;color:#7c8873}.progress{height:3px;background:#515c433d;margin:12px 0 16px}.progress i{display:block;height:100%;width:0;background:var(--orange);transition:width .4s}.mission-footer{font:7px var(--mono);letter-spacing:.25px;display:flex;align-items:center;gap:7px;color:#8d9880}.diamond{border:1px solid var(--orange);transform:rotate(45deg);height:5px;width:5px}.environment{position:absolute;left:35px;top:423px;display:flex;flex-direction:column;gap:11px;font:8px var(--mono);letter-spacing:1px;color:#d0d5bc}.environment>span{display:flex;align-items:center;gap:8px}.environment svg{width:14px;height:14px}.environment i{width:2px;height:2px;background:#c9cfb4}.environment b{font-size:14px;font-weight:400}.compass{position:absolute;top:126px;right:47px;width:62px;height:100px;display:flex;align-items:center;flex-direction:column;font:9px var(--mono);color:#d3d8c4}.compass>span{font-size:11px;color:#f2edda}.compass-needle{width:10px;height:43px;clip-path:polygon(50% 0,100% 100%,50% 78%,0 100%);background:linear-gradient(90deg,#e1e4d1 50%,#7d8c68 50%);margin:7px 0}.compass small{display:flex;justify-content:space-between;position:absolute;top:37px;left:0;width:100%;font-size:8px}.compass small span{color:transparent}.compass>b{font-weight:400;color:#a8b498}.lower-hud{position:absolute;bottom:28px;left:34px;right:34px;display:flex;justify-content:space-between;align-items:flex-end;gap:22px;pointer-events:none}.lower-hud>*{pointer-events:auto}.tank-panel{width:346px;padding:16px 19px}.tank-top{display:flex;align-items:center;gap:10px;padding-bottom:15px;border-bottom:1px solid var(--line)}.vehicle-symbol{color:#aebc92;padding:5px 0}.vehicle-symbol svg{width:33px;height:33px}.tank-top .eyebrow{font-size:7px;color:#8b967e;letter-spacing:1px}.tank-top h3{font-family:Barlow Condensed,sans-serif;font-size:19px;letter-spacing:1px;font-weight:600;margin:3px 0 0}.ready{display:flex;align-items:center;gap:5px;color:#a7b586;font:7px var(--mono);letter-spacing:.4px;margin-left:auto}.ready i{width:4px;height:4px}.telemetry{display:grid;grid-template-columns:1fr 1fr 1fr;margin-top:15px;gap:16px}.telemetry>div{min-width:0}.telemetry>div+div{border-left:1px solid var(--line);padding-left:16px}.telemetry>div>span{display:flex;align-items:center;gap:5px;font:8px var(--mono);color:#9da98d;letter-spacing:.7px}.telemetry svg{width:12px;height:12px}.telemetry strong{display:block;font:27px Barlow Condensed,sans-serif;letter-spacing:1px;margin-top:5px}.telemetry strong b{font-weight:500}.telemetry small{font:8px var(--mono);letter-spacing:0;color:#929e83;margin-left:2px}.telemetry p{font:7px var(--mono);color:#a6b589;margin:6px 0 0;white-space:nowrap}.health-track{height:3px;width:75px;background:#424c36;margin-top:9px}.health-track i{display:block;width:100%;height:100%;background:#b2bd8c;transition:width .2s}.field-caption{color:#c2c8b3;text-align:center;font:8px var(--mono);letter-spacing:1.3px;margin-bottom:1px;text-shadow:0 1px 3px #1117}.field-caption>span:last-child{display:block;font-size:7px;color:#a4ad93;letter-spacing:1.1px;margin-top:8px}.tiny-cross{display:block;font-size:17px;margin-bottom:12px;color:#c9d0ba}.minimap{width:228px;flex-shrink:0;padding:11px}.map-title{display:flex;align-items:center;font:8px var(--mono);letter-spacing:1px;color:#c7cfb6;gap:6px;margin-bottom:9px}.map-title>svg{width:12px;height:12px;color:#a5b38f}.map-title>span{margin-left:auto;color:#879773;font-size:7px}.map-title button{padding:0;display:flex;color:#a8b497}.map-title button svg{width:12px;height:12px}#minimap{width:100%;height:119px;background:#3b4930;display:block;border:1px solid #9cad7220}.map-legend{display:flex;gap:14px;font:6px var(--mono);color:#9ba98a;margin-top:9px}.map-legend span{display:flex;align-items:center;gap:5px}.map-legend i{width:4px;height:4px;background:#d8e5bc;border-radius:50%}.map-legend b{width:4px;height:4px;border:1px solid #ee995c;transform:rotate(45deg)}.map-legend em{font-style:normal;margin-left:auto;border-top:1px solid #86956c;padding-top:2px;margin-top:-2px}.minimap.expanded{width:380px}.minimap.expanded #minimap{height:260px}footer{height:55px;flex-shrink:0;display:flex;align-items:center;gap:30px;padding:0 34px;background:#171b16;border-top:1px solid #b5c2961f;z-index:5;font:8px var(--mono);letter-spacing:.8px;color:#9ba590}.control-hint{display:flex;align-items:center;gap:9px;white-space:nowrap}kbd{font:9px var(--mono);background:#22291f;border:1px solid #929d7138;border-radius:2px;padding:4px 7px;color:#c5cdb7;box-shadow:0 1px #070a0777}.arrows{display:flex;gap:3px}.arrows kbd{padding:3px 5px}.mouse-icon{width:12px;height:17px;border:1px solid #82906e;border-radius:6px;position:relative}.mouse-icon:after{content:"";position:absolute;top:3px;height:4px;width:1px;left:5px;background:#c2cdb1}.footer-note{margin-left:auto;display:flex;align-items:center;gap:7px;font-size:7px}.footer-note i{width:4px;height:4px}footer>button{font:8px var(--mono);letter-spacing:.7px;display:flex;gap:7px;align-items:center;border-left:1px solid #ffffff16;padding-left:22px;height:23px;color:#a5ad98}footer>button svg{width:13px;height:13px}.toast{position:absolute;bottom:227px;left:50%;transform:translate(-50%) translateY(8px);color:#e8e8d7;background:#1d261cea;padding:10px 17px;border:1px solid #b3c49438;font:9px var(--mono);letter-spacing:.2px;opacity:0;transition:opacity .3s,transform .3s;pointer-events:none;white-space:nowrap}.toast.visible{opacity:1;transform:translate(-50%) translateY(0)}#reticle{position:absolute;pointer-events:none;width:28px;height:28px;border:1px solid #f5e7c480;border-radius:50%;transform:translate(-50%,-50%);opacity:0}#reticle:before,#reticle:after{position:absolute;content:"";background:#f5e7c4;left:50%;top:50%;transform:translate(-50%,-50%)}#reticle:before{width:6px;height:1px}#reticle:after{height:6px;width:1px}#reticle span{position:absolute;top:36px;left:50%;transform:translate(-50%);font:7px var(--mono);white-space:nowrap;color:#ece6ce}.target-label{position:absolute;pointer-events:none;transform:translate(-50%,-50%);width:16px;height:16px;border:1px solid #f7a364b0;rotate:45deg;box-shadow:0 0 7px #121c1344}.target-label:after{content:"";position:absolute;inset:5px;background:#efa06399}.target-label span{position:absolute;rotate:-45deg;left:16px;top:18px;white-space:nowrap;font:7px var(--mono);color:#f6c49b;text-shadow:0 1px 4px #000}.player-label{position:absolute;pointer-events:none;font:8px var(--mono);color:#e5ead2;letter-spacing:1.5px;text-shadow:0 1px 3px #000;transform:translate(-50%)}.player-label:before{content:"";display:inline-block;width:4px;height:4px;margin-right:6px;background:#d9e7ac}.modal-backdrop{position:absolute;inset:0;z-index:25;background:#0c140fc2;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);display:grid;place-items:center;padding:25px}.modal-backdrop[hidden]{display:none}.modal{width:510px;max-width:100%;max-height:100%;overflow:auto;padding:37px;position:relative;box-shadow:0 15px 70px #0007;border-top:2px solid var(--orange);background:#1d241c}.close-modal{position:absolute;right:15px;top:15px}.modal .eyebrow{color:var(--orange);font-size:8px}.modal h2{font:500 37px Barlow Condensed,sans-serif;margin:13px 0 15px}.modal p{font-size:13px;line-height:1.7;color:#aeb9a2}.guide-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin:25px 0}.guide-grid h4{font-size:12px;margin:10px 0 4px;font-weight:500}.guide-grid p{font-size:11px;line-height:1.5;margin:0}.info-note{font-size:11px;color:#bdc6ab;border-left:2px solid #cb8954;background:#dbaa6610;padding:12px;line-height:1.7}.primary{width:100%;background:var(--orange);color:#20231a;display:flex;align-items:center;justify-content:center;gap:10px;margin-top:25px;height:44px;font:10px var(--mono);letter-spacing:1px;font-weight:600}.primary:hover{background:#ffa669;color:#20231a}.primary svg{width:15px;height:15px}.primary svg:has(path[d^=m5]){rotate:90deg}.secondary{width:100%;height:35px;font:9px var(--mono);color:#aab49e;margin-top:9px;letter-spacing:.6px}.setting{display:flex;justify-content:space-between;align-items:center;padding:19px 0;border-bottom:1px solid var(--line);font-size:12px;color:#d3dac7;gap:25px}.setting input{accent-color:var(--orange);cursor:pointer}.setting input[type=checkbox]{width:18px;height:18px}.range-setting input{width:150px}.result-stats{display:flex;justify-content:space-between;margin:25px 0}.result-stats>span{font:8px var(--mono);color:#a4b093;display:flex;flex-direction:column;gap:8px}.result-stats b{font:30px Barlow Condensed,sans-serif;color:#eef0e2}.mobile-controls{display:none}.grid-corners{position:absolute;inset:17px;pointer-events:none}.grid-corners i{position:absolute;width:8px;height:8px;border-color:#dce5bb44;border-style:solid}.grid-corners i:nth-child(1){left:0;top:0;border-width:1px 0 0 1px}.grid-corners i:nth-child(2){right:0;top:0;border-width:1px 1px 0 0}.grid-corners i:nth-child(3){bottom:0;left:0;border-width:0 0 1px 1px}.grid-corners i:nth-child(4){right:0;bottom:0;border-width:0 1px 1px 0}@media(min-width:1600px){.mission{top:180px}.environment{top:445px}.topline h1{font-size:50px}.lower-hud{bottom:35px}.tank-panel{width:365px}.minimap{width:250px}#minimap{height:140px}}@media(max-width:1100px){header{gap:36px;padding:0 24px}nav{gap:20px}.live,.footer-note{display:none}footer>button{margin-left:auto}.field-caption{display:none}.topline,.lower-hud{left:24px;right:24px}.mission{left:24px}.environment{left:25px}}@media(max-height:760px)and (min-width:761px){header{height:68px}.topline{top:25px}.topline h1{font-size:37px}.mission{top:140px;padding:16px;width:228px}.mission h2{margin:12px 0 6px}.mission p{margin-bottom:16px}.environment{top:368px}.lower-hud{bottom:20px}.tank-panel{padding:13px 17px}.tank-top{padding-bottom:10px}.telemetry{margin-top:11px}footer{height:47px}.topline p{font-size:11px}}@media(max-width:760px){#app{min-height:500px}header{height:64px;padding:0 18px;gap:0}.brand-icon{height:34px;width:32px}.brand-icon svg{width:22px}.wordmark{font-size:24px}.wordmark span{font-size:6px;letter-spacing:1.9px;margin-top:5px}nav{margin-left:auto;margin-right:13px}nav button{font-size:8px}nav .nav-active{display:none}nav button svg{display:none}.header-right{margin:0;gap:5px}.header-right .icon-btn:last-child{padding-left:8px;width:32px}.topline{left:20px;right:20px;top:24px}.topline h1{font-size:36px}.topline p{font-size:10px}.topline .eyebrow{font-size:7px}.top-actions{gap:8px}.session-time{display:none}.pause-btn{width:33px;height:31px;justify-content:center;padding:0}.pause-btn span,.pause-btn kbd{display:none}.mission{left:20px;top:131px;width:195px;padding:14px}.panel-heading{font-size:7px}.mission h2{font-size:18px;margin:12px 0 7px}.mission p{font-size:10px;margin-bottom:16px}.mission-footer{font-size:6px;letter-spacing:0}.objective>span{font-size:6px}.objective strong{font-size:12px}.mission .progress{margin:10px 0 13px}.environment{display:none}.compass{right:22px;top:86px;scale:.8}.lower-hud{bottom:18px;left:20px;right:20px;gap:10px}.tank-panel{width:100%;padding:12px 14px;max-width:346px}.tank-top{padding-bottom:8px}.tank-top h3{font-size:16px}.vehicle-symbol svg{width:26px}.telemetry{margin-top:11px;gap:10px}.telemetry>div+div{padding-left:12px}.telemetry strong{font-size:24px}.minimap{width:106px;padding:7px;position:absolute;right:0;bottom:166px;opacity:.9}.map-title{font-size:6px;letter-spacing:0;gap:3px;margin-bottom:5px}.map-title>svg,.map-title>span{display:none}.map-title>button{margin-left:auto}#minimap{height:78px}.map-legend{display:none}.minimap.expanded{width:240px;bottom:300px}.minimap.expanded #minimap{height:180px}footer{height:36px;padding:0 20px;gap:0;font-size:6px}footer .control-hint{display:none}footer:before{content:"TAP FIELD TO AIM · USE CONTROLS TO DRIVE";font:6px var(--mono);letter-spacing:.3px}footer>button{font-size:6px;padding-left:10px;gap:4px}footer>button svg{width:11px}.mobile-controls{display:flex;position:absolute;left:20px;right:20px;bottom:183px;justify-content:space-between;align-items:flex-end;pointer-events:none}.dpad{display:grid;grid-template-columns:42px 42px 42px;grid-template-rows:42px 42px;gap:3px;pointer-events:auto}.dpad button{font-size:20px;color:#dce3c9;border:1px solid #b3c59250;background:#222c20b8;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);touch-action:none;-webkit-user-select:none;user-select:none}.dpad button:nth-child(1){grid-column:2}.dpad button:nth-child(2){grid-row:2;grid-column:1}.dpad button:nth-child(3){grid-row:2;grid-column:2}.dpad button:nth-child(4){grid-row:2;grid-column:3}.dpad button.pressed{background:#afbd82;color:#222}.fire-control{border:1px solid #ef8e4c99;background:#442e1bd9;border-radius:50%;height:64px;width:64px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px;pointer-events:auto;touch-action:none;-webkit-user-select:none;user-select:none;margin-right:14px;margin-bottom:8px;color:#ffc291;position:relative;bottom:100px}.fire-control span{font:8px var(--mono);letter-spacing:1px}.fire-control.pressed{background:#b57341;color:#fff}.toast{font-size:8px;bottom:156px;max-width:90%;text-align:center;white-space:normal;width:max-content}.modal{padding:25px}.modal h2{font-size:32px}.guide-grid{gap:17px;margin:20px 0}.modal-backdrop{padding:18px}.grid-corners{inset:10px}.player-label{font-size:7px}}@media(pointer:coarse)and (min-width:761px){.mobile-controls{display:flex;position:absolute;bottom:210px;left:34px;right:34px;justify-content:space-between;pointer-events:none}.dpad{display:grid;grid-template-columns:45px 45px 45px;gap:3px;pointer-events:auto}.dpad button{background:#1d271cbb;border:1px solid #d3e4b144;padding:10px;touch-action:none}.dpad button:first-child{grid-column:2}.dpad button:nth-child(2){grid-row:2}.dpad button:nth-child(3){grid-row:2}.dpad button:nth-child(4){grid-row:2}.fire-control{pointer-events:auto;background:#6c492cd9;border:1px solid #e99c69;border-radius:50%;width:65px;height:65px;touch-action:none}.fire-control span{display:block;font-size:9px;margin-top:5px}}@media(max-height:650px)and (max-width:760px){.mission{display:none}.topline h1{font-size:29px}.topline p{display:none}.tank-panel{padding:9px 12px}.tank-top{display:none}.telemetry{margin-top:0}.mobile-controls{bottom:126px}.minimap{bottom:106px}.fire-control{bottom:100px}.toast{bottom:105px}.compass{display:none}}.modal-backdrop{grid-template-columns:minmax(0,1fr)}.modal{width:min(510px,100%);min-width:0}@media(max-width:760px){.mission{width:174px;padding:12px}.mission h2{font-size:16px}.mission-footer{font-size:5px}.objective>span{letter-spacing:0}.toast{top:330px;bottom:auto;z-index:3}.modal{width:min(510px,calc(100vw - 36px))}}@media(max-height:650px)and (max-width:760px){.toast{top:90px;bottom:auto}}@font-face{font-family:Barlow;font-style:normal;font-weight:400;font-display:swap;src:url(./font-0-D9VpUvlI.ttf) format("truetype")}@font-face{font-family:Barlow;font-style:normal;font-weight:500;font-display:swap;src:url(./font-1-Apw_3I1e.ttf) format("truetype")}@font-face{font-family:Barlow;font-style:normal;font-weight:600;font-display:swap;src:url(./font-2-S-AH7y_S.ttf) format("truetype")}@font-face{font-family:Barlow;font-style:normal;font-weight:700;font-display:swap;src:url(./font-3-CoiCOvr2.ttf) format("truetype")}@font-face{font-family:Barlow;font-style:normal;font-weight:800;font-display:swap;src:url(./font-4-VEi3Du1s.ttf) format("truetype")}@font-face{font-family:Barlow Condensed;font-style:normal;font-weight:500;font-display:swap;src:url(./font-5-CCxn3Epz.ttf) format("truetype")}@font-face{font-family:Barlow Condensed;font-style:normal;font-weight:600;font-display:swap;src:url(./font-6-RZZ47rCX.ttf) format("truetype")}@font-face{font-family:Barlow Condensed;font-style:normal;font-weight:700;font-display:swap;src:url(./font-7-CQj3XIHL.ttf) format("truetype")}@font-face{font-family:Barlow Condensed;font-style:normal;font-weight:800;font-display:swap;src:url(./font-8-BdFBoAAT.ttf) format("truetype")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:400;font-display:swap;src:url(./font-9-ClCTSiDw.ttf) format("truetype")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:500;font-display:swap;src:url(./font-10-DyRt3UMW.ttf) format("truetype")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:600;font-display:swap;src:url(./font-11-DmWgiO8-.ttf) format("truetype")}