:root{--ink:#24392f;--cream:#f3f4e8;--green:#b9d77d;--muted:#8d9c8b;--line:rgba(45,68,50,.18)}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#9dbaac;font-family:Arial,Helvetica,sans-serif;color:var(--ink)}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #e8b84f;outline-offset:3px}button{border:0}button:hover{filter:brightness(1.07)}[hidden]{display:none!important}#world{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none}#vignette{pointer-events:none;position:absolute;inset:0;background:linear-gradient(180deg,#1d3b3e22,transparent 25%,transparent 60%,#172f3860)}#loading{position:absolute;inset:0;background:#263b31;color:var(--green);display:grid;place-items:center;z-index:100;font-size:12px;letter-spacing:.25em}#topbar{position:absolute;left:28px;right:28px;top:23px;display:flex;align-items:center;justify-content:space-between;pointer-events:none}#brand{display:flex;align-items:center;gap:11px;text-decoration:none;color:var(--cream);font-size:17px;font-weight:800;letter-spacing:.07em;text-shadow:0 2px 8px #1a302d55;pointer-events:auto}#brand b{font-weight:400}#brand small{display:block;font-size:8px;letter-spacing:.17em;margin-top:5px;font-weight:500}.insignia{border:1px solid #e9f3d899;border-radius:50%;width:38px;height:38px;display:grid;place-items:center;color:#d4e39c;font-size:31px}.top-actions{display:flex;gap:8px;align-items:center;pointer-events:auto}.top-actions button{width:34px;height:34px;border-radius:4px;background:#f2f3e7e8;color:var(--ink);font-weight:bold;font-size:17px}#fps{font-size:9px;color:#fff;letter-spacing:.1em;margin-right:9px}.panel{position:absolute;background:rgba(246,247,237,.93);backdrop-filter:blur(10px);border:1px solid #ffffff55;border-radius:5px;box-shadow:0 6px 24px #1f3c3b14}.eyebrow{font-size:9px;font-weight:700;letter-spacing:.15em}.eyebrow span{float:right}#mission{left:28px;top:87px;width:285px;padding:16px 18px 13px}.mission-title{display:flex;align-items:center;gap:12px;margin-top:14px}.mission-title>span{font-size:34px;color:#bac8ab;font-weight:800;letter-spacing:-.07em}.mission-title h2{font-size:16px;line-height:1.2;margin:0;max-width:175px}#mission p{font-size:11px;line-height:1.4;margin:9px 0 12px;color:#677360}.progress{height:4px;background:#dce2d2;border-radius:8px;overflow:hidden}.progress i{display:block;background:#7f9f4e;height:100%;width:0;transition:width .15s}.mission-bottom{display:flex;justify-content:space-between;font-size:8px;font-weight:700;letter-spacing:.08em;margin-top:10px;color:#7b876e}#radar{right:28px;top:87px;width:194px;padding:12px}#map{width:100%;height:195px;display:block;cursor:crosshair;margin-top:8px;background:#476553;border-radius:3px}.map-legend{display:flex;gap:16px;font-size:7px;font-weight:bold;letter-spacing:.05em;margin-top:9px}.map-legend i{display:inline-block;width:5px;height:5px;margin-right:3px;border-radius:50%}.green{background:#8ab35a}.red{background:#ce775a}#crosshair{position:absolute;top:50%;left:50%;height:28px;width:28px;transform:translate(-50%,-50%);pointer-events:none;filter:drop-shadow(0 1px 2px #23382f)}#crosshair span{background:#f3f5de;position:absolute;width:7px;height:2px}#crosshair span:nth-child(1){left:0;top:13px}#crosshair span:nth-child(2){right:0;top:13px}#crosshair span:nth-child(3){left:13px;top:0;width:2px;height:7px}#crosshair span:nth-child(4){left:13px;bottom:0;width:2px;height:7px}#crosshair i{position:absolute;left:12px;top:12px;width:4px;height:4px;border-radius:50%;background:#fff}#crosshair.locked span{background:#f0bd61}#crosshair.locked{transform:translate(-50%,-50%) scale(1.15)}#targetLabel{position:absolute;top:calc(50% + 29px);left:50%;transform:translateX(-50%);color:#ffe2a2;font-size:10px;letter-spacing:.06em;text-shadow:0 1px 3px #123;pointer-events:none;text-align:center}#hitFlash{position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 90px 10px #ff502b;opacity:0}#toast{position:absolute;top:31%;left:50%;transform:translateX(-50%);background:#243b30ed;color:#eaf2d8;padding:13px 23px;border-radius:3px;border-left:3px solid var(--green);font-size:12px;letter-spacing:.03em;opacity:0;transition:opacity .2s;pointer-events:none}#toast.show{opacity:1}#controlPanel{position:absolute;bottom:144px;left:28px;right:28px;display:flex;align-items:flex-end;justify-content:space-between;pointer-events:none}.unit-status{width:232px;background:#22392feb;color:var(--cream);padding:15px 17px;border-radius:5px;border-left:3px solid var(--green)}.unit-status .eyebrow{color:#bbd58e;font-size:8px}.unit-status h2{margin:9px 0 10px;font-size:21px;letter-spacing:.02em}.unit-status h2 small{font-size:8px;margin-left:9px;font-weight:400;color:#c9d2bf;letter-spacing:.06em}.health-row{display:flex;align-items:center;gap:10px}.health{height:5px;background:#54674f;flex:1;border-radius:2px;overflow:hidden}.health i{display:block;height:100%;background:#b5d982;transition:width .1s}#healthText{font-size:8px;font-variant-numeric:tabular-nums;min-width:44px}#weapon{display:block;margin-top:9px;font-size:9px;color:#b6c5ac}.orders{pointer-events:auto;width:440px;background:var(--cream);padding:13px 15px;border-radius:5px}.orders-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:11px}#groups{display:flex;gap:4px}#groups button{padding:5px 7px;background:transparent;color:#86927a;font-size:8px;font-weight:bold;border-radius:2px}#groups button.active{background:#dbe5c8;color:#3b5333}.order-buttons{display:flex;gap:6px}.order-buttons>button{flex:1;display:grid;grid-template-columns:auto 1fr;gap:6px;text-align:left;align-items:center;background:#e4e8d9;padding:9px 8px;border-radius:3px;color:#405238}.order-buttons button span{font-size:9px;white-space:nowrap;grid-column:1/3}.order-buttons b{font-size:18px;text-align:right;line-height:18px}.order-buttons button:hover{background:#ccddae}kbd{font-family:inherit;font-size:9px;border:1px solid #8d9e7c66;border-radius:3px;padding:3px 4px;font-weight:600;display:inline-block;line-height:1.2;color:inherit;width:max-content}.order-buttons kbd{font-size:8px;background:#f8f9f0}.order-buttons .selected{background:#c6dba6}#squad{position:absolute;left:28px;right:28px;bottom:38px;display:flex;gap:8px;height:94px}.unit-card{position:relative;flex:1;max-width:220px;min-width:0;border:1px solid #f4f7e1aa;border-radius:4px;overflow:hidden;background:#f0f2e6ed;display:flex;align-items:center;padding:10px;color:#354a37;text-align:left;transition:transform .15s,background .15s}.unit-card:hover{transform:translateY(-4px);background:#fff}.unit-card.active{background:#d5e6b4;border:2px solid #edf6d9;padding:9px;box-shadow:0 -3px #b0d17c}.unit-card.dead{opacity:.42;filter:grayscale(1)}.unit-card canvas{width:74px;height:68px;margin-left:-6px;flex-shrink:0}.unit-card .card-body{flex:1;min-width:0}.card-body strong{display:block;font-size:11px;letter-spacing:.05em}.card-body small{display:block;font-size:8px;color:#78816b;margin-top:4px}.card-hp{height:3px;background:#cbd4bd;margin-top:10px}.card-hp i{display:block;height:100%;background:#789957}.card-order{font-size:7px;letter-spacing:.04em;display:block;margin-top:6px;color:#6c7c61}.unit-card>kbd{position:absolute;left:5px;top:5px;font-size:7px;padding:2px;background:#f6f8ecaa}.unit-card.active .card-order{font-weight:bold;color:#3a5931}#hints{position:absolute;left:28px;right:28px;bottom:10px;display:flex;justify-content:center;gap:22px;color:#e4e9dc;font-size:8px;text-shadow:0 1px 3px #253e36}#hints kbd{font-size:7px;margin-right:5px;padding:2px 4px;background:#2c423b55;border-color:#ffffff33}.overlay{position:absolute;inset:0;z-index:20;background:#162b2c38;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(4px)}#briefing{justify-content:flex-start;backdrop-filter:none;background:linear-gradient(90deg,#1c332ce8, #1e352bc9 33%,#2a413d22 64%,transparent);color:var(--cream)}.briefing-card{width:590px;margin:3vh 0 0 6.2vw;padding:34px 20px 34px 0}.briefing-card>.eyebrow{display:flex;gap:9px;align-items:center;color:#caddac;font-size:10px;letter-spacing:.19em}.tiny-star{font-size:19px}.edition{color:#9bad93;margin-left:30px;font-size:8px}.briefing-card h1{font-size:clamp(38px,4.1vw,66px);line-height:1.04;font-weight:900;letter-spacing:-.045em;margin:32px 0 24px}.briefing-card h1 em{font-style:normal;color:#c4dd91}.intro{font-size:13px;line-height:1.8;color:#d3dbc9;max-width:370px}.briefing-mission{padding:20px 0 23px;margin-top:23px;border-top:1px solid #cedcbb33;max-width:390px}.briefing-mission>span{font-size:9px;color:#cee29b;letter-spacing:.17em;font-weight:700}.briefing-mission p{font-size:12px;line-height:1.6;color:#c6d2bf;max-width:340px}.steps{display:flex;gap:15px;align-items:center;margin-top:19px}.steps span{font-size:10px}.steps b{display:inline-grid;place-items:center;width:21px;height:21px;border:1px solid #c4dc8d66;margin-right:7px;color:#d0e59d;font-size:9px;border-radius:50%}.steps i{color:#748b6d;font-style:normal}.primary{background:#c2dc8c;color:#273a25;display:flex;align-items:center;justify-content:space-between;padding:18px 23px;width:100%;font-size:11px;font-weight:800;letter-spacing:.12em;border-radius:3px}.primary span{font-size:23px;font-weight:400;line-height:12px}.briefing-card .primary{max-width:390px}.briefing-tip{display:block;line-height:1.9;color:#96a992;font-size:9px;margin-top:16px}.cover-tag{position:absolute;bottom:57px;right:55px;text-align:right}.cover-tag>span{font-size:48px;color:#e6ecc9}.cover-tag p{font-size:16px;letter-spacing:.13em;font-weight:800;line-height:1.4;color:#f3f5e4;text-shadow:0 2px 4px #173f3e}.cover-tag small{color:#e1e6d2;font-size:9px}.modal{background:#f0f2e4;border:1px solid #ffffff77;width:420px;max-width:94vw;padding:34px;border-radius:7px;box-shadow:0 15px 80px #15352a55}.modal h1{font-size:35px;letter-spacing:-.035em;margin:15px 0}.modal>p{font-size:13px;line-height:1.7;color:#718069;margin-bottom:23px}.secondary{display:block;width:100%;background:#dfe5d3;margin-top:9px;padding:13px;font-size:11px;border-radius:3px;color:#536546}.help-modal{width:680px}.help-modal h1{font-size:30px}.help-grid{display:grid;grid-template-columns:1fr 1fr;gap:4px 25px}.help-grid p{margin:10px 0}.help-grid kbd{background:#e0e7d1;font-size:10px}.help-grid span{display:block;font-size:11px;line-height:1.5;margin-top:7px;color:#697a5f}.modal>.help-note{font-size:11px;border-top:1px solid var(--line);padding-top:14px;margin-top:16px}#resumePointer{position:absolute;left:50%;bottom:263px;transform:translateX(-50%)}#captureBtn{background:#243d30de;color:#e5edcd;padding:11px 16px;border:1px solid #d4e3b855;border-radius:3px;font-size:10px;white-space:nowrap}#captureBtn kbd{margin-left:9px;font-size:7px}#tacticalBanner{position:absolute;top:80px;left:50%;transform:translateX(-50%);text-align:center;background:#243b30ed;color:#d7e8b5;border:1px solid #a3be7680;padding:12px 18px;border-radius:4px;font-size:11px;font-weight:800;letter-spacing:.14em}#tacticalBanner small{display:block;font-size:9px;font-weight:400;letter-spacing:0;line-height:1.4;margin-top:6px;max-width:300px}#fatal{position:absolute;inset:0;z-index:200;padding:10vw;background:#243b30;color:#f0f4e6;font-size:18px;line-height:1.6}body.cover #mission,body.cover #radar,body.cover #controlPanel,body.cover #squad,body.cover #hints,body.cover #crosshair,body.cover #pauseBtn,body.cover #helpBtn,body.cover #targetLabel{visibility:hidden}body.cover #brand{opacity:.8}body.cover #fps{display:none}
@media(min-width:1500px){#squad{right:auto;width:1050px}.orders{width:480px}}@media(max-width:1000px){#radar{width:145px}#map{height:155px}.unit-card{padding:8px}.unit-card canvas{width:51px;height:58px}.card-body strong{font-size:9px}.card-body small{font-size:7px}.orders{width:390px}.cover-tag{right:25px}.briefing-card{margin-left:5vw;width:520px}}@media(max-width:720px){#topbar{top:12px;left:12px;right:12px}#brand{font-size:12px}#brand small{font-size:6px}.insignia{width:28px;height:28px;font-size:22px}#mission{left:12px;top:59px;width:220px;padding:12px}.mission-title h2{font-size:13px}.mission-title{margin-top:6px}.mission-title>span{font-size:27px}#radar{right:12px;top:59px;width:112px;padding:8px}#map{height:122px}.map-legend{font-size:5px;gap:5px}#radar .eyebrow{font-size:6px}#controlPanel{left:12px;right:12px;bottom:119px}.unit-status{width:168px;padding:11px}.unit-status h2{font-size:16px}.unit-status h2 small{font-size:6px;margin-left:4px}.orders{width:calc(100% - 178px);padding:10px}.orders-top>.eyebrow{display:none}#groups button{font-size:7px;padding:4px}.order-buttons{gap:3px}.order-buttons>button{padding:6px 4px}.order-buttons button span{font-size:7px}.order-buttons b{display:none}.order-buttons kbd{font-size:7px}#squad{left:12px;right:12px;bottom:31px;height:77px;gap:4px}.unit-card{display:block;text-align:center;padding:6px 4px}.unit-card.active{padding:5px 3px}.unit-card canvas{display:none}.card-body strong{font-size:9px;margin-top:8px}.card-body small{font-size:6px}.card-hp{margin-top:7px}.card-order{font-size:5px}#hints{left:12px;right:12px;gap:8px;font-size:6px;bottom:8px}#hints span:nth-child(5){display:none}#hints kbd{font-size:6px;margin-right:2px}.briefing-card{padding:10px 20px;margin:55px 0 0;width:100%;max-width:510px}.briefing-card h1{font-size:39px;margin:20px 0 15px}.intro{font-size:11px;line-height:1.7}.briefing-mission{margin-top:17px;padding:14px 0 17px}.briefing-mission p{font-size:11px}.cover-tag{display:none}.briefing-tip{font-size:8px}.briefing-card>.eyebrow{font-size:8px}.edition{margin-left:12px;font-size:7px}.help-grid{gap:0 16px}.help-modal{padding:22px}.help-modal h1{font-size:25px}.help-grid span{font-size:10px}#tacticalBanner{top:200px;width:230px}#resumePointer{bottom:236px}}
@media(max-height:680px){.briefing-card{margin-top:30px}.briefing-card h1{font-size:40px;margin:18px 0}.intro{font-size:11px;line-height:1.6}.briefing-mission{padding:14px 0;margin-top:15px}.briefing-tip{margin-top:10px}.briefing-card .primary{padding:15px 20px}.cover-tag{bottom:35px}#radar{width:145px}#map{height:130px}}

body.cover #topbar{z-index:21}#tacticalBanner{top:27%;}body:not(.cover) #toast{top:38%;}

.audio-controls{position:relative;display:flex;align-items:center;gap:8px}.volume-control{display:flex;flex-direction:column;gap:4px;background:#f2f3e7ed;padding:6px 8px;border-radius:4px;color:#526348}.volume-control span{font-size:6px;letter-spacing:.1em;font-weight:700}#volume{width:68px;height:8px;margin:0;accent-color:#7b9d52;cursor:pointer}#targetBracket{position:absolute;transform:translate(-50%,-50%);width:40px;height:40px;pointer-events:none;filter:drop-shadow(0 1px 2px #273c30);color:#ffd276}#targetBracket i{position:absolute;width:9px;height:9px;border-color:currentColor;border-style:solid;border-width:0}#targetBracket i:nth-child(1){left:0;top:0;border-left-width:2px;border-top-width:2px}#targetBracket i:nth-child(2){right:0;top:0;border-right-width:2px;border-top-width:2px}#targetBracket i:nth-child(3){left:0;bottom:0;border-left-width:2px;border-bottom-width:2px}#targetBracket i:nth-child(4){right:0;bottom:0;border-right-width:2px;border-bottom-width:2px}#hitmarker{position:absolute;left:50%;top:50%;width:38px;height:38px;transform:translate(-50%,-50%);pointer-events:none;opacity:0;filter:drop-shadow(0 1px 2px #263a2d)}#hitmarker i{position:absolute;width:9px;height:2px;background:#ffe5aa}#hitmarker i:nth-child(1){left:2px;top:6px;transform:rotate(45deg)}#hitmarker i:nth-child(2){right:2px;top:6px;transform:rotate(-45deg)}#hitmarker i:nth-child(3){left:2px;bottom:6px;transform:rotate(-45deg)}#hitmarker i:nth-child(4){right:2px;bottom:6px;transform:rotate(45deg)}#targetLabel{font-size:9px;letter-spacing:.07em;color:#f2e6be}body.cover #targetBracket,body.cover #hitmarker{display:none}#crosshair.locked i{background:#ffd276}@media(max-width:720px){.volume-control{padding:6px}#volume{width:45px}.top-actions{gap:5px}.top-actions button{width:29px;height:29px}#targetLabel{font-size:7px}}

#driveStatus{display:block;margin-top:8px;color:#d4dfa9;font-size:10px;letter-spacing:.05em;font-variant-numeric:tabular-nums}#movementHint{display:inline}#hints>span:first-child{white-space:nowrap}@media(max-width:720px){#hints>span:first-child{max-width:220px;overflow:hidden;text-overflow:ellipsis}}

#settingsBtn{width:34px;height:34px;border-radius:4px;background:#f2f3e7e8;color:var(--ink);font-size:16px}.settings-modal{width:760px;max-width:94vw;max-height:92vh;overflow:auto;padding:30px 34px}.settings-modal h1{margin-bottom:7px}.settings-modal>.eyebrow{display:flex;justify-content:space-between;gap:14px;align-items:center}.settings-modal>.eyebrow span{float:none;color:#78925a;font-size:8px}.settings-intro{font-size:11px!important;line-height:1.5!important;margin:0 0 15px!important}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:4px 22px}.setting-row{display:grid;grid-template-columns:1fr auto;gap:5px 12px;border-top:1px solid #4d62421e;padding:10px 1px 8px;align-items:center}.setting-row>span{font-size:11px;font-weight:700}.setting-row output{float:right;color:#557346;font-variant-numeric:tabular-nums;font-size:10px;margin-left:10px}.setting-row input{width:100%;margin:0;accent-color:#81a34c;cursor:pointer;grid-column:1/3}.setting-row small{grid-column:1/3;color:#818b75;font-size:8px;margin-top:-3px}.settings-actions{display:flex;gap:10px;align-items:center;justify-content:space-between;margin-top:15px}.settings-actions .secondary{width:auto;display:inline-block;margin:0;padding:15px}.settings-actions .primary{width:155px}body.cover #settingsBtn{display:none}@media(max-width:720px){#settingsBtn{width:29px;height:29px;font-size:14px}.settings-modal{padding:22px 20px;max-height:92vh}.settings-grid{grid-template-columns:1fr;gap:0}.setting-row{padding:8px 1px}.settings-modal h1{font-size:26px}.settings-intro{font-size:10px!important}.settings-actions{align-items:stretch;flex-direction:column}.settings-actions .primary,.settings-actions .secondary{width:100%}}

.speed-control{grid-column:1/3;display:flex;align-items:center;gap:10px}.setting-row .speed-control input[type="range"]{flex:1;min-width:60px;width:auto;grid-column:auto}.setting-row .speed-control input[type="number"]{flex:none;width:88px;height:30px;padding:4px 7px;border:1px solid #aab99b;border-radius:3px;background:#fafbf4;color:#344b37;font:700 12px Arial,Helvetica,sans-serif;font-variant-numeric:tabular-nums}.speed-control input[type="number"]:focus{outline:2px solid #a1bf72;outline-offset:1px}@media(max-width:720px){.speed-control{gap:8px}.setting-row .speed-control input[type="number"]{width:78px}}
 .briefing-card .skirmish-button{max-width:390px;display:flex;align-items:center;justify-content:space-between;text-align:left;color:#f2eee6;background:#853b35e8;border:1px solid #d88a6877;letter-spacing:.1em;font-weight:800}.briefing-card .skirmish-button span{font-size:22px;color:#f0c1a3}

#mission>.eyebrow{display:flex;justify-content:space-between}#mission>.eyebrow span{float:none}
.unit-status #suitPower{margin-top:10px;color:#b7d8d0;font-size:8px;letter-spacing:.08em}.unit-status #suitPower>div:first-child{display:flex;justify-content:space-between}.unit-status #suitPower small{display:block;margin-top:5px;font-size:6px;color:#9db9b4}.suit-energy{height:3px;background:#344c4b;border-radius:3px;overflow:hidden;margin-top:5px}.suit-energy i{display:block;height:100%;width:100%;background:#70d0c4;transition:width .15s}#powerMenu{position:absolute;inset:0;z-index:18;pointer-events:auto;background:radial-gradient(ellipse at center,#13242945 0,transparent 43%)}.power-center,.power-option{position:absolute;left:50%;top:50%;pointer-events:auto;transform:translate(-50%,-50%);border:1px solid #8dc2bc77;background:#1e3438ed;color:#e5f2ed;box-shadow:0 8px 32px #08141777;border-radius:6px}.power-center{width:188px;padding:17px 15px;text-align:center;display:grid;gap:7px}.power-center>b{font-size:9px;letter-spacing:.12em}.power-center>span{font-size:13px;font-weight:800;color:#8dd7cb;letter-spacing:.09em}.power-center small{font-size:7px;color:#c2d4cf;letter-spacing:.08em}.power-center .suit-energy{height:5px}.power-option{width:178px;min-height:74px;padding:11px 13px;text-align:left;cursor:pointer;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:3px 9px}.power-option:hover,.power-option.selected{background:#315658;border-color:#9ee4d8;box-shadow:0 0 24px #70d0c455}.power-option kbd{grid-row:1/3;border-color:#9dc9c366;background:#233e42;font-size:9px}.power-option>span{font-size:10px;font-weight:800;letter-spacing:.1em}.power-option>small{font-size:7px;color:#b1c7c2}.power-cloak{top:calc(50% - 130px)}.power-armor{left:calc(50% + 190px)}.power-speed{top:calc(50% + 130px)}.power-strength{left:calc(50% - 190px)}@media(max-width:600px){.power-option{width:140px;min-height:65px;padding:8px}.power-center{width:150px;padding:12px 10px}.power-cloak{top:calc(50% - 118px)}.power-speed{top:calc(50% + 118px)}.power-armor{left:calc(50% + 148px)}.power-strength{left:calc(50% - 148px)}.power-option>span{font-size:8px}.power-option>small{font-size:6px}}


.power-hint{padding:0;background:transparent;border:0;color:inherit;text-shadow:inherit;font:inherit}

#selectionBox{position:fixed;pointer-events:none;z-index:10;border:1px solid #e2ed9c;background:#c3dd8b25;box-shadow:0 0 0 1px #22392f44}#tacticalBanner{pointer-events:none;top:70px!important;max-width:360px}#tacticalSelection{display:block;font-size:9px;letter-spacing:.04em;margin-top:7px;color:#fff}.unit-card.tactical-selected{box-shadow:inset 0 0 0 2px #98b75e,0 -3px #b0d17c;background:#d5e6b4}

body.tactical-view.tactical-mouse-pan #world{cursor:grab}body.tactical-view.tactical-mouse-pan #world:active{cursor:grabbing}

.mouse-pan-setting input[type="checkbox"]{grid-column:2;grid-row:1;justify-self:end;width:18px;height:18px;accent-color:#81a34c}.mouse-pan-setting small{grid-row:2}@media(max-width:720px){}

html,body{overscroll-behavior:none}button{touch-action:manipulation}.touch-briefing,.touch-help{display:none}
#touchControls{position:fixed;inset:0;z-index:18;pointer-events:none;user-select:none;-webkit-user-select:none}#touchControls button,#touchMove{pointer-events:auto;touch-action:none;-webkit-tap-highlight-color:transparent}#touchControls button{min-width:44px;min-height:44px;border:1px solid #d6e5bc77;border-radius:12px;background:#273f34df;color:#edf4d9;font-weight:800;font-size:10px;text-shadow:0 1px 2px #173529}#touchControls button.held,#touchControls button.selected{background:#b8d787;color:#233e29;text-shadow:none}#touchMove{position:absolute;left:max(20px,env(safe-area-inset-left));bottom:max(24px,env(safe-area-inset-bottom));width:118px;height:118px;border:2px solid #e2edc65c;border-radius:50%;background:#263d3670;box-shadow:inset 0 0 24px #162e2e55}#touchMoveKnob{position:absolute;width:46px;height:46px;left:34px;top:34px;background:#d9e9acb0;border:1px solid #eef5d1cc;border-radius:50%;pointer-events:none}#touchMove small{position:absolute;left:0;right:0;bottom:12px;text-align:center;font-size:8px;color:#e2edc9;letter-spacing:.12em;pointer-events:none}#touchFire{position:absolute;right:max(22px,env(safe-area-inset-right));bottom:max(28px,env(safe-area-inset-bottom));width:84px;height:84px;border-radius:50%!important;background:#a66d3de8!important;font-size:13px!important}#touchFire.held{background:#e4b65f!important}#touchAim{position:absolute;right:max(32px,env(safe-area-inset-right));bottom:127px;width:58px;height:52px}#touchSprint{position:absolute;right:120px;bottom:max(34px,env(safe-area-inset-bottom));width:58px;height:52px}#touchBar{position:absolute;left:155px;right:185px;bottom:92px;display:flex;justify-content:center;flex-wrap:wrap;gap:5px}#touchBar button{padding:5px 8px;font-size:9px;border-radius:7px;min-width:44px}#touchLookHint{position:absolute;right:18px;bottom:190px;color:#e7edd7;font-size:9px;text-shadow:0 1px 4px #1d332c;pointer-events:none}#touchControls .touch-map-only{display:none}body.tactical-view #touchControls .touch-map-only{display:block}body.tactical-view #touchControls .touch-direct-only{display:none}body.tactical-view #touchBar{left:155px;right:20px;bottom:86px}
body.touch-ui #resumePointer,body.touch-ui #hints{display:none!important}body.touch-ui{user-select:none;-webkit-user-select:none}body.touch-ui input{user-select:text;-webkit-user-select:text}body.touch-ui #topbar{top:max(9px,env(safe-area-inset-top));left:max(14px,env(safe-area-inset-left));right:max(14px,env(safe-area-inset-right))}body.touch-ui #brand{font-size:12px;gap:7px}body.touch-ui #brand small,body.touch-ui #fps,body.touch-ui .volume-control{display:none}body.touch-ui .top-actions{gap:5px}body.touch-ui .top-actions button{width:40px;height:40px}body.touch-ui .insignia{width:30px;height:30px;font-size:25px}body.touch-ui #mission{left:max(14px,env(safe-area-inset-left));top:60px;width:167px;padding:9px 11px}body.touch-ui #mission p{display:none}body.touch-ui .mission-title{margin-top:4px;gap:7px}body.touch-ui .mission-title>span{font-size:25px}body.touch-ui .mission-title h2{font-size:12px}body.touch-ui .mission-bottom{font-size:6px;margin-top:7px}body.touch-ui #mission .progress{margin-top:6px}body.touch-ui #radar{right:max(14px,env(safe-area-inset-right));top:60px;width:110px;padding:6px}body.touch-ui #map{height:108px;margin-top:4px}body.touch-ui .map-legend{display:none}body.touch-ui #radar .eyebrow{font-size:7px}body.touch-ui #controlPanel{top:60px;bottom:auto;left:195px;right:140px;display:block}body.touch-ui .unit-status{width:min(100%,230px);padding:9px 11px}body.touch-ui .unit-status .eyebrow{font-size:7px}body.touch-ui .unit-status h2{font-size:16px;margin:5px 0}body.touch-ui .unit-status h2 small{font-size:6px}body.touch-ui #controlPanel .orders{display:none}body.touch-ui #squad{left:155px;right:185px;bottom:max(14px,env(safe-area-inset-bottom));height:63px;overflow-x:auto;overflow-y:hidden;gap:5px;scrollbar-width:none;touch-action:pan-x}body.touch-ui #squad::-webkit-scrollbar{display:none}body.touch-ui .unit-card{flex:1 0 67px;max-width:130px;display:block;padding:6px;text-align:center}body.touch-ui .unit-card canvas{display:none}body.touch-ui .unit-card:hover{transform:none}body.touch-ui .card-body strong{margin-top:8px;font-size:9px}body.touch-ui .card-body small{font-size:7px}body.touch-ui .card-order{font-size:6px}body.touch-ui .card-hp{margin-top:5px}body.touch-ui #tacticalBanner{top:60px!important;width:min(42vw,310px);padding:8px 10px;font-size:9px}body.touch-ui #tacticalBanner small{display:none}body.touch-ui #toast{top:43%;max-width:80vw;font-size:11px;padding:9px 14px}body.touch-ui .overlay{overflow:auto;padding:12px}body.touch-ui .modal{max-height:90dvh;overflow:auto;padding:22px}body.touch-ui .primary,body.touch-ui .secondary{min-height:44px}body.touch-ui .touch-briefing,body.touch-ui .touch-help{display:block}body.touch-ui .briefing-tip{display:none}body.touch-ui .touch-briefing{font-size:10px;line-height:1.7;margin-top:12px;color:#c4d4b9}body.touch-ui #briefing .briefing-card{margin-top:0}body.touch-ui .cover-tag{display:none}
@media(orientation:portrait){body.touch-ui #controlPanel{top:158px;left:14px;right:135px}body.touch-ui .unit-status{padding:8px 10px}body.touch-ui #squad{bottom:198px;left:14px;right:14px;height:58px}body.touch-ui #touchBar,body.touch-ui.tactical-view #touchBar{left:14px;right:14px;bottom:266px}body.touch-ui #touchBar button{font-size:8px;padding:5px 7px}body.touch-ui #touchLookHint{bottom:185px;font-size:8px}body.touch-ui #tacticalBanner{top:215px!important;max-width:85vw;width:260px}body.touch-ui #brand{font-size:10px}body.touch-ui .briefing-card{padding:10px 6px;width:100%;margin-left:0}body.touch-ui .briefing-card h1{font-size:35px}body.touch-ui .briefing-mission{margin-top:12px;padding:12px 0}body.touch-ui .briefing-mission p{font-size:11px}body.touch-ui .help-grid{grid-template-columns:1fr}}
@media(orientation:landscape) and (max-height:520px){body.touch-ui #briefing .briefing-card{width:600px;margin:0 auto;padding:10px 20px}body.touch-ui .briefing-card h1{font-size:28px;margin:10px 0}body.touch-ui .briefing-card .intro{font-size:11px;line-height:1.4;margin:6px 0}body.touch-ui .briefing-mission{display:none}body.touch-ui .briefing-card .primary{padding:12px 16px}body.touch-ui .briefing-card .secondary{padding:11px;margin-top:6px}body.touch-ui .touch-briefing{font-size:9px;margin-top:7px}body.touch-ui .edition{font-size:7px}body.touch-ui #weapon{margin-top:4px}body.touch-ui .help-grid{grid-template-columns:1fr 1fr}}

body.touch-ui .card-hp{display:block;height:3px}body.touch-ui .card-order{margin-top:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}body.touch-ui #targetLabel{font-size:8px}body.touch-ui #touchLookHint{opacity:.7}

body.touch-ui.tactical-view #touchZoomIn,body.touch-ui.tactical-view #touchZoomOut{position:fixed;right:max(32px,env(safe-area-inset-right));width:52px;height:52px;font-size:24px}body.touch-ui.tactical-view #touchZoomIn{bottom:126px}body.touch-ui.tactical-view #touchZoomOut{bottom:63px}

body.touch-ui .top-actions button{width:44px;height:44px}body.touch-ui .setting-row input[type="range"]{height:30px}

body.touch-ui #touchSprint{right:calc(120px + env(safe-area-inset-right))}body.touch-ui #touchBar{left:calc(155px + env(safe-area-inset-left));right:calc(185px + env(safe-area-inset-right))}body.touch-ui #squad{left:calc(155px + env(safe-area-inset-left));right:calc(185px + env(safe-area-inset-right))}body.touch-ui.tactical-view #touchBar{right:calc(20px + env(safe-area-inset-right))}body.touch-ui .overlay{padding:max(12px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left))}@media(orientation:portrait){body.touch-ui #squad,body.touch-ui #touchBar,body.touch-ui.tactical-view #touchBar{left:max(14px,env(safe-area-inset-left));right:max(14px,env(safe-area-inset-right))}}

#satelliteAltitude{display:inline-block;margin-left:8px;color:#fff;font-size:10px;font-weight:400;letter-spacing:.04em}
.battlefield-picker{display:grid;gap:7px;margin:12px 0 10px}.battlefield-picker>span{font-size:8px;font-weight:800;letter-spacing:.16em;color:#becdaa}.battlefield-picker select{width:100%;min-height:43px;border:1px solid #d7dfc5;border-radius:3px;background:#f2f3e7;color:#273b30;padding:0 12px;font:700 12px Arial,Helvetica,sans-serif;letter-spacing:.025em;touch-action:manipulation}.battlefield-picker select:focus-visible{outline:3px solid #e8b84f;outline-offset:2px}.briefing-mission .steps span>i{font-style:normal}@media(max-width:720px){.battlefield-picker{margin:9px 0}.battlefield-picker select{min-height:44px;font-size:11px}.battlefield-picker>span{font-size:7px}}@media(orientation:landscape) and (max-height:520px){body.touch-ui .battlefield-picker{margin:6px 0}body.touch-ui .battlefield-picker select{min-height:38px}}

#regionalLegend{display:inline-block;margin:6px 10px;color:#e6edcf;font-size:9px;font-weight:700;letter-spacing:.06em;white-space:nowrap}
/* Army selection and faction identity share the existing responsive HUD. */
#briefing{overflow-y:auto;align-items:safe center}.army-picker{margin-top:8px}.faction-description{font-size:10px;line-height:1.5;color:#c4d4b9;max-width:390px;min-height:30px;margin:6px 0 14px}.army-picker select{border-color:var(--army-color,#91b863)}.unit-status{border-left-color:var(--army-color,#91b863)}.unit-card.active{box-shadow:0 -3px var(--army-color,#91b863)}.card-hp i{background:var(--army-color,#789957)}#regionalLegend{display:inline-flex;flex-wrap:wrap;gap:8px 14px;max-width:min(92vw,640px)}#regionalLegend i{display:inline-block;width:8px;height:8px;border-radius:2px;margin-right:5px}#regionalLegend span{white-space:nowrap}@media(max-height:760px){.briefing-card{margin-top:0;padding-top:18px;padding-bottom:18px}.briefing-card h1{margin-top:15px;margin-bottom:14px}.briefing-mission{margin-top:12px;padding-top:12px;padding-bottom:12px}}

.day-clock{display:inline-flex;align-items:center;white-space:nowrap;padding:7px 10px;border:1px solid #dae6be66;border-radius:4px;background:#203a2ed9;color:#e7eccf;font-size:9px;font-weight:700;letter-spacing:.06em}.day-clock[data-phase="NOTTE"]{color:#c3d8ff;border-color:#9db8e166}.environment-settings{grid-column:1/-1;padding:12px;border:1px solid #b6c69966;border-radius:5px;background:#e3e9d555}.environment-settings>p{font-size:10px;color:#67765f;margin:7px 0}.environment-settings .setting-row{margin:0;padding:8px 0}.time-presets{display:flex;gap:6px;margin-top:8px}.time-presets button{flex:1;background:#d1ddbc;color:#354a34;padding:10px 6px;border-radius:4px;font-weight:700;font-size:9px;min-height:40px}.time-presets button:hover{background:#bfcea6}body.touch-ui .day-clock{position:absolute;left:50%;top:0;transform:translateX(-50%);font-size:7px;padding:6px 8px}body.touch-ui .time-presets button{min-height:44px}@media(max-height:300px){body.touch-ui .day-clock{display:none}}@media(max-width:720px) and (orientation:landscape){body.touch-ui .day-clock{display:none}}

.hill-status{display:flex;gap:5px;margin-top:10px}.hill-card{flex:1;min-width:0;border:1px solid #a4ae96;border-radius:3px;padding:5px 4px;background:#ffffff66}.hill-card>b{font-size:10px;margin-right:4px}.hill-card>span{font-size:7px;white-space:nowrap}.hill-card>div{height:3px;background:#d8dfce;margin-top:4px;overflow:hidden;border-radius:2px}.hill-card i{display:block;height:100%;transition:width .1s linear}.hill-score{margin-top:5px;font-size:8px;letter-spacing:.04em;font-weight:700;color:#53654b}body.touch-ui .hill-status{gap:3px;margin-top:5px}body.touch-ui .hill-card{padding:3px 2px}body.touch-ui .hill-card>b{font-size:8px;margin-right:2px}body.touch-ui .hill-card>span{font-size:5px}body.touch-ui .hill-score{font-size:6px}

#sniperScope{position:fixed;inset:0;z-index:15;pointer-events:none;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at center,transparent 0 25vmin,#10251a3d 26vmin,#0d1b18a6 58vmin)}
#sniperScope i{position:relative;display:block;width:52vmin;height:52vmin;border:2px solid #d9e8bc99;border-radius:50%;box-shadow:0 0 0 1px #10261a88}
#sniperScope i:before,#sniperScope i:after{content:'';position:absolute;background:#d5e5b5a6}
#sniperScope i:before{height:1px;width:100%;top:50%;left:0}
#sniperScope i:after{width:1px;height:100%;left:50%;top:0}
#sniperScope span{position:absolute;top:calc(50% + 29vmin);font-size:9px;letter-spacing:.16em;color:#e1ebcc}
body.sniper-scoped #crosshair{opacity:.55}