@import"https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800&family=DM+Sans:wght@400;500;600;700&display=swap";.project-links a{display:inline-flex;align-items:center;min-height:44px;padding:9px 10px;border:1px solid #3a4b4a;border-radius:4px;background:#20302d;color:#e7c57d;text-decoration:none;font-size:10px;line-height:1.3}.project-links a:hover{background:#2b3f37}:root{font-family:DM Sans,sans-serif;color:#e9eeed;background:#141c21;font-synthesis:none;--amber:#f4b95f;--cyan:#72c8ca;--muted:#809095;--line:#303b40;--team:var(--amber)}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:wait;opacity:.5}button:focus-visible,input:focus-visible,a:focus-visible{outline:2px solid var(--amber);outline-offset:5px}button{color:inherit}#app{height:100dvh;min-height:730px;display:grid;grid-template-columns:minmax(0,1fr) 352px}.battlefield{position:relative;overflow:hidden;background:#c1cbc7;min-width:0;color:#243531}#scene{position:absolute;top:0;right:0;bottom:0;left:0}#scene canvas{width:100%;height:100%;display:block;touch-action:none}.topbar{position:absolute;top:30px;left:32px;right:28px;display:flex;align-items:center;gap:24px;pointer-events:none}.topbar>*{pointer-events:auto}.brand{display:flex;align-items:center;gap:11px;color:#20322e;text-decoration:none;font-family:Barlow Condensed,Impact,sans-serif;font-size:24px;font-weight:800;letter-spacing:1.9px;line-height:1}.brand small{display:block;font:500 8px DM Sans,sans-serif;letter-spacing:2.2px;margin-top:7px}.brand-icon{width:35px;height:40px;display:flex;align-items:center;justify-content:center;border:2px solid #334840;font-size:32px;letter-spacing:-8px;padding-right:7px;transform:skewY(-6deg)}.brand-icon span{font-size:24px;transform:translateY(4px)}.match-tag{margin-left:auto;border:1px solid #738d7f55;border-radius:4px;display:flex;align-items:center;gap:8px;background:#eaf1e445;font-size:9px;font-weight:700;letter-spacing:1.3px;padding:10px 12px}.match-tag i{height:10px;border-left:1px solid #83958a;margin:0 4px}.live-dot{width:5px;height:5px;border-radius:50%;background:#477c62}.icon-button{border:1px solid #738d7f66;background:#eaf1e433;border-radius:50%;width:30px;height:30px;font-weight:700;color:#31483c}.map-heading{position:absolute;left:34px;top:116px;pointer-events:none}.eyebrow{font-size:9px;letter-spacing:2px;font-weight:700}.map-heading .eyebrow{color:#536c5d}.map-heading h1{font-family:Barlow Condensed,Impact,sans-serif;text-transform:uppercase;font-size:clamp(26px,3vw,46px);font-weight:600;line-height:1.02;letter-spacing:.2px;margin:12px 0}.map-heading p{font-size:11px;color:#596e61;margin:0}.compass{position:absolute;right:29px;top:125px;text-align:center;color:#516b5d;pointer-events:none}.compass>span{font-size:10px;letter-spacing:1px}.compass>div{font-size:34px;font-weight:400;line-height:1.1}.compass small{display:block;font-size:8px;letter-spacing:1px;margin-top:9px}.shot-status{position:absolute;bottom:116px;left:50%;transform:translate(-50%);white-space:nowrap;padding:11px 16px;background:#172824e8;color:#ecf0e8;box-shadow:0 5px 20px #10221916;border:1px solid #64847244;font-size:11px;border-radius:5px;display:flex;align-items:center;gap:10px;pointer-events:none}.status-dot{width:5px;height:5px;background:var(--team);border-radius:50%}.view-controls{position:absolute;bottom:53px;left:30px;right:30px;display:flex;align-items:center;gap:6px}.view-button{display:flex;gap:8px;border:1px solid #708a7966;border-radius:4px;color:#3f5647;padding:9px 12px;background:#dae4d566;font-size:10px}.view-button.active{background:#233e32;color:#eef3e8;border-color:#233e32}.scene-footer{position:absolute;bottom:19px;left:32px;right:30px;display:flex;justify-content:space-between;font-size:7px;font-weight:600;letter-spacing:1.1px;color:#637567}.command-panel{background:#172126;display:flex;flex-direction:column;border-left:1px solid #34413f;z-index:2;padding:27px 25px 0;overflow:auto}.panel-top{display:flex;justify-content:space-between;align-items:center;padding-bottom:23px;border-bottom:1px solid var(--line);color:#a8b4b6}.version{font-size:7px;letter-spacing:1.2px;color:#718287}.turn-card{padding:22px 0 21px;border-bottom:1px solid var(--line)}.turn-meta{display:flex;justify-content:space-between;align-items:center;font-size:8px;letter-spacing:1.5px;color:#889b9f}.turn-indicator{color:var(--team);font-size:8px;letter-spacing:.8px}h2{font-family:Barlow Condensed,Impact,sans-serif;font-size:35px;font-weight:600;letter-spacing:.4px;margin:8px 0 5px}.turn-card h2{color:var(--team)}.turn-card p{font-size:10px;color:#8a9a9d;margin:0;line-height:1.6}.players{display:flex;gap:16px;margin-top:23px}.player{flex:1;opacity:.5;transition:opacity .3s}.player>div:first-child{display:flex;align-items:center;gap:5px;font-size:8px;letter-spacing:.9px;color:#b9c4c5}.player b{margin-left:auto;font-size:11px;letter-spacing:0;color:#e6eeee}.team-dot{display:inline-block;width:5px;height:5px;background:var(--amber);border-radius:1px}.team-dot.cyan{background:var(--cyan)}.health-track{height:3px;background:#3a4449;margin-top:8px}.health-track span{display:block;background:var(--amber);height:100%;width:100%;transition:width .5s}#health-1{background:var(--cyan)}.aim-controls{padding-top:21px}.section-label{display:flex;justify-content:space-between;align-items:center;font-size:8px;letter-spacing:1.3px;color:#889b9f}.text-button{font-size:9px;border:0;background:none;padding:0;color:var(--team)}.control-row{display:flex;align-items:center;justify-content:space-between;margin-top:23px;margin-bottom:10px}.control-row label{font-size:13px;font-weight:500;color:#d3dfe0}.control-row label small{display:block;margin-top:4px;font-size:6px;letter-spacing:1.4px;color:#72858c}.number-wrap{display:flex;align-items:baseline;gap:3px}.number-wrap input{color:var(--team);border:0;border-bottom:1px solid #495653;background:transparent;width:49px;text-align:right;font-size:27px;font-family:Barlow Condensed,Impact,sans-serif;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;padding:0;line-height:1}.number-wrap input::-webkit-inner-spin-button,.number-wrap input::-webkit-outer-spin-button{-webkit-appearance:none}.number-wrap span{color:#a6b4b2;font-size:13px}input[type=range]{-moz-appearance:none;appearance:none;-webkit-appearance:none;display:block;width:100%;height:3px;background:linear-gradient(to right,var(--team) 50%,#35464b 50%);outline:none;cursor:pointer;margin:0;border-radius:2px}input[type=range]::-webkit-slider-thumb{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:10px;height:10px;border-radius:50%;background:#e4ece8;border:2px solid #172126;box-shadow:0 0 0 1px var(--team)}input[type=range]::-moz-range-thumb{width:8px;height:8px;border-radius:50%;background:#e4ece8;border:2px solid #172126}.scale{display:flex;justify-content:space-between;margin-top:10px;font-size:6px;letter-spacing:.7px;color:#72858b}.ballistics{display:flex;gap:25px;background:#111c21;border:1px solid #2c3b40;border-radius:4px;padding:13px 14px;margin-top:24px}.ballistics>div{flex:1}.ballistics span{font-size:6px;letter-spacing:1px;display:block;color:#778d92}.ballistics strong{display:block;font-size:16px;font-weight:500;margin-top:5px;color:#d6e0df}.ballistics small{font-size:9px;font-weight:400;color:#899b9c}.toggle{display:flex;align-items:center;gap:9px;margin:17px 0 18px;font-size:9px;color:#a7b7ba;cursor:pointer;position:relative}.toggle input{position:absolute;opacity:0;width:27px;height:20px}.switch{width:25px;height:13px;background:#4a5a5c;border-radius:20px;position:relative}.switch:before{content:"";position:absolute;width:7px;height:7px;background:#d1dbd8;left:3px;top:3px;border-radius:50%;transition:transform .2s}.toggle input:checked+.switch{background:#657651}.toggle input:checked+.switch:before{transform:translate(12px);background:#f4d890}.toggle input:focus-visible+.switch{outline:2px solid var(--amber);outline-offset:4px}.toggle small{font-size:6px;letter-spacing:.8px;color:#647b80;margin-left:auto}.fire-button{width:100%;border:0;border-radius:4px;background:var(--team);padding:15px 18px;color:#1c2726;font-size:12px;font-weight:800;letter-spacing:1.6px;display:flex;align-items:center;justify-content:center;gap:11px;box-shadow:inset 0 1px #fff5;transition:filter .2s,transform .2s}.fire-button:hover:enabled{filter:brightness(1.1);transform:translateY(-1px)}.fire-button>span{font-size:21px;line-height:15px}.fire-button kbd{font:500 7px DM Sans,sans-serif;border:1px solid #34413444;border-radius:3px;padding:4px;margin-left:auto;letter-spacing:.5px}.ammo-note{text-align:center;font-size:7px;color:#72878b;letter-spacing:.4px;margin:10px 0 0}.ammo-note span{margin:0 7px}.report{margin-top:24px;padding-top:20px;border-top:1px solid var(--line)}.report p{font-size:10px;color:#98aaad;line-height:1.7;min-height:34px;margin:12px 0}.report-stats{display:flex;gap:25px;font-size:8px;color:#748b90}.report-stats b{font-size:14px;color:#c0cecb;font-weight:500;margin-right:3px}.panel-footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding:18px 0;margin-top:auto;min-height:56px}.panel-footer button{background:none;border:0;font-size:15px;padding:0;color:#a8b9b9}.panel-footer button span{font-size:9px;margin-left:5px}.panel-footer>span{font-size:6px;letter-spacing:.9px;color:#627b80}#loading{position:absolute;top:0;right:0;bottom:0;left:0;background:#c1cbc7;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:10;color:#263e34;transition:opacity .6s}#loading.done{opacity:0;pointer-events:none}.loading-mark{font-family:Barlow Condensed,Impact,sans-serif;font-weight:800;font-size:64px;letter-spacing:-7px;animation:pulse 1.5s infinite}#loading p{font-size:12px}.tank-label{position:absolute;left:0;top:0;pointer-events:none;display:flex;gap:5px;align-items:center;background:#192b28e6;color:#eed2a4;padding:5px 7px;border-radius:3px;border:1px solid #eed2a433;font-size:7px;letter-spacing:1px;white-space:nowrap}.tank-label.cobalt{color:#97dbde}.tank-label.active:before{content:"";height:4px;width:4px;border-radius:50%;background:currentColor}dialog{border:1px solid #3f5354;background:#19272b;color:#dce6e2;border-radius:12px;padding:40px;max-width:490px;width:calc(100% - 40px);box-shadow:0 30px 100px #081a2a99}dialog::backdrop{background:#0d222aaa;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}dialog .eyebrow{color:var(--amber)}dialog h2{font-size:48px;line-height:1.05;margin:19px 0}dialog p,dialog li{font-size:12px;line-height:1.8;color:#a8bdbd}dialog ol{padding-left:18px}dialog li{padding-left:5px;margin:12px 0}dialog b{color:#dfe7e3}.close-dialog{position:absolute;right:18px;top:13px;background:none;border:0;font-size:26px;color:#93a6a6}.help-keys{background:#111f23;padding:15px;border-radius:5px}.help-keys kbd{font-size:10px;border:1px solid #456061;border-radius:3px;padding:2px 4px;line-height:2.5}.help-footnote{display:block;font-size:8px;text-align:center;color:#738f92;margin-top:15px}#win-dialog{text-align:center}#inspect{margin-top:20px}.battlefield.aiming #scene{cursor:grab}.battlefield.aiming #scene:active{cursor:grabbing}@keyframes pulse{50%{opacity:.4}}@media(min-height:920px){.command-panel{padding-top:34px}.turn-card{padding:28px 0}.control-row{margin-top:30px}.report{margin-top:32px}.panel-top{padding-bottom:28px}}@media(max-width:1100px){#app{grid-template-columns:minmax(0,1fr) 310px}.command-panel{padding-left:20px;padding-right:20px}.topbar{left:22px;right:20px}.match-tag{font-size:7px;gap:5px}.brand{font-size:21px}.map-heading{left:24px}.scene-footer span:last-child{display:none}.shot-status{max-width:90%;white-space:normal;font-size:10px;text-align:center}.map-heading h1{font-size:32px}}@media(max-width:720px){#app{height:auto;min-height:100dvh;grid-template-columns:1fr}.battlefield{height:65dvh;min-height:430px}.command-panel{overflow:visible;display:block;padding:22px}.topbar{top:18px}.brand{font-size:20px}.map-heading{top:88px}.map-heading h1{font-size:27px}.map-heading p{display:none}.compass{top:92px;right:20px}.match-tag{display:none}.icon-button{margin-left:auto}.view-controls{left:20px;bottom:41px}.scene-footer{left:21px;bottom:16px}.shot-status{bottom:89px}.turn-card{padding:18px 0}.control-row{margin-top:22px}.report{margin-bottom:22px}.panel-footer{margin-top:24px}.aim-controls .section-label{font-size:9px}input[type=range]{height:5px}input[type=range]::-webkit-slider-thumb{width:16px;height:16px}.number-wrap input{font-size:30px}.control-row label{font-size:14px}}@media(min-width:721px){#app{min-height:0;height:100dvh}.command-panel{scrollbar-width:thin;scrollbar-color:#526668 #172126}.battlefield{height:100dvh}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}.map-heading{pointer-events:auto}.map-heading h1{font-size:38px}.neighbourhood-stats{display:flex;gap:24px;margin-top:18px;font-size:7px;letter-spacing:1px;color:#536c5d}.neighbourhood-stats b{display:block;font-family:Barlow Condensed,Impact,sans-serif;font-size:25px;color:#31483d;letter-spacing:0;margin-bottom:3px}.map-details{margin-top:14px;background:#d8e0d066;border:1px solid #526b5444;border-radius:3px;padding:7px 10px;font-size:9px;color:#344f3e}.minimap-wrap{position:absolute;right:25px;bottom:99px;width:136px;box-shadow:0 4px 20px #2e46352a;border:1px solid #71867088;border-radius:4px;overflow:hidden;background:#203b30}.minimap-wrap canvas{display:block;width:100%;height:auto;cursor:crosshair}.minimap-wrap span{display:block;font-size:6px;letter-spacing:1.2px;text-align:center;color:#d1ddc7;padding:7px}.scene-footer a{color:#415d4b;text-decoration:none;font-size:8px}.scene-footer a:hover{text-decoration:underline}#map-dialog a{color:var(--amber)}.shot-status{bottom:115px;left:42%}@media(max-width:1100px){.minimap-wrap{width:104px;right:18px;bottom:110px}.map-heading h1{font-size:30px}.neighbourhood-stats{margin-top:10px}.shot-status{max-width:65%;left:38%;bottom:95px}}@media(max-width:720px){.map-heading h1{font-size:25px}.map-heading p{display:block;font-size:9px}.neighbourhood-stats{gap:15px;margin-top:8px}.neighbourhood-stats b{font-size:20px}.map-details{font-size:8px;padding:5px 7px;margin-top:8px}.minimap-wrap{width:80px;bottom:93px;right:15px}.shot-status{bottom:80px;font-size:8px}.scene-footer a{font-size:7px}}.map-heading{transition:opacity .25s}.battlefield.detail-view .map-heading{opacity:0;pointer-events:none}.landmark-label{position:absolute;left:0;top:0;pointer-events:none;color:#e6e8d6;background:#314b3be8;padding:7px 11px;border:1px solid #ffffff33;border-radius:3px;font-size:9px;font-weight:700;letter-spacing:1.4px;text-transform:uppercase;box-shadow:0 3px 12px #23382322}.view-controls{flex-wrap:wrap;max-width:80%}.scene-footer{gap:10px}.scene-footer #world-stats{margin-left:auto}#map-dialog{max-height:88dvh;overflow:auto}@media(max-width:720px){.view-controls{gap:4px;max-width:90%}.view-button{padding:8px;font-size:8px}.scene-footer{gap:7px}.scene-footer a{font-size:6px}.landmark-label{font-size:7px;padding:4px 6px}.neighbourhood-stats{gap:12px}}.local-play{padding:16px 0;border-bottom:1px solid #ffffff16}.local-play p{font-size:11px;line-height:1.5;color:#becdcb;margin:9px 0}.session-actions{display:flex;flex-wrap:wrap;gap:6px}.local-play button,.drive-buttons button{border:1px solid #51615f;background:#263638;color:#e7eadd;border-radius:4px;padding:9px 10px;font:inherit;font-size:11px;cursor:pointer}.local-play button:hover,.drive-buttons button:hover{border-color:var(--team);color:var(--team)}.local-play [hidden]{display:none}.local-play #join-form{display:flex;gap:6px;align-items:center;margin-top:9px}.local-play label{font-size:10px;color:#a3b5b1}.local-play input{min-width:0;width:80px;border:1px solid #50625f;border-radius:3px;background:#142024;color:#f0e6ce;padding:8px;font:inherit;font-size:11px;letter-spacing:1px;text-transform:uppercase}.local-play #join-link{width:100%;text-transform:none;letter-spacing:0;margin-top:7px}.local-play .session-note{font-size:10px;color:#99aaa8;margin-bottom:0}.movement-controls{padding:16px 0 5px}.movement-controls .section-label b{font-size:11px;letter-spacing:0;color:var(--team)}.drive-buttons{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:11px}.drive-buttons button:disabled,.local-play button:disabled{opacity:.4;cursor:default}.movement-controls p{font-size:10px;color:#9faeaa;line-height:1.5;margin:8px 0}.command-panel{scroll-behavior:smooth}.aim-note{font-size:11px;line-height:1.6;color:#bac9c6;margin:10px 0 0}.fire-button #fire-label{font-size:inherit}#cooldown-status{color:var(--team);font-size:12px}.movement-controls .section-label b{font-size:9px}#scene canvas:focus-visible{outline:2px solid #f4b95f;outline-offset:-3px}.tank-label{display:flex;flex-direction:column;align-items:stretch;gap:5px;min-width:138px;padding:7px 9px;font-size:9px;box-shadow:0 2px 8px #14262144;transition:background .15s,border-color .15s}.tank-label.active:before{display:none}.tank-label-heading{display:flex;align-items:center;gap:12px}.tank-label.active .tank-label-heading:before{content:"";width:4px;height:4px;border-radius:50%;background:currentColor}.tank-armour{margin-left:auto;font-size:10px;letter-spacing:0;color:#f1f4e9;font-variant-numeric:tabular-nums}.tank-armour-track{height:4px;background:#ffffff26;border-radius:2px;overflow:hidden}.tank-armour-track>span{display:block;height:100%;width:100%;background:#f4b95f;transition:width .25s}.cobalt .tank-armour-track>span{background:#72c8ca}.player{position:relative;opacity:.85;padding:5px;border-radius:4px;transition:background .15s,opacity .15s}.player.active{opacity:1}.player .health-track{height:5px}.armour-loss{position:absolute;left:5px;top:100%;font-size:10px;color:#ff9a8c;white-space:nowrap;font-weight:700}.damage-number{position:absolute;bottom:calc(100% + 8px);left:50%;font-size:20px;font-weight:800;letter-spacing:0;color:#ffb4a4;text-shadow:0 2px 3px #301c19,0 0 4px #301c19;white-space:nowrap}.taking-damage{background:#843c34!important;border-color:#ff9a8c!important;opacity:1}.low-armour .tank-armour,.low-armour b,.destroyed .tank-armour,.destroyed b{color:#ff9a8c}.low-armour .tank-armour-track>span,.low-armour .health-track span{background:#ff7666!important}.destroyed{border-color:#ce7566;color:#e59b90}.destroyed .health-track{background:#673e38}#damage-vignette{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;box-shadow:inset 0 0 85px 25px #be332b85;opacity:0;z-index:1}#damage-alert{position:absolute;left:42%;bottom:168px;transform:translate(-50%);padding:10px 14px;background:#642a24f2;border:1px solid #fa9b83;border-radius:4px;color:#ffe1d5;font-size:12px;font-weight:800;letter-spacing:.8px;pointer-events:none;white-space:nowrap;box-shadow:0 3px 16px #321a2044;z-index:1}[hidden].damage-number,[hidden].armour-loss,#damage-alert[hidden]{display:none}@media(max-width:1100px){#damage-alert{left:38%;bottom:150px;font-size:10px;max-width:70%;white-space:normal;text-align:center}}@media(max-width:720px){#damage-alert{bottom:128px;font-size:9px}.tank-label{min-width:125px;font-size:8px}.damage-number{font-size:17px}}@media(prefers-reduced-motion:reduce){.tank-armour-track>span,.health-track span{transition:none}#damage-vignette{display:none}}[hidden]{display:none!important}.unstick-button{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;margin-top:8px;border:1px solid #677367;background:#293a34;color:#e5dbb7;border-radius:4px;padding:10px;font:inherit;font-size:11px}.unstick-button:hover:enabled{border-color:var(--team);color:var(--team)}.unstick-button:disabled{opacity:.4;cursor:default}.unstick-button kbd{margin-left:auto;border:1px solid #6b796c;border-radius:3px;padding:2px 5px;font:inherit;font-size:9px}.movement-controls .recovery-note{margin-bottom:12px}.map-loader{padding:18px 0;border-bottom:1px solid var(--line)}.map-loader p{font-size:10px;color:#abbcb6;line-height:1.5}.map-loader form{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.map-loader label{font-size:10px}.map-loader input{width:92px;background:#102024;color:#e5ecdb;border:1px solid #5b7268;border-radius:4px;padding:8px;font-size:11px;text-transform:uppercase}.map-loader button{border:1px solid #617668;background:#293e35;color:#e5ecdb;border-radius:4px;padding:8px 10px;font-size:10px}.map-loader-actions{display:flex;gap:8px}.map-loader .map-load-note{font-size:9px;color:#94a69f}#map-load-status{min-height:28px}progress{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:8px;border:0;border-radius:4px;overflow:hidden;background:#3a4647}progress::-webkit-progress-bar{background:#3a4647;border-radius:4px}progress::-webkit-progress-value{background:var(--team);border-radius:4px;transition:width .18s linear}progress::-moz-progress-bar{background:var(--team)}#reload-progress{display:block;margin-top:12px;height:9px}#reload-progress.ready::-webkit-progress-value{background:#8ec99b}#map-load-progress{height:5px;margin-top:8px}#map-load-progress:indeterminate{background:linear-gradient(90deg,#3a4647,#9cc2a8,#3a4647);background-size:200% 100%;animation:map-loading 1.5s linear infinite}@keyframes map-loading{to{background-position:-200% 0}}.map-loader [hidden]{display:none}@media(prefers-reduced-motion:reduce){progress::-webkit-progress-value{transition:none}#map-load-progress{animation:none}}#imagery-attribution{max-width:38%;font-size:7px;letter-spacing:0;line-height:1.4}.scene-footer{gap:10px;flex-wrap:wrap}#aerial-toggle{margin:12px 0;font-size:12px}.power-value{font:600 30px Barlow Condensed,Impact,sans-serif;color:var(--team)}#power{display:block;height:10px;margin-top:7px}.charge-note{font-size:10px;line-height:1.6;color:#bac9c6;min-height:32px;margin:10px 0}.fire-button{touch-action:none;-webkit-user-select:none;user-select:none}.charge-hud{position:absolute;bottom:158px;left:50%;transform:translate(-50%);width:min(260px,80%);padding:12px 16px;border:1px solid var(--team);border-radius:5px;background:#182b28ed;color:var(--team);pointer-events:none;z-index:3}.charge-hud[hidden]{display:none}.charge-hud>div{display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:10px;letter-spacing:1px}.charge-hud b{font-size:20px;letter-spacing:0}.charge-hud progress{display:block;margin-top:8px;height:9px}#power::-webkit-progress-value,.charge-hud progress::-webkit-progress-value{transition:none}.view-controls{max-width:calc(100% - 60px);right:30px;gap:6px;bottom:46px}.camera-target{display:flex;align-items:center;gap:6px;font-size:10px;font-weight:600;color:#233e32}.camera-target select{max-width:190px;font:inherit;padding:7px 5px;border:1px solid #708a79;border-radius:4px;background:#e1e8db;color:#233e32}.camera-target select:focus-visible{outline:2px solid #233e32;outline-offset:2px}.battlefield.free-look #scene{cursor:grabbing}@media(max-width:1100px){.view-controls{max-width:calc(100% - 45px)}}@media(max-width:720px){.view-controls{bottom:40px;max-width:calc(100% - 40px);right:20px}.camera-target{font-size:8px}.camera-target select{padding:4px;max-width:160px}.shot-status{bottom:150px}.charge-hud{bottom:193px}}.follow-distances{display:flex;gap:3px}.follow-distances .view-button{padding:8px 10px}.tank-label{background:#192b28bf}.tank-label.taking-damage{background:#843c34cc!important}.tank-reload-caption{display:flex;justify-content:space-between;gap:16px;color:#d5e0d8;font-size:8px;letter-spacing:.5px}.tank-reload-caption b{font-weight:600;font-variant-numeric:tabular-nums}.tank-label .tank-reload{display:block;height:4px;margin:0;background:#ffffff26}.tank-reload::-webkit-progress-bar{background:#ffffff26}.tank-reload::-webkit-progress-value{background:#f4b95f;transition:none}.cobalt .tank-reload::-webkit-progress-value{background:#72c8ca}.tank-reload::-moz-progress-bar{background:#f4b95f}.cobalt .tank-reload::-moz-progress-bar{background:#72c8ca}.tank-reload.ready::-webkit-progress-value{background:#8ec99b}.tank-reload.ready::-moz-progress-bar{background:#8ec99b}.power-track{position:relative;margin-top:7px}.power-track #power{margin:0}#last-shot-marker{position:absolute;top:-4px;bottom:-4px;width:2px;transform:translate(-50%);background:#fff4d2;box-shadow:0 0 0 1px #162827;pointer-events:none}#last-shot-marker:before{content:"";position:absolute;top:-2px;left:-2px;width:6px;height:3px;background:#fff4d2}.last-shot-power{font-size:10px;color:#fff4d2;margin:10px 0 0}.battlefield{overflow:clip}#tank-labels,#landmark-labels{position:absolute;top:0;right:0;bottom:0;left:0;overflow:clip;pointer-events:none}.combat-hud{position:absolute;bottom:40px;left:50%;transform:translate(-50%);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:min(560px,calc(100% - 40px));padding:14px 16px;gap:18px;background:#192b28c9;border:1px solid #e1eddb40;border-radius:6px;color:#eef3e8;box-shadow:0 3px 16px #10252030;pointer-events:none;z-index:3}.combat-meter{min-width:0}.meter-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:24px;font-size:9px;letter-spacing:.4px}.meter-heading output,.meter-heading .power-value{font:600 18px Barlow Condensed,Impact,sans-serif;color:var(--team);letter-spacing:0;font-variant-numeric:tabular-nums}.combat-hud progress,.combat-hud #reload-progress,.combat-hud #power{display:block;height:8px;margin:9px 0 8px;width:100%}.combat-hud .power-track{margin:0}.combat-hud small,.combat-hud #cooldown-status{display:block;font-size:9px;line-height:1.4;color:#c5d3c8;margin:0;min-height:13px}.combat-hud #last-shot-marker{top:-4px;bottom:-4px}.combat-hud #last-shot-power{color:#fff4d2}#hud-health::-webkit-progress-value{background:#8ec99b}#hud-health::-moz-progress-bar{background:#8ec99b}.low-armour #hud-health::-webkit-progress-value{background:#ff7666}.low-armour #hud-health::-moz-progress-bar{background:#ff7666}.combat-hud.charging .power-value{color:#fff4d2}.combat-hud.charging .power-track{filter:drop-shadow(0 0 5px #f4b95f70)}.combat-hud #reload-progress::-webkit-progress-value{transition:none}.tank-label.active .tank-armour,.tank-label.active .tank-armour-track{display:none}.tank-label.active{min-width:0}.view-controls{bottom:144px;max-width:calc(100% - 205px)}.shot-status{bottom:232px}.minimap-wrap{bottom:144px}@media(max-width:720px){.combat-hud{bottom:34px;padding:10px;gap:12px}.meter-heading{font-size:8px;gap:4px;flex-wrap:wrap}.meter-heading output,.meter-heading .power-value{font-size:17px}.view-controls{bottom:150px;max-width:calc(100% - 40px)}.shot-status{bottom:260px}.combat-hud small,.combat-hud #cooldown-status{font-size:8px}}.view-button kbd{display:inline-block;margin-right:3px;padding:1px 4px;border:1px solid currentColor;border-radius:3px;font-family:inherit;font-size:8px;font-weight:600;line-height:1.3;opacity:.7}.topbar{justify-content:flex-end;gap:8px}.topbar>.icon-button{margin-left:0}.panel-toggle{border:1px solid #738d7f66;background:#eaf1e4cc;border-radius:4px;padding:8px 12px;color:#31483c;font-family:inherit;font-size:11px;font-weight:600;cursor:pointer}.panel-toggle:hover{background:#f3f6eff2}.panel-toggle:focus-visible{outline:2px solid #31483c;outline-offset:3px}#app.sidebar-hidden{grid-template-columns:minmax(0,1fr)}#app{--sidebar-width:352px}.panel-toggle{position:fixed;top:18px;right:var(--sidebar-width);z-index:5;width:26px;height:36px;padding:0;border-radius:4px 0 0 4px;background:#172126eb;color:#dce6e2;font:28px/1 sans-serif}.panel-toggle:hover{background:#314448}.sidebar-hidden>.panel-toggle{right:0}.combat-hud{grid-template-columns:repeat(4,minmax(0,1fr));width:min(700px,calc(100% - 40px))}.target-bearing{font-size:13px;letter-spacing:.4px;font-variant-numeric:tabular-nums;margin:5px 0 6px;color:#eef3e8}@media(max-width:1100px){#app{--sidebar-width:310px}}@media(max-width:720px){#app{--sidebar-width:min(310px, calc(100vw - 42px) )}.command-panel{position:fixed;right:0;top:0;bottom:0;width:var(--sidebar-width);overflow:auto}.combat-hud{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px 18px}.view-controls{bottom:225px}.shot-status{bottom:320px}.minimap-wrap{bottom:225px}}.map-presets{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}.map-presets button{background:#263638;border:1px solid #51615f;border-radius:4px;color:#e7eadd;padding:7px 8px;font:inherit;font-size:10px;cursor:pointer}.map-presets button:hover{border-color:var(--team)}.map-presets button:disabled{opacity:.4;cursor:default}.view-dock{position:absolute;bottom:40px;left:24px;width:132px;max-height:calc(100% - 170px);display:flex;flex-direction:column;gap:10px;z-index:4;pointer-events:none}.view-dock .view-controls{position:static;width:100%;max-width:none;max-height:none;min-height:0;overflow-y:auto;scrollbar-width:thin;flex-direction:column;flex-wrap:nowrap;align-items:stretch;pointer-events:auto;flex-shrink:1}.view-controls .follow-distances{flex-direction:column;gap:6px}.view-controls .view-button{width:100%;text-align:left}.view-controls .camera-target{flex-direction:column;align-items:stretch;gap:4px}.view-controls .camera-target select{width:100%;max-width:100%;min-width:0}.map-heading{left:180px;top:130px}.enemy-compass{position:absolute;top:18px;left:50%;transform:translate(-50%);width:min(440px,calc(100% - 688px));padding:16px 22px 12px;background:#192b28c9;border:1px solid #e1eddb40;border-radius:6px;box-shadow:0 3px 16px #10252030;color:#eef3e8;pointer-events:none;z-index:3}.enemy-compass-heading{display:flex;justify-content:space-between;gap:10px;font-size:9px;letter-spacing:.6px;font-weight:700;font-variant-numeric:tabular-nums;flex-wrap:wrap}#compass-enemy{color:#ffbd9d}.compass-street{margin-top:11px;padding-top:8px;border-top:1px solid #e1eddb26;text-align:center;color:#d7e0d9;font-size:10px;line-height:1.4;overflow-wrap:anywhere}.wind-indicator{position:absolute;top:18px;left:24px;width:132px;padding:10px 12px;border:1px solid #e1eddb40;border-radius:6px;background:#192b28c9;box-shadow:0 3px 16px #10252030;color:#eef3e8;z-index:3;pointer-events:none}.wind-label{font-size:9px;font-weight:700;letter-spacing:.8px}.wind-reading{display:flex;align-items:center;gap:12px;margin:5px 0}.wind-reading strong{font-size:20px;font-variant-numeric:tabular-nums}.wind-reading small{font-size:10px;font-weight:500;color:#c5d3c8}#wind-arrow{display:block;font-size:30px;line-height:30px;color:#b3d7e2}#wind-direction{display:block;font-size:9px;font-weight:700;letter-spacing:.6px}#wind-reference{display:block;margin-top:3px;font-size:7px;color:#b5c4ba;letter-spacing:.5px}.ballistics strong #panel-wind-strength{display:inline;color:inherit;font:inherit;letter-spacing:inherit}.combat-hud{left:max(182px,calc((100% - 700px)/2));transform:none;width:min(700px,calc(100% - 202px))}.compass-ribbon{position:relative;height:46px;margin-top:6px;overflow:hidden}.compass-tick{position:absolute;top:0;transform:translate(-50%);width:24px;height:26px;text-align:center;font-size:9px;color:#b7c6b8}.compass-tick:after{content:"";position:absolute;top:17px;left:50%;height:5px;border-left:1px solid #bfcdc080}.compass-tick.major{font-size:12px;font-weight:800;color:#eef3e8}.compass-tick.major:after{height:9px;border-color:#eef3e8}.compass-centre{position:absolute;top:15px;left:50%;height:28px;border-left:1px solid #f4b95f70}.compass-enemy-marker{position:absolute;bottom:0;transform:translate(-50%);color:#ffbd9d;font-size:24px;font-weight:900;line-height:24px;text-shadow:0 1px 3px #101d18}.compass-enemy-marker>span{display:block}.compass-relative{text-align:center;min-height:12px;font-size:9px;font-weight:700;letter-spacing:.7px;text-transform:uppercase;color:#ffbd9d}@media(max-width:720px){.view-controls{top:14px;left:12px;width:104px;gap:4px}.view-controls .view-button{padding:7px 6px}.view-controls .follow-distances{gap:4px}.enemy-compass{top:14px;left:auto;right:58px;transform:none;width:calc(100% - 194px);padding:7px 8px 5px}.enemy-compass-heading{font-size:8px;gap:4px}.map-heading{left:138px;right:14px;top:142px}.neighbourhood-stats{gap:8px;flex-wrap:wrap}.compass{top:250px;right:14px}}.view-dock .shot-status{position:static;transform:none;text-align:left;width:max-content;max-width:min(360px,calc(100vw - 60px));flex-shrink:0;white-space:normal}.command-panel[hidden]{display:none!important}.scenery-saves{padding:16px 0;border-bottom:1px solid #69857455}.scenery-saves p{color:#a7b9ac;font-size:11px;line-height:1.6;margin:8px 0}.scenery-saves #scenery-save-status{color:#dce5d6}.scenery-saves select,.scenery-saves input{width:100%;min-width:0;margin-top:8px;padding:9px;border:1px solid #5a7064;border-radius:4px;background:#182824;color:#e0e8d7;font:inherit;font-size:12px}.scenery-saves form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px;align-items:end;margin:12px 0}.scenery-saves form label{grid-column:1/-1;font-size:11px;color:#a7b9ac}.scenery-saves form input{margin-top:0}.scenery-saves button{border:1px solid #5a7064;border-radius:4px;padding:9px;background:#26382e;color:#e0e8d7;font:inherit;font-size:11px}.scenery-saves :disabled{opacity:.45;cursor:default}.start-map-dialog{width:min(520px,calc(100vw - 32px));padding:34px;color:#e9eeed;background:#192629;border:1px solid #53665f;border-radius:12px;box-shadow:0 20px 100px #0008}.start-map-dialog h2{font-size:34px;line-height:1.1;margin:15px 0}.start-map-dialog p{font-size:13px;line-height:1.7;color:#bdcbc4}.start-map-dialog label{display:block;font-size:11px;margin:22px 0 8px;color:#e9eeed}.start-postcode-row{display:flex;gap:8px}.start-postcode-row input{min-width:0;flex:1;background:#10201f;border:1px solid #60746b;border-radius:4px;color:#fff;padding:12px;font-size:13px;text-transform:uppercase}.start-map-dialog button{border:1px solid #637a69;border-radius:4px;background:#344e3f;padding:11px 12px;color:#f1f5e8;font-size:12px}.start-map-dialog button:hover{background:#46614c}.start-map-dialog button:disabled{opacity:.5}.start-map-presets{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:14px}.start-map-dialog progress{width:100%;height:7px;accent-color:var(--amber);margin-top:20px}.start-map-actions{display:flex;gap:12px;margin:14px 0 20px}.start-map-actions .text-button{background:none;border:0;padding:0;color:var(--amber)}.start-map-dialog small{display:block;color:#8fa89b;font-size:11px;line-height:1.6}@media(max-width:720px){.shot-status{left:12px;bottom:225px;max-width:calc(100% - 130px)}.start-map-dialog{padding:24px}.start-postcode-row{flex-wrap:wrap}.start-postcode-row input{flex-basis:100%}}@media(max-width:720px){.view-dock{left:12px;bottom:34px;width:104px;max-height:calc(100% - 178px)}.view-dock .shot-status{font-size:9px;padding:8px 10px;max-width:calc(100vw - 36px)}.wind-indicator{top:14px;left:12px;width:104px;padding:8px}.wind-reading{gap:7px}.wind-reading strong{font-size:18px}#wind-arrow{font-size:25px}.enemy-compass{left:128px;right:44px;transform:none;width:auto}.combat-hud{left:128px;right:12px;width:auto;gap:10px;padding:10px}.minimap-wrap{top:148px;bottom:auto;right:12px;width:64px}.combat-hud .meter-heading{align-items:flex-start;flex-direction:column;gap:1px;min-height:34px}.combat-hud .target-bearing{font-size:11px;overflow-wrap:anywhere}}.terrain-controls{padding:20px 0;border-bottom:1px solid var(--line)}.terrain-controls .section-label{display:flex;justify-content:space-between;margin-bottom:4px}.terrain-controls output{color:var(--amber);font-variant-numeric:tabular-nums}.terrain-controls input{height:44px;background-size:100% 4px;background-repeat:no-repeat;background-position:center}.terrain-controls input:disabled{opacity:.45;cursor:default}.postcode-controls{flex-wrap:wrap}.postcode-controls select{min-width:0;flex:1;width:100%;max-width:100%;padding:6px 5px;background:#102024;border:1px solid #617668;border-radius:4px;color:#eef3e8;font:inherit;font-size:11px}.postcode-controls input:not([hidden]){order:3;flex-basis:100%}.postcode-controls select:focus-visible{outline:2px solid var(--team);outline-offset:2px}#drop-mine{pointer-events:auto;display:block;background:transparent;border:0;padding:0;color:#d4dfcf;font:inherit;font-size:9px;cursor:pointer;line-height:1.4}#drop-mine:hover:enabled{color:var(--team)}#drop-mine:disabled{opacity:.5;cursor:default}#drop-mine:focus-visible{outline:1px solid var(--team)}.postcode-hud{position:absolute;right:66px;top:18px;width:220px;z-index:5;padding:10px 12px;background:#192b28c9;border:1px solid #e1eddb40;border-radius:6px;color:#eef3e8}.postcode-hud label{display:block;font-size:9px;font-weight:700;letter-spacing:.8px;margin-bottom:5px;color:inherit}.postcode-controls{display:flex;gap:6px}.postcode-hud input{min-width:0;width:100%;padding:6px 8px;background:#10202499;border:1px solid #617668;border-radius:4px;color:#eef3e8;font:inherit;font-size:13px;text-transform:uppercase}.postcode-hud button{padding:6px 9px;border:1px solid #617668;background:#293e35;color:#eef3e8;border-radius:4px;font-size:11px}.postcode-hud input:focus-visible,.postcode-hud button:focus-visible{outline:2px solid var(--team);outline-offset:2px}.postcode-hud #map-load-status{min-height:0;font-size:10px;line-height:1.4;margin:7px 0 0}.postcode-hud #map-load-status:empty,.postcode-hud [hidden]{display:none}.postcode-hud :disabled{opacity:.55}#app:not(.sidebar-hidden) .postcode-hud{top:150px;right:24px}@media(max-width:1100px){.postcode-hud{top:150px;right:18px}}@media(max-width:720px){.postcode-hud,#app:not(.sidebar-hidden) .postcode-hud{top:140px;right:12px;width:220px;padding:8px}#app .minimap-wrap{top:215px}}.minimap-wrap{width:240px;bottom:var(--hud-bottom,164px);opacity:.85;border:0;background:transparent;box-shadow:none;overflow:visible}.minimap-wrap canvas{border-radius:50%;border:1px solid #badac580;box-shadow:0 3px 20px #142c3055;background:#162b27}.minimap-wrap span{background:#192b28b0;border-radius:4px;margin:5px auto 0;width:max-content;max-width:100%}.postcode-history{margin-top:7px;font-size:10px}.postcode-history summary{cursor:pointer;color:#dce8dc;padding:3px 0}.postcode-history summary:focus-visible{outline:2px solid var(--team)}#postcode-history-list{position:absolute;top:100%;left:0;right:0;max-height:280px;overflow:auto;padding:10px;background:#192b28f5;border:1px solid #617668;border-radius:5px;box-shadow:0 6px 18px #0004}#postcode-history-list strong{display:block;font-size:9px;text-transform:uppercase;letter-spacing:1px;padding:5px 0}.postcode-history-row{display:flex;gap:5px;margin:4px 0}.postcode-history-row button:first-child{flex:1;text-align:left}.postcode-history-row button[aria-pressed=true]{color:#ffc46e}.minimap-wrap span{font-size:8px}@media(max-width:1100px){.minimap-wrap{width:190px}}@media(max-width:720px){.minimap-wrap{width:140px;top:148px;bottom:auto}}@media(max-width:720px){#app .battlefield{height:100dvh}}.hud-dock{position:absolute;left:max(182px,calc((100% - 950px)/2));bottom:40px;width:min(950px,calc(100% - 202px));display:flex;flex-wrap:wrap;gap:10px;z-index:3;pointer-events:none}.hud-dock .combat-hud{position:static;transform:none;width:auto;flex:2 1 420px;grid-template-columns:repeat(4,minmax(0,1fr));padding:12px 14px;gap:14px;border-top:2px solid var(--team)}.enemy-hud{flex:1 1 230px;display:grid;grid-template-columns:1.1fr 1fr;gap:14px;min-width:0;padding:12px 14px;background:#192b28c9;border:1px solid #e1eddb40;border-top:2px solid var(--enemy,#72c8ca);border-radius:6px;color:#eef3e8;box-shadow:0 3px 16px #10252030}.hud-dock .meter-heading{flex-direction:column;align-items:flex-start;gap:2px;min-height:41px}.enemy-hud .meter-heading output{color:var(--enemy,#72c8ca)}.enemy-hud small{font-size:9px;line-height:1.4;color:#c5d3c8;display:block;min-height:13px}.enemy-hud progress{display:block;width:100%;height:8px;margin:9px 0 8px}.enemy-hud .target-bearing{margin:7px 0;font-size:12px;font-variant-numeric:tabular-nums}#hud-health::-webkit-progress-value{background:var(--team)}#hud-health::-moz-progress-bar{background:var(--team)}#enemy-health::-webkit-progress-value{background:var(--enemy,#72c8ca)}#enemy-health::-moz-progress-bar{background:var(--enemy,#72c8ca)}.hud-dock .low-armour progress#hud-health::-webkit-progress-value,.low-armour #enemy-health::-webkit-progress-value{background:#ff7666}.hud-dock .low-armour progress#hud-health::-moz-progress-bar,.low-armour #enemy-health::-moz-progress-bar{background:#ff7666}.elevation-line{height:8px;position:relative;background:#72827c45;border-radius:2px;margin:9px 0 8px}.elevation-line:before{content:"";position:absolute;left:10.526%;top:0;bottom:0;border-left:1px solid #dce6e288}#elevation-marker{position:absolute;top:-2px;bottom:-2px;width:3px;background:var(--team);transform:translate(-50%);border-radius:1px}@media(max-width:720px){.hud-dock{left:128px;right:12px;bottom:34px;width:auto;gap:8px}.hud-dock .combat-hud{grid-template-columns:repeat(2,minmax(0,1fr));padding:10px;gap:8px 14px}.enemy-hud{padding:10px;gap:10px}.hud-dock .meter-heading{font-size:8px;min-height:35px}.enemy-hud .meter-heading output{font-size:17px}.enemy-hud .target-bearing{font-size:10px;overflow-wrap:anywhere}.enemy-hud small{font-size:8px}}.postcode-hud{width:280px}@media(max-width:720px){.postcode-hud,#app:not(.sidebar-hidden) .postcode-hud{width:min(280px,calc(100vw - 36px))}}.town-search{margin-top:8px;font-size:11px;color:#dce8dc}.town-search summary{cursor:pointer;min-height:28px;padding:5px 0}.town-search-form{display:flex;gap:6px;align-items:end;margin:8px 0}.town-search-form label{flex:1;min-width:0}.town-search input{display:block;width:100%;box-sizing:border-box;min-height:38px;background:#102024;color:#eef3e8;border:1px solid #617668;border-radius:4px;padding:7px}.town-search button{min-height:38px;border:1px solid #617668;border-radius:4px;background:#293e35;color:#eef3e8;padding:7px}.town-results{display:grid;gap:5px;max-height:180px;overflow:auto}.town-results button{text-align:left}.town-search-status{font-size:11px;line-height:1.4}.town-search small{display:block;margin-top:8px;font-size:9px}.town-search :disabled{opacity:.5}.postcode-controls input:not([hidden]){order:0;flex:1 1 0;width:0;text-transform:none;font-size:12px}.postcode-hud{right:54px}.town-search:has(.town-search-status:empty):has(.town-results:empty){margin:0}.town-search-status:empty{display:none}.town-search small[hidden]{display:none}.hud-dock .enemy-hud{flex:1 1 140px;grid-template-columns:1fr}.hud-dock .combat-hud{flex:3 1 420px}#hud-health-state[hidden]{display:none}.combat-hud #last-shot-marker{top:14px;bottom:auto;height:3px;left:0;transform:none;background:#a4a8aa;box-shadow:none;opacity:.9;z-index:1}.combat-hud #last-shot-marker:before{display:none}.radar-mute{position:absolute;right:2px;top:2px;z-index:2;opacity:0;pointer-events:none;border:1px solid #dce8dc80;background:#192b28eb;color:#eef3e8;padding:7px 9px;border-radius:6px;font-size:10px;transition:opacity .15s;cursor:pointer}.minimap-wrap:hover .radar-mute,.minimap-wrap:focus-within .radar-mute{opacity:1;pointer-events:auto}.radar-mute:focus-visible{outline:2px solid var(--team);outline-offset:2px}#help{display:block;width:100%;min-height:42px;text-align:left;margin-bottom:10px}@media(any-pointer:coarse){.radar-mute{opacity:1;pointer-events:auto;min-height:40px}}:root.touch-enabled .radar-mute{opacity:1;pointer-events:auto}.location-pin svg{display:block;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.location-pin[aria-pressed=true] svg path:first-child{fill:currentColor}.battlefield-notices{position:absolute;z-index:7;top:100px;left:50%;transform:translate(-50%);max-width:calc(100% - 32px);display:flex;flex-direction:column;align-items:center;gap:6px;pointer-events:none}.battlefield-notice{margin:0;padding:10px 16px;border:1px solid #a5c2b880;border-radius:6px;background:#192b28ed;color:#eef3e8;font-size:13px;text-align:center}.battlefield-notice[hidden]{display:none}.start-round{pointer-events:auto;min-height:44px;cursor:pointer;font-family:inherit}.start-round:disabled{cursor:default;opacity:.8}.postcode-hud .share-game{display:grid;place-items:center;min-width:36px;padding:6px}.share-game svg{display:block;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.touch-controls,.touch-camera-views{display:none}:root.touch-enabled #app .battlefield{touch-action:manipulation}:root.touch-enabled .touch-controls{display:block;position:absolute;top:0;right:0;bottom:0;left:0;z-index:6;pointer-events:none;--pad:144px}:root.touch-enabled .touch-stick-group{position:absolute;bottom:calc(var(--combat-dock-height,76px) + var(--touch-bottom,8px) + 24px);width:var(--pad);display:flex;flex-direction:column;align-items:stretch;gap:12px}:root.touch-enabled .touch-drive-group{left:var(--hud-edge,24px)}:root.touch-enabled .touch-aim-group{right:var(--hud-edge,24px)}:root.touch-enabled .touch-controls button,:root.touch-enabled .touch-stick{pointer-events:auto;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;color:#edf2e9}:root.touch-enabled .touch-stick{position:relative;width:var(--pad);height:var(--pad);border-radius:50%;overflow:visible}.touch-stick-base{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:#192b28b8;border:1px solid #cbd9ca70;box-shadow:0 2px 12px #0003;pointer-events:none;text-align:center}.touch-stick-base span{display:block;margin-top:12px;font-size:10px;letter-spacing:2px}.touch-stick-base small{position:absolute;bottom:12px;left:0;right:0;font-size:8px;letter-spacing:.4px}.touch-stick i{position:absolute;left:calc(50% - 26px);top:calc(50% - 26px);width:52px;height:52px;border-radius:50%;background:#cbd9ca55;border:1px solid #ecf2dd90;pointer-events:none}.touch-stick.boosted .touch-stick-base{border-color:#f4b95f;background:#4a452fb8}.touch-stick.boosted i{background:#f4b95f88;border-color:#ffd097}.touch-stick-actions{display:flex;gap:8px;align-items:stretch}:root.touch-enabled .touch-controls button{min-height:44px;min-width:44px;flex:1;padding:9px 6px;border:1px solid #cbd9ca70;border-radius:8px;background:#192b28d9;box-shadow:0 2px 12px #0003;font:inherit;font-size:11px}:root.touch-enabled .touch-controls button:active,:root.touch-enabled .touch-controls button.held{background:#637855d9}:root.touch-enabled .touch-controls button:disabled{opacity:.45;cursor:default}:root.touch-enabled .touch-controls #touch-fire{min-height:56px;background:#9b5123dc;border-color:#ffd097;font-weight:800}#app .hud-dock .combat-hud,:root.touch-enabled #app .hud-dock .combat-hud{grid-template-columns:64px 40px repeat(3,minmax(0,1fr)) 64px}.tank-alignment{display:block;width:64px;height:64px;align-self:center;overflow:visible;pointer-events:none}.alignment-ticks{fill:none;stroke:#dce8dc80;stroke-width:1}.alignment-north{fill:#eff9e9;font:700 14px sans-serif;letter-spacing:0}.alignment-hull,.alignment-turret{fill:#374b40;stroke:#b8c9bd;stroke-width:.65;stroke-linejoin:round}.alignment-turret{fill:#24392e;stroke:#99b0a0}.tank-alignment[data-tracking=hull] .alignment-hull,.tank-alignment[data-tracking=turret] .alignment-turret{fill:var(--team);fill-opacity:.3;stroke:var(--team);stroke-width:.9}@media(min-width:721px)and (max-width:900px){.enemy-compass{top:110px;width:min(440px,calc(100% - 40px))}}@media(max-width:720px){.enemy-compass{padding:12px 14px 10px}}#app .hud-dock #drop-mine{align-self:start;min-height:44px;padding:0;color:#dce7d8;font:inherit;line-height:normal;text-align:center}#drop-mine .mine-title{display:block;font-size:9px;letter-spacing:1px;margin-bottom:6px}#mine-dots{display:flex;flex-direction:column;align-items:center;gap:4px}#mine-dots i{display:block;width:6px;height:6px;border-radius:50%;background:var(--team);box-shadow:0 0 3px #cce0b122}#mine-dots i.spent{background:#79817d;box-shadow:none}#drop-mine:disabled{opacity:1}#app .combat-hud .power-track{position:relative;height:8px;margin:9px 0 8px;background:#3a4647;border-radius:4px;overflow:hidden}#app .combat-hud .power-track #power{position:relative;z-index:1;margin:0;height:100%;background:transparent}#app .combat-hud .power-track #power::-webkit-progress-bar{background:transparent}#app .combat-hud #last-shot-marker{inset:0 auto 0 0;height:100%;background:#a4a8aa;transform:none;border-radius:4px;z-index:0}#app .combat-hud .elevation-meter{position:relative;padding-right:20px}#app .combat-hud .elevation-line{position:absolute;right:2px;top:4px;bottom:4px;width:8px;height:auto;margin:0;border-radius:3px}#app .elevation-line:before{left:0;right:0;top:auto;bottom:12.658%;height:1px;border:0;background:#dce6e288}#app #elevation-marker{left:-3px;top:auto;width:14px;height:3px;transform:translateY(50%);background:var(--team)}.minimap-wrap{z-index:5}.radar-mute{min-width:76px;min-height:36px;touch-action:manipulation;-webkit-user-select:none;user-select:none}.radar-mute[data-level=off]{color:#bbc4bf}:root.touch-enabled .radar-mute{min-height:44px}.location-entry{display:flex;flex:1;min-width:0}.location-entry input{border-radius:4px 0 0 4px}.postcode-hud #location-history-toggle{padding:4px 7px;border-radius:0 4px 4px 0;min-width:28px}.postcode-history-row button:last-child{min-width:32px}.postcode-history-row :disabled{cursor:default}.postcode-history{margin:0}@media(max-width:740px){#app .hud-dock .combat-hud,:root.touch-enabled #app .hud-dock .combat-hud{grid-template-columns:44px 28px repeat(2,minmax(0,1fr)) 42px}#app #tank-alignment{grid-column:1;grid-row:1 / 3;width:44px;height:44px}#app #drop-mine{grid-column:2;grid-row:1 / 3}#drop-mine .mine-title{font-size:8px}#app .health-meter{grid-column:3;grid-row:1}#app .power-meter{grid-column:4;grid-row:1}#app .reload-meter{grid-column:3 / 5;grid-row:2}#app .elevation-meter{grid-column:5;grid-row:1 / 3}#mine-dots{gap:2px}#mine-dots i{width:5px;height:5px}#app .combat-hud .power-track{margin-top:4px}#app .combat-hud .elevation-meter{padding-right:13px}#app #elevation-marker{left:-2px;width:12px}}@media(max-width:600px){:root:not(.touch-enabled) #app .hud-dock{left:12px;right:12px;width:auto}}@media(prefers-reduced-motion:reduce){#damage-vignette.critical-health{display:block;opacity:.16!important}}.health-meter,.enemy-health-meter{position:relative}.health-bar{position:relative;height:8px;margin:9px 0 8px;border-radius:4px;overflow:hidden}#app .health-bar progress{width:100%;height:100%;margin:0}.health-hit-trail{position:absolute;top:0;bottom:0;background:#fff1b5;pointer-events:none;box-shadow:0 0 6px #fff1b5}#app .own-health-hud.hit-flash,#app .enemy-hud.hit-flash{border-color:#ffb4a4;box-shadow:inset 0 0 24px #e45c3c50,0 0 14px #ff826066}#app .hit-flash .meter-heading output{color:#fff1b5}@media(prefers-reduced-motion:reduce){.health-hit-trail{display:none}#app .own-health-hud.hit-flash,#app .enemy-hud.hit-flash{box-shadow:none}}.new-round{pointer-events:auto;flex-shrink:0;width:100%;padding:10px 8px;font:inherit;font-size:11px;color:#f4b95f;background:#192b28e6;border:1px solid #f4b95f88;border-radius:5px;text-align:left;cursor:pointer}.new-round:disabled{color:#bbc4bf;cursor:default}.new-round:focus-visible{outline:2px solid var(--team);outline-offset:2px}#new-round[hidden]{display:none}.health-loss{position:absolute;left:50%;bottom:25px;z-index:6;pointer-events:none;white-space:nowrap;font-size:12px;font-weight:800;color:#ffb4a4;text-shadow:0 1px 3px #301c19;animation:health-loss 2s ease-out forwards}@keyframes health-loss{0%{opacity:1;transform:translate(-50%)}25%{opacity:1}to{opacity:0;transform:translate(-50%,-70px)}}@media(prefers-reduced-motion:reduce){.health-loss{animation-name:health-loss-fade}@keyframes health-loss-fade{0%,25%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%)}}}#app .battlefield{--utility-width:280px;--top-hud-height:76px;--hud-second-row:calc(18px + var(--top-hud-height) + 12px);--radar-top:calc(var(--hud-second-row) + 140px)}#app .postcode-hud,#app:not(.sidebar-hidden) .postcode-hud,:root.touch-enabled #app .postcode-hud{left:24px;right:auto;top:18px;width:var(--utility-width)}#app .wind-indicator,:root.touch-enabled #app .wind-indicator{left:auto;right:24px;top:18px}#app .postcode-hud,#app .wind-indicator,#app .enemy-compass,:root.touch-enabled #app .postcode-hud,:root.touch-enabled #app .wind-indicator,:root.touch-enabled #app .enemy-compass{min-height:var(--top-hud-height)}#app .postcode-hud,#app .wind-indicator{display:flex;flex-direction:column;justify-content:center}#app .wind-indicator,#app .enemy-compass{height:var(--top-hud-height)}#app .enemy-compass,:root.touch-enabled #app .enemy-compass{padding:6px 22px 7px}#app .compass-ribbon{height:38px;margin-top:0}#app .compass-centre{height:23px}#app .compass-enemy-marker{font-size:16px;line-height:16px}#app .compass-street{display:block;margin-top:4px;padding-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#app .command-panel{z-index:7}#app .panel-toggle{z-index:8}.room-chat{position:absolute;right:24px;top:var(--hud-second-row);width:var(--utility-width);z-index:4;padding:8px 10px;border:1px solid #e1eddb40;border-radius:6px;background:#192b28b8;color:#eef3e8;font-size:11px}.chat-messages{height:76px;display:flex;flex-direction:column;justify-content:flex-end;gap:0;overflow:hidden}.chat-line{height:19px;min-height:19px;line-height:19px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-line b{font-weight:600;color:var(--amber)}.chat-line[data-player="1"] b{color:var(--cyan)}#chat-form{margin:4px 0 0}#chat-text{width:100%;min-width:0;background:#10202480;color:#eef3e8;border:1px solid #617668;border-radius:3px;padding:4px 6px;font:inherit;font-size:11px;line-height:16px}#chat-text:disabled{opacity:.55}#chat-text::placeholder{color:#b9c6bf}#chat-text:focus-visible{outline:1px solid var(--team);outline-offset:2px}@media(max-width:1100px){#app .enemy-compass,:root.touch-enabled #app .enemy-compass{top:var(--hud-second-row);left:24px;transform:none;width:min(440px,calc(100% - 312px))}#app .minimap-wrap,:root.touch-enabled #app .minimap-wrap{top:var(--radar-top);bottom:auto}}@media(max-width:740px){#app .battlefield{--utility-width: calc((100% - 36px)/2) }#app .postcode-hud,#app:not(.sidebar-hidden) .postcode-hud,:root.touch-enabled #app .postcode-hud{left:12px;top:18px;width:var(--utility-width);padding:8px}#app .wind-indicator,:root.touch-enabled #app .wind-indicator{left:auto;right:12px;top:18px;width:var(--utility-width)}#app .room-chat{right:12px;padding:6px 8px}#app .enemy-compass,:root.touch-enabled #app .enemy-compass{left:12px;top:var(--hud-second-row);transform:none;width:var(--utility-width);padding:6px 10px 7px}#app .minimap-wrap,:root.touch-enabled #app .minimap-wrap{top:var(--radar-top);right:12px;bottom:auto}#app .view-dock,:root.touch-enabled #app .view-dock{bottom:auto;top:var(--radar-top);max-height:calc(100% - 440px)}:root.touch-enabled #app .view-dock{max-height:max(96px,calc(100% - 630px))}}#app .wind-indicator,:root.touch-enabled #app .wind-indicator{width:var(--utility-width)}@media(max-width:740px)and (max-height:600px){#app .battlefield{--radar-top:calc(var(--hud-second-row) + 120px)}.chat-messages{height:60px}.chat-line{height:15px;min-height:15px;line-height:15px}}#app .battlefield{--hud-edge:24px;--navigation-size:240px}#app .enemy-compass,:root.touch-enabled #app .enemy-compass{left:50%;right:auto;transform:translate(-50%)}#app .hud-dock,:root.touch-enabled #app .hud-dock{left:50%;right:auto;transform:translate(-50%);bottom:40px;width:min(840px,calc(100% - 2 * (var(--hud-edge) + var(--navigation-size) + 16px)));display:grid;grid-template-columns:clamp(112px,26%,180px) minmax(180px,1fr) clamp(112px,26%,180px);gap:16px;align-items:stretch}.own-health-hud{min-width:0;background:#192b28c9;border:1px solid #e1eddb40;border-top:2px solid var(--team);border-radius:6px;color:#eef3e8;box-shadow:0 3px 16px #10252030;padding:12px 14px}#app .own-health-hud,#app .enemy-hud{min-height:94px}.own-health-hud progress{display:block;width:100%;height:8px;margin:9px 0 8px}.own-health-hud small{font-size:9px;color:#c5d3c8}.own-health-hud.low-armour #hud-health::-webkit-progress-value{background:#ff7666}.own-health-hud.low-armour #hud-health::-moz-progress-bar{background:#ff7666}#app .hud-dock .combat-hud,:root.touch-enabled #app .hud-dock .combat-hud{width:min(440px,100%);min-height:94px;justify-self:center;grid-template-columns:58px minmax(0,1fr) 58px;gap:16px;padding:12px 14px}#app .combat-hud .elevation-meter{grid-column:3;grid-row:1}#app .combat-hud .power-meter{grid-column:2;grid-row:1}#app .combat-hud #drop-mine{grid-column:1;grid-row:1}#app .hud-dock .enemy-hud,:root.touch-enabled #app .hud-dock .enemy-hud{display:grid;grid-template-columns:minmax(0,1fr) 36px;gap:12px;padding:12px 14px;align-items:start}.share-game{pointer-events:auto;display:grid;place-items:center;align-self:center;min-width:36px;height:36px;padding:6px;border:1px solid #617668;background:#293e35;color:#eef3e8;border-radius:4px;cursor:pointer}.share-game:disabled{opacity:.5;cursor:default}.share-game:focus-visible{outline:2px solid var(--team);outline-offset:2px}#app .power-track #reload-progress{position:relative;z-index:2;width:100%;height:100%;margin:0;background:transparent}#app .power-track #reload-progress::-webkit-progress-bar{background:transparent}#app .power-track #reload-progress::-webkit-progress-value{background:#e97568;transition:none}#app .power-track #reload-progress::-moz-progress-bar{background:#e97568}#app .combat-hud.reloading #last-shot-marker{display:none}#app .combat-hud.reloading .power-track{filter:none}#app .power-track [hidden],#app .meter-heading [hidden]{display:none}#app .meter-heading #reload-value{color:#e97568}#app .view-dock,:root.touch-enabled #app .view-dock{position:absolute;left:auto;right:var(--hud-edge);top:18px;bottom:auto;width:var(--utility-width);max-height:none;min-height:76px;display:flex;flex-direction:column;justify-content:center;gap:5px;padding:10px 12px;background:#192b28c9;border:1px solid #e1eddb40;border-radius:6px;color:#eef3e8;z-index:6;pointer-events:auto}.camera-menu-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:32px;padding:6px 8px;border:1px solid #617668;border-radius:4px;background:#10202499;color:#eef3e8;font:inherit;font-size:12px;text-align:left}.camera-menu-toggle>span:last-child{margin-left:12px;border-left:1px solid #617668;padding-left:10px}.camera-menu{position:absolute;top:100%;left:0;right:0;padding:10px;background:#192b28f5;border:1px solid #617668;border-radius:5px;box-shadow:0 6px 18px #0004;max-height:min(400px,calc(100dvh - 130px));overflow:auto}#app .camera-menu[hidden]{display:none}#app .camera-menu .view-controls{position:static;display:flex;width:100%;max-width:none;flex-direction:column;gap:5px;pointer-events:auto}#app .camera-menu .follow-distances{display:contents}#app .camera-menu .view-button{width:100%;min-height:36px;padding:8px 10px;font-size:11px;text-align:left}#app .camera-menu .camera-target{display:block;font-size:11px}#app .camera-menu .camera-target[hidden]{display:none}#app #new-round{margin-bottom:6px}#app .room-chat{right:var(--hud-edge)}.alignment-wrap{position:absolute;left:var(--hud-edge);width:var(--navigation-size);z-index:4;pointer-events:none;color:#eef3e8}#app .minimap-wrap,:root.touch-enabled #app .minimap-wrap{width:var(--navigation-size);right:var(--hud-edge)}.alignment-face{display:block;position:relative;width:var(--navigation-size);height:var(--navigation-size);margin:0 auto;padding:0;border:1px solid #b3d7e25c;border-radius:50%;background:#192b28b0;color:inherit;font:inherit;box-shadow:0 3px 20px #142c3055;pointer-events:auto;touch-action:manipulation;cursor:pointer}.alignment-face>*{pointer-events:none}.alignment-face:focus-visible{outline:2px solid var(--team);outline-offset:3px}#app .hud-dock #drop-mine{min-width:44px;touch-action:manipulation;-webkit-user-select:none;user-select:none}#drop-mine>*{pointer-events:none}#drop-mine:focus-visible{outline:2px solid var(--team);outline-offset:3px;border-radius:3px}.alignment-dial{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible}#app #tank-alignment{position:absolute;left:50%;top:50%;width:84%;height:84%;transform:translate(-50%,-57.5%)}.wind-orbit{position:absolute;top:0;right:0;bottom:0;left:0;transform-origin:center}#app #wind-arrow{position:absolute;left:50%;top:7%;width:30px;height:30px;font-size:clamp(18px,calc(var(--navigation-size)*.11),26px);line-height:30px;text-align:center;color:#b3d7e2;transform:translate(-50%);transform-origin:center}.wind-orbit .wind-reading{position:absolute;left:62%;top:34%;display:block;margin:0;white-space:nowrap;color:#c9e5ed;font-size:11px;line-height:14px;letter-spacing:0;text-align:center;text-shadow:0 1px 3px #102024,0 0 5px #102024;transform-origin:center}.wind-speed-label{display:block;font-size:8px;font-weight:700;line-height:12px;letter-spacing:.6px}.wind-orbit .wind-units{font-size:9px;font-weight:400}#wind-strength{font-weight:700}#app .battlefield.hud-stacked .hud-dock{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px 12px}#app .battlefield.hud-stacked .own-health-hud{grid-column:1;grid-row:1}#app .battlefield.hud-stacked .hud-dock .enemy-hud{grid-column:2;grid-row:1}#app .battlefield.hud-stacked .hud-dock .combat-hud{grid-column:1 / 3;grid-row:2;width:min(440px,100%)}#app .battlefield.hud-narrow .hud-dock{left:var(--hud-edge);right:var(--hud-edge);transform:none;width:auto}#app .battlefield.hud-narrow .postcode-hud{left:var(--hud-edge);width:var(--utility-width)}@media(max-width:1100px){#app .battlefield{--utility-width:clamp(180px,22vw,280px);--navigation-size:190px}#app .enemy-compass,:root.touch-enabled #app .enemy-compass{left:50%;transform:translate(-50%);width:min(440px,calc(100% - 2 * var(--utility-width) - 64px))}#app .hud-dock .combat-hud,:root.touch-enabled #app .hud-dock .combat-hud{grid-template-columns:50px minmax(0,1fr) 50px;gap:10px}}:root.touch-enabled #app .battlefield{--navigation-size:140px}@media(min-width:741px)and (max-width:900px){#app .battlefield{--navigation-size:140px}#app .hud-dock,:root.touch-enabled #app .hud-dock{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px 12px}#app .own-health-hud{grid-column:1;grid-row:1}#app .hud-dock .enemy-hud,:root.touch-enabled #app .hud-dock .enemy-hud{grid-column:2;grid-row:1}#app .hud-dock .combat-hud,:root.touch-enabled #app .hud-dock .combat-hud{grid-column:1 / 3;grid-row:2;width:min(440px,100%)}}@media(max-width:740px){#app .battlefield{--hud-edge:12px;--utility-width: calc((100% - 36px)/2) ;--navigation-size:140px}#app .view-dock,:root.touch-enabled #app .view-dock{padding:8px;min-height:76px}#app .enemy-compass,:root.touch-enabled #app .enemy-compass{left:50%;right:auto;transform:translate(-50%);width:min(440px,calc(100% - 2 * var(--hud-edge)))}#app .hud-dock,:root.touch-enabled #app .hud-dock{left:var(--hud-edge);right:var(--hud-edge);transform:none;width:auto;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px 12px;bottom:34px}#app .own-health-hud{grid-column:1;grid-row:1}#app .hud-dock .enemy-hud,:root.touch-enabled #app .hud-dock .enemy-hud{grid-column:2;grid-row:1;gap:8px;padding:8px 10px}#app .own-health-hud{padding:8px 10px}#app .own-health-hud,#app .enemy-hud{min-height:76px}#app .hud-dock .combat-hud,:root.touch-enabled #app .hud-dock .combat-hud{grid-column:1 / 3;grid-row:2;width:min(440px,100%);min-height:80px;grid-template-columns:50px minmax(0,1fr) 50px;padding:8px 10px;gap:14px}#app .hud-dock .meter-heading{min-height:32px;font-size:8px}#app .hud-dock .meter-heading output{font-size:17px}}:root.touch-enabled #app .battlefield .postcode-hud,:root.touch-enabled #app .battlefield .view-dock{width:var(--top-side-width);padding:8px;min-height:76px}:root.touch-enabled #app .battlefield .postcode-hud{left:var(--hud-edge)}:root.touch-enabled #app .battlefield .enemy-compass{padding:6px 8px 7px}:root.touch-enabled #app .camera-menu-toggle{min-height:40px;gap:4px;padding:6px}:root.touch-enabled #app #camera-view-value{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:root.touch-enabled #app .camera-menu-toggle>span:last-child{margin-left:0;padding-left:6px}:root.touch-enabled #app .battlefield .postcode-hud #location-history-toggle{min-width:32px;min-height:40px;padding:4px}:root.touch-enabled #app .location-entry input{padding:6px 4px;min-height:40px}:root.touch-enabled #app .battlefield{--touch-bottom:max(8px,env(safe-area-inset-bottom))}:root.touch-enabled #app .battlefield .hud-dock{left:var(--hud-edge);right:var(--hud-edge);bottom:var(--touch-bottom);transform:none;width:auto;grid-template-columns:minmax(0,1fr) minmax(240px,1.6fr) minmax(0,1fr);gap:8px}:root.touch-enabled #app .battlefield .own-health-hud{grid-column:1;grid-row:1}:root.touch-enabled #app .battlefield .hud-dock .combat-hud{grid-column:2;grid-row:1;width:100%;grid-template-columns:44px minmax(0,1fr) 52px;gap:12px}:root.touch-enabled #app .battlefield .hud-dock .enemy-hud{grid-column:3;grid-row:1;gap:8px}:root.touch-enabled #app .battlefield .own-health-hud,:root.touch-enabled #app .battlefield .hud-dock .enemy-hud,:root.touch-enabled #app .battlefield .hud-dock .combat-hud{min-height:76px;padding:8px 10px}:root.touch-enabled #app .battlefield .meter-heading{min-height:28px;font-size:8px}:root.touch-enabled #app .battlefield .meter-heading output{font-size:17px}:root.touch-enabled #app .scene-footer{bottom:calc(var(--combat-dock-height,76px) + var(--touch-bottom,8px) + 6px);left:var(--hud-edge);right:var(--hud-edge);font-size:8px}:root.touch-enabled #app .map-heading{display:none}:root.touch-enabled #app .hud-dock #drop-mine{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;align-self:stretch}:root.touch-enabled #app #drop-mine .mine-title{font-size:8px;margin-bottom:4px}:root.touch-enabled #app #mine-dots{flex-direction:column;justify-content:center;gap:3px}:root.touch-enabled #app #mine-dots i{width:6px;height:6px;flex-shrink:0}:root.touch-enabled #app .touch-camera-views{display:grid;grid-template-columns:repeat(7,minmax(24px,1fr));gap:3px}:root.touch-enabled #app .touch-camera-views button{min-height:36px;padding:0;border:1px solid #617668;border-radius:4px;background:#10202499;color:#eef3e8;font:inherit;font-size:12px;touch-action:manipulation}:root.touch-enabled #app .touch-camera-views button[aria-pressed=true]{background:#637855d9;color:#ffd097;border-color:#f4b95f}:root.touch-enabled #app .touch-camera-views button:focus-visible{outline:2px solid var(--team);outline-offset:2px}:root.touch-enabled #app .battlefield.hud-narrow .touch-controls{--pad:112px}:root.touch-enabled #app .battlefield.hud-narrow .hud-dock{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}:root.touch-enabled #app .battlefield.hud-narrow .hud-dock .enemy-hud{grid-column:2;grid-row:1}:root.touch-enabled #app .battlefield.hud-narrow .hud-dock .combat-hud{grid-column:1 / 3;grid-row:2;min-height:62px}:root.touch-enabled #app .battlefield.hud-narrow .own-health-hud,:root.touch-enabled #app .battlefield.hud-narrow .hud-dock .enemy-hud{min-height:60px;padding:6px 8px}:root.touch-enabled #app .battlefield.hud-narrow .touch-camera-views{grid-template-columns:repeat(3,minmax(24px,1fr))}@media(max-height:620px){:root.touch-enabled .touch-controls{--pad:112px}}.graphics-settings{display:grid;grid-template-columns:1fr 120px;gap:8px;align-items:center;margin:10px 0 20px}.graphics-settings label{font-size:8px;letter-spacing:1.3px;color:#889b9f}.graphics-settings select{width:100%;background:#111c21;border:1px solid #3d5155;border-radius:4px;color:#dce6e2;padding:7px 9px;font:inherit;font-size:12px;cursor:pointer}.graphics-settings select:focus-visible{outline:2px solid var(--team);outline-offset:3px}.graphics-settings p{grid-column:1/-1;margin:0;color:#889b9f;font-size:10px;line-height:1.5}.map-navigation[hidden],.map-navigation button[hidden]{display:none}.map-navigation{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:7;overflow:hidden}.map-navigation button{position:absolute;left:0;top:0;pointer-events:auto;touch-action:manipulation;min-width:44px;min-height:44px;padding:0;border:0;border-radius:5px;background:transparent;color:transparent;font-size:0;cursor:pointer}.map-navigation button:disabled{cursor:default}.map-navigation button:focus-visible{outline:2px solid var(--team);outline-offset:2px;background:#fff1}.area-picker{width:min(1100px,calc(100vw - 32px));max-width:none;padding:0;color:#e9eeed;background:#192b28;border:1px solid #62796b;border-radius:10px;overflow:hidden;box-shadow:0 20px 100px #0008}.area-picker::backdrop{background:#10211ecc;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.area-picker header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px 20px}.area-picker h2{margin:0;font-size:24px}.area-picker header p{margin:5px 0 0;font-size:12px;color:#b9c8bc}.area-picker button{border:1px solid #748877;border-radius:4px;background:#243b31;color:#eff3e7;font:inherit;cursor:pointer}.area-picker button:disabled{opacity:.45;cursor:default}.area-picker .area-close{width:44px;height:44px;font-size:26px}.area-map{position:relative;width:100%;height:min(570px,calc(100svh - 210px));min-height:120px;overflow:hidden;touch-action:none;background:#bfcbbc;cursor:crosshair;-webkit-user-select:none;user-select:none}.area-map:active{cursor:grabbing}.area-map:focus-visible{outline:2px solid #f1cf72;outline-offset:-3px}.area-tiles{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.area-tiles img{position:absolute;top:0;left:0;width:256px;height:256px;max-width:none;border:0;pointer-events:none}.area-current{position:absolute;border:2px dashed #ae7616;background:#e2c36422;pointer-events:none;box-sizing:border-box}.area-current span{position:absolute;bottom:100%;left:0;padding:4px 7px;background:#253c30e8;color:#fff3c4;font-size:10px;white-space:nowrap}.area-tools{position:absolute;top:12px;left:12px;display:flex;gap:5px}.area-tools button{min-width:44px;height:44px;background:#192b28ee;font-size:22px;padding:0 12px}.area-tools .area-recentre{font-size:12px}.area-attribution{position:absolute;right:0;bottom:0;padding:4px 7px;background:#edf0e7e8;color:#263b31;font-size:10px}.area-attribution a{color:inherit}.area-picker footer{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:12px 20px;font-size:12px}.area-note{margin:0;color:#d1ddcf}.area-coordinates{white-space:nowrap;font-size:11px;font-variant-numeric:tabular-nums;color:#acc0ac}@media(max-width:600px){.area-picker header{padding:12px}.area-picker h2{font-size:22px}.area-picker header p{font-size:11px;max-width:250px}.area-picker footer{padding:12px;flex-wrap:wrap;gap:6px}.area-map{height:calc(100svh - 215px)}}#minimap{cursor:pointer}#minimap:focus-visible{outline:2px solid #f1cf72;outline-offset:3px;border-radius:50%}.tree-menu{position:absolute;z-index:15;width:210px;padding:8px;background:#192b28f5;border:1px solid #b3d7e266;border-radius:6px;box-shadow:0 6px 24px #10252055;color:#eef3e8;pointer-events:auto}.tree-menu[hidden]{display:none}.tree-menu>[hidden]{display:none}.tree-menu{max-height:calc(100% - 16px);overflow-y:auto}.tree-menu[data-mode=building]{width:230px}.building-swatch{width:24px;height:26px;flex:none;border:1px solid #edf0dc66;border-radius:3px;background:var(--finish-colour)}.building-swatch.brick,.building-swatch.stone{background:repeating-linear-gradient(0deg,transparent 0 5px,#e8e4d266 5px 6px),var(--finish-colour)}.building-swatch.frame{background:repeating-linear-gradient(90deg,transparent 0 13px,#b8b9ae 13px 17px),repeating-linear-gradient(0deg,#44544d 0,#44544d 9px,#b8b9ae 9px,#b8b9ae 13px)}.tree-menu-heading{font:700 10px sans-serif;letter-spacing:1px;padding:7px 8px;color:#cad5c7}.tree-menu button{display:flex;align-items:center;gap:12px;width:100%;min-height:40px;padding:7px 10px;background:transparent;border:0;border-radius:4px;color:inherit;text-align:left;font:inherit;font-size:13px;cursor:pointer}.tree-menu button:hover,.tree-menu button:focus-visible{background:#64795466;outline:1px solid #d5dfae66}.tree-choice-icon{position:relative;width:24px;height:26px;flex:none}.tree-choice-icon:before{content:"";position:absolute;bottom:1px;left:11px;width:3px;height:17px;background:#b2a082}.tree-choice-icon:after{content:"";position:absolute;top:1px;left:2px;width:21px;height:19px;border-radius:50%;background:#8baf77}.tree-choice-icon.slender:after{left:7px;width:12px;height:22px;background:#b7c69c}.tree-choice-icon.conifer:after{left:3px;width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:23px solid #6c9875;border-radius:0;background:transparent}.tree-choice-icon.young:after{left:6px;top:8px;width:14px;height:13px}.tree-choice-icon.random:after{content:"?";display:grid;place-items:center;background:#496746;color:#e4edce;font:700 15px sans-serif}#tree-plant-hint{font-size:11px;padding:6px 10px;max-width:min(340px,85vw);margin:0;background:#192b28b0;border:1px solid #e1eddb30;border-radius:4px;text-align:center;pointer-events:none}#tree-plant-hint[hidden]{display:none}#tree-menu details{border-bottom:1px solid #69766566}#tree-menu summary{cursor:pointer;padding:10px 12px;font-size:14px;font-weight:600}#tree-menu details[open] summary{color:#efd393}#tree-menu{max-height:min(70vh,500px);overflow-y:auto}