#settings-open{position:fixed;right:26px;top:82px;z-index:45;padding:10px 18px;background:#15272be8;color:#edf4dc;border:1px solid #8c9a81;cursor:pointer}#game-settings{position:fixed;inset:0;z-index:150;background:#071313d9;display:grid;place-items:center;backdrop-filter:blur(8px)}#game-settings[hidden],#beginner-guide[hidden],#story-wayfinder[hidden]{display:none!important}.settings-card{width:min(480px,90vw);max-height:86vh;overflow:auto;background:#182929;border:1px solid #839879;padding:24px;color:#eff4e4}.settings-card h2{margin:0 0 8px}.settings-card label{display:block;margin:20px 0;font-size:15px}.settings-card select{display:block;width:100%;margin-top:8px;background:#243939;color:white;padding:8px}.settings-card input[type=range]{display:block;width:100%;margin-top:12px;accent-color:#d8ef8b}.settings-card output{float:right}.settings-card button,#beginner-guide button{padding:10px;border:1px solid #839879;background:#283d35;color:#f0f6df;cursor:pointer}.settings-actions{display:flex;gap:8px;flex-wrap:wrap}.tutorial-check input{margin-right:10px}#beginner-guide{position:fixed;z-index:44;top:145px;left:28px;max-width:min(350px,75vw);padding:16px;background:#142925ed;border-left:3px solid #d9ed93;color:#f5f6df;pointer-events:auto}#beginner-guide small{color:#d9ed93}#beginner-guide p{line-height:1.5}#story-wayfinder{position:fixed;top:110px;left:50%;transform:translateX(-50%);white-space:pre-line;text-align:center;color:#e4f4b0;font-size:14px;line-height:1.8;text-shadow:0 2px 5px #000;pointer-events:none;z-index:35;background:#14241b99;padding:6px 16px;border-radius:3px}@media(max-width:900px){#settings-open{top:8px;right:115px;font-size:11px;padding:7px}#beginner-guide{top:65px;left:12px;padding:10px;max-width:240px;font-size:12px}#story-wayfinder{top:55px;font-size:11px;max-width:40vw}.settings-card{padding:16px}.settings-card label{margin:12px 0}#story-radio{max-width:55vw}}
#tutorial-entry{display:block;margin:8px 0;padding:12px 24px;background:#253b33;color:#ebf5d8;border:1px solid #aaba89;cursor:pointer;min-width:160px}
body.tutorial-active #story-radio,body.tutorial-active .objective{visibility:hidden!important}html[data-client=mobile] #story-radio{top:105px;width:42vw;max-width:440px}html[data-client=mobile] #story-wayfinder{top:56px;font-size:11px;line-height:1.4}html[data-client=mobile] #touch-actions button{overflow-wrap:anywhere;font-size:10px}html[data-client=mobile] #tutorial-entry{width:100%;margin:8px 0}@media(orientation:portrait){html[data-client=mobile] #story-radio{top:205px;width:88vw}html[data-client=mobile] #story-wayfinder{top:165px;max-width:90vw;width:88vw}html[data-client=mobile] #beginner-guide{top:65px;max-width:62vw}}
#settings-open{z-index:120}
/* v286: warm neutral surfaces and one selection accent, no stacked blue boxes. */
#game-settings{background:#121310c9;backdrop-filter:blur(4px)}.settings-card{box-sizing:border-box;width:min(560px,94vw);padding:30px 32px;border:1px solid #68695c;border-radius:16px;background:#252621;color:#f2f0e8;box-shadow:0 20px 70px #0008;scrollbar-color:#73766a transparent}.settings-card h2{font-size:27px;letter-spacing:.04em;margin:0 0 10px}.settings-card>small{color:#aaa99f;display:block;padding-bottom:12px}.settings-card label{padding:14px 0;margin:0;border-bottom:1px solid #ffffff12;font-size:14px}.settings-card select{border:1px solid #636559;border-radius:7px;background:#34362e;color:#f1eee4;padding:10px;outline-offset:3px}.settings-card output{color:#d6dcad;font-variant-numeric:tabular-nums}.settings-card input[type=range]{height:6px;accent-color:#bbc68c;margin:18px 0 10px;cursor:pointer}.settings-card input[type=checkbox]{accent-color:#bbc68c;width:18px;height:18px;vertical-align:middle}.settings-actions{padding-top:20px;gap:10px}.settings-card button{border:1px solid #5f6254;background:#34362e;border-radius:7px;color:#e9e9df;padding:10px 14px}.settings-card #settings-close{background:#c3cba1;color:#20231b;border-color:transparent;margin-left:auto}.settings-card button:hover{filter:brightness(1.12)}#settings-open{background:#252720e8;border-color:#7b806a;border-radius:7px;color:#efefe4}
#garage aside{background:#20221dec!important;border:1px solid #c6c9b323;border-radius:12px;padding:20px!important;box-shadow:0 14px 50px #0003;scrollbar-color:#777b67 transparent}#garage .label{border:0;background:none;color:#bbbeb0;margin:12px 0 6px;font-size:12px}#garage select,#garage input[type=search],#garage #search{background:#2c2f26!important;color:#eceee2!important;border:1px solid #656c5055!important;border-radius:6px;box-shadow:none;padding:8px}#garage #cards{background:none;border:0;padding:0 3px 0 0}#garage .card{background:transparent;border:0;border-bottom:1px solid #c9cdb323;border-radius:0;margin:0;padding:12px 10px;box-shadow:none}#garage .card.active{background:#c6cf9b16;border-bottom-color:#c2cd9470}#garage .card.active:before{background:#bdca8f;width:3px}#garage .card .num,#garage .card small{color:#a3a895}#garage .card .class{color:#c2c7b1}#garage #storybrief{background:none;border:0;border-left:2px solid #9ba77955;padding:10px 12px;color:#c4c8b8;line-height:1.7}#garage button{border-radius:6px}#garage #start{box-shadow:0 -8px 20px #20221d;background:#becb8d;color:#20251b}#garage .specs{border-color:#ffffff1a}#garage #tutorial-entry{background:transparent;border-color:#727b5455;color:#d6ddc1}html[data-client=mobile] #garage aside{background:#20221df5!important}@media(max-height:500px){.settings-card{padding:16px 22px}.settings-card label{padding:9px 0}.settings-actions{position:sticky;bottom:-16px;background:#252621;padding:12px 0}.settings-card h2{font-size:22px}}
.settings-card :focus-visible,#garage :focus-visible{outline:2px solid #bbc68c;outline-offset:3px}#garage .factions button{background:#30332a;border:1px solid #6d735344;color:#daddcf}#garage .factions button.active{background:#b7c58b1e;border-color:#bbc68c;color:#f4f6ec}
/* Keep the primary garage path short; secondary details are opt-in. */
#garage aside[data-compact]{gap:10px;padding:18px;}
#garage aside[data-compact] [hidden]{display:none!important}
#garage aside[data-compact] .mode-label{margin:0;padding:4px 0;}
#garage aside[data-compact] #cards{flex:1 0 165px;min-height:165px;max-height:280px;overflow:auto;}
#garage aside[data-compact] .garage-details{flex:none;border-top:1px solid #ffffff20;padding:8px 0;}
#garage .garage-details summary{cursor:pointer;font-size:13px;color:#d4d6cb;list-style-position:inside;}
#garage .garage-details[open] summary{margin-bottom:12px;}
#garage aside[data-compact] #storybrief{font-size:12px;line-height:1.5;max-height:75px;overflow:auto;margin:0;}
#garage aside[data-compact] #start{position:static;flex:none;margin:0;}
#garage aside[data-compact] #practice,#garage aside[data-compact] #tutorial-entry{padding:8px;margin:0;min-height:34px;}
#garage aside[data-compact]>.note{display:none}
#garage aside[data-compact]>.label{margin:0;padding:0;font-size:12px;}
#garage aside[data-compact]>.factions{margin:0;gap:8px;}
#garage aside[data-compact]>label{margin:0;}
#garage aside[data-compact]>.factions button{padding:10px;}
#garage aside[data-compact] #cards{flex:1 1 165px;}

body.vehicle-scoped #scope .scope-cross{inset:0;width:100%;height:100%;transform:none;border:0;background:none}
body.vehicle-scoped #scope .scope-cross::after{display:none}
body.vehicle-scoped .scope-cross svg{width:100%;height:100%;overflow:hidden}
body.vehicle-scoped .scope-cross path{fill:none;stroke:#151916;stroke-width:1;filter:drop-shadow(0 0 1px #d9dfc9)}
body.vehicle-scoped .scope-cross text{fill:#151916;stroke:#d9dfc9;stroke-width:.3px;paint-order:stroke;font:11px monospace;text-anchor:middle}
body.vehicle-scoped #scope>span{top:auto;bottom:7%;font:11px monospace;opacity:.65}
body.vehicle-scoped #scope #range{display:none}
body.vehicle-scoped #sight-alignment{top:auto!important;bottom:11%;font:11px monospace!important;opacity:.7}

#settings-open{top:22px;right:24px;width:36px;height:36px;padding:7px;display:grid;place-items:center;border-radius:50%;background:#20251dcc}
#settings-open svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.5}
header #pause{display:none}
.settings-title-row{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:10px}
.settings-title-row h2{margin:0}.settings-title-row #sound{margin:0;font-size:13px}
body:has(#garage.hidden) header{display:none!important}
@media(max-width:900px){#settings-open{top:12px;right:12px;width:36px;height:36px}}

#modal{position:fixed;z-index:140;pointer-events:auto}#modal:not(.hidden){display:grid!important}#modal.hidden{display:none!important}

#battle-pause{position:fixed;inset:0;margin:auto;width:min(360px,90vw);max-height:90vh;overflow:auto;padding:28px;border:1px solid #68715b;border-radius:12px;background:#1e2823;color:#f0f2e9;z-index:2147483647;text-align:center}#battle-pause:not([open]){display:none}#battle-pause::backdrop{background:#06100bc9;backdrop-filter:blur(4px)}#battle-pause button{display:block;width:100%;padding:13px;margin-top:10px}#battle-pause [data-action=resume]{background:#d4ec88;color:#192116}#battle-pause h2{margin:0 0 18px;font-size:26px}

body.vehicle-scoped #sight-alignment{font:700 clamp(18px,2vw,25px) system-ui!important;opacity:1!important;bottom:17%!important;padding:8px 16px;background:#09120dcc;border:1px solid #baca9c80;border-radius:6px;text-shadow:0 2px 3px #000}#ammo-switch{position:fixed;right:20px;bottom:95px;z-index:46;padding:10px 14px;background:#14231ee8;border:1px solid #9baa83;font-size:14px}#ammo-switch[hidden]{display:none}body.vehicle-scoped .scope-cross svg[data-family=digital] path{stroke:#87b887}

body.vehicle-scoped .scope-cross text{font-size:12px;stroke-width:.55px}

#scope-combat-status{position:fixed;left:50%;bottom:23%;transform:translateX(-50%);z-index:48;pointer-events:none;white-space:pre-line;text-align:center;color:#e9edbf;background:#111b17b8;padding:7px 14px;border-radius:4px;font:600 16px/1.7 system-ui;text-shadow:0 1px 3px #000}#scope-combat-status[hidden]{display:none}

body.vehicle-scoped #sight-alignment{font:600 13px system-ui!important;padding:3px 8px!important;bottom:17%!important;border-radius:3px;opacity:.88!important}

body.vehicle-scoped .scope-cross svg[data-channel=thermal] path{stroke:#e6eee3;filter:drop-shadow(0 0 1px #111)}
body.vehicle-scoped .scope-cross svg[data-channel=thermal] text{fill:#e6eee3;stroke:#111}

#sight-equipment-info{font:12px/1.6 system-ui;color:#bfc5bb;margin:8px 0}#sight-equipment-info summary{cursor:pointer}#sight-equipment-info p{margin:5px 0}#sight-equipment-info a{color:inherit}body.vehicle-scoped #scope>span{font-size:12px;max-width:90vw;margin:auto}

/* v326: engraving owns its original colours and lettering, not the old HUD skin. */
body.vehicle-scoped .scope-cross svg [data-optic] path{stroke:inherit;stroke-width:inherit;filter:none}
body.vehicle-scoped .scope-cross svg [data-optic] text{fill:inherit;stroke:none;font-family:Arial,sans-serif;font-size:inherit;paint-order:normal}
body.vehicle-scoped .scope-cross svg [data-ballistic-aid] path{stroke:inherit;filter:none}
body.vehicle-scoped .scope-cross svg [data-ballistic-aid] text{fill:currentColor;stroke:none;font:11px Arial,sans-serif}

/* The same hit replay stays above the optical mask in scoped view. */
body.vehicle-scoped #hud{z-index:12}
body.vehicle-scoped #hitreport{z-index:13}
body.vehicle-scoped #artilleryfeedback:not(.hidden){display:block!important;z-index:14}

/* Keep ammunition controls above the minimap, including narrow desktop windows. */
#ammo-switch{right:20px;bottom:auto;top:var(--ammo-switch-top,60%);max-width:min(300px,45vw);white-space:normal}html[data-client=mobile] #ammo-switch{font-size:11px;padding:5px 8px;max-width:40vw;min-height:30px}

#hitmodules[hidden]{display:none!important}#hitreport #hitresult{font-size:clamp(17px,2vw,24px)!important;line-height:1.35}#hitreport{width:min(320px,32vw);max-height:calc(100vh - 300px);overflow:hidden}body.tutorial-active #hitreport{left:auto;right:16px;top:90px;max-height:calc(100vh - 340px)}#tutorial-vehicle{max-width:100%;margin-top:8px;padding:6px;background:#23302c;color:#fff}#beginner-guide label{display:block;font-size:12px}html[data-client=mobile] #hitreport{left:8px;right:auto;top:150px;width:32vw;max-height:calc(100vh - 260px)}html[data-client=mobile] #hitreport #hitview,html[data-client=mobile] #hitview canvas{height:90px!important}

#hitreport,body.tutorial-active #hitreport,html[data-client=mobile] #hitreport{left:auto;right:16px;pointer-events:none}html[data-client=mobile] #hitreport{width:min(240px,36vw)}@media(max-height:550px){html[data-client=mobile] #hitreport #hitview,html[data-client=mobile] #hitview canvas{height:48px!important}html[data-client=mobile] #hitreport #hitresult{font-size:16px!important}}

html:not([data-client=mobile]) #hitreport #hitview,html:not([data-client=mobile]) #hitview canvas{height:190px!important}#beginner-guide{max-height:calc(100vh - 190px);overflow:auto}

html:not([data-client=mobile]) #supportbar{position:fixed;left:auto;right:20px;top:auto;bottom:230px;transform:none;flex-direction:column;align-items:flex-end;max-width:200px}
html:not([data-client=mobile]) #supportbar small{display:none}
body.tutorial-active #mapopen{position:static;transform:none}


/* Minimap is hidden while scoped; replay must retain enough room for its canvas. */
#hitreport{position:fixed}body.scoped.vehicle-scoped #hitreport:not(.hidden){display:block!important}body.scoped.vehicle-scoped #hitview{display:block!important}

/* Tactical panel is anchored to the viewport, clear of the right HUD stack. */
body #tactical{inset:72px auto auto 50%;transform:translateX(-50%);width:min(480px,calc(100vw - 32px));max-height:calc(100dvh - 88px);box-sizing:border-box;z-index:110}
body #bigmap{width:min(100%,calc(100dvh - 245px));height:auto;aspect-ratio:1;flex-shrink:0}
@media(max-height:500px){body #tactical{top:8px;max-height:calc(100dvh - 16px);padding:8px;gap:4px}body #tactical p{display:none}body #bigmap{width:min(100%,calc(100dvh - 110px))}}

#tutorial-transition{position:fixed;inset:0;z-index:10000;display:grid;place-items:center;background:#101a1cf5;color:#e7edcb;font-size:22px}#tutorial-transition[hidden]{display:none}

#training-hit-test{position:fixed;left:20px;top:160px;z-index:30;padding:10px;background:#24342e;color:#ebedcf;border:1px solid #9caa80}#training-hit-test[hidden]{display:none}