#tacticalInterface{--ice:#97deef;position:fixed;inset:0;z-index:150;background:linear-gradient(110deg,rgba(4,12,20,.96),rgba(6,17,29,.88) 48%,rgba(4,11,18,.97));color:#d9eaf0;padding:4vh 4.5vw 3vh;font-family:'Chakra Petch',sans-serif;opacity:0;transform:translateY(8px);transition:opacity .18s,transform .2s;display:flex;flex-direction:column;box-sizing:border-box}
#tacticalInterface[hidden],#tacticalConfirm[hidden],#tacticalSettings[hidden]{display:none!important}#tacticalInterface.ti-visible{opacity:1;transform:none}
body.tactical-open>#gameCanvas,body.tactical-open canvas:not(.ti-preview canvas){filter:saturate(.28) brightness(.42)}body.tactical-open #hud{visibility:hidden}
#tacticalInterface button,#tacticalConfirm button,#tacticalSettings button{font:inherit;letter-spacing:.12em;color:inherit;border:0;border-radius:0;background:transparent;cursor:pointer;text-align:left;padding:14px 12px;box-shadow:none;text-transform:uppercase}
#tacticalInterface button:hover,#tacticalInterface button:focus-visible,#tacticalConfirm button:hover,#tacticalSettings button:hover{color:#fff;background:rgba(95,197,226,.12);outline:1px solid #6cbdce;outline-offset:-1px}
.ti-top{display:flex;align-items:center;gap:40px;min-height:72px}.ti-kicker{display:block;font-size:11px;letter-spacing:.26em;color:#78a9ba}.ti-top h1{font-size:clamp(22px,2.2vw,38px);font-weight:500;letter-spacing:.17em;margin:9px 0 20px}.ti-mission{margin-left:auto;display:grid;gap:7px;font-size:11px;letter-spacing:.18em}.ti-mission b{font-size:16px;font-weight:400;color:#a6d0df}.ti-close{font-size:11px!important;color:#b2c7d0!important}.ti-close kbd{margin-left:16px}
.ti-tabs{display:flex;border-top:1px solid #345160;border-bottom:1px solid #345160;margin:20px 0 0;gap:16px}.ti-tabs button{position:relative;flex:1;padding:20px 8px!important;font-size:13px!important;white-space:nowrap}.ti-tabs small{font-size:9px;color:#547384;margin-right:12px}.ti-tabs button.selected{color:#c9f8ff!important}.ti-tabs button.selected:after{content:'';position:absolute;bottom:-1px;left:0;right:0;height:2px;background:#9ceaff;box-shadow:0 0 12px #6be2ff88}
.ti-body{flex:1;min-height:0;display:grid;grid-template-columns:minmax(195px,18%) minmax(250px,1fr) minmax(280px,27%);gap:3vw;padding:3.5vh 0 2vh}.ti-list{padding-top:30px;overflow:auto}.ti-list button{width:100%;display:flex;gap:12px;align-items:center;padding:23px 12px!important;border-bottom:1px solid #223744!important;font-size:12px!important;line-height:1.6;position:relative}.ti-list button small{color:#527888;font-size:10px}.ti-list button.selected{background:linear-gradient(90deg,#36607855,transparent)!important;border-left:2px solid #a6ecff!important;color:#d8f8ff!important}.ti-list button em{position:absolute;font-size:8px;bottom:5px;left:36px;font-style:normal;letter-spacing:.16em;color:#77c4d9}
.ti-stage{position:relative;min-width:0;display:flex;flex-direction:column;background:radial-gradient(ellipse at 50% 52%,#29547026,transparent 66%)}.ti-stage:after{content:'';position:absolute;left:10%;right:10%;bottom:15%;height:1px;background:linear-gradient(90deg,transparent,#50768a55,transparent);pointer-events:none}.ti-stage-heading{display:grid;gap:9px;padding:10px 0;text-align:center}.ti-stage-heading span{color:#526f7d;font-size:9px;letter-spacing:.24em}.ti-stage-heading b{font-size:11px;font-weight:400;letter-spacing:.15em;color:#8bb8ca}.ti-preview{flex:1;min-height:0;position:relative;cursor:grab;touch-action:none}.ti-preview:active{cursor:grabbing}.ti-preview canvas{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;filter:none!important;z-index:auto!important;background:transparent!important}.ti-turntable{display:flex;align-items:center;justify-content:center;gap:6px;min-height:38px}.ti-turntable span{font-size:8px;letter-spacing:.12em;color:#5f8395;margin-right:10px}.ti-turntable button{font-size:10px!important;padding:8px!important}.ti-classified{position:absolute;inset:30% 8%;text-align:center;color:#537181}.ti-classified span{font-size:70px;color:#375868}.ti-classified h2{font-size:16px;letter-spacing:.22em;font-weight:400}.ti-classified p{font-size:13px;line-height:1.6}.ti-classified[hidden]{display:none}
.ti-detail{padding-top:28px;overflow:auto;scrollbar-width:thin;scrollbar-color:#345361 transparent}.ti-detail h2{font-size:clamp(22px,2vw,34px);font-weight:500;line-height:1.22;letter-spacing:.055em;margin:12px 0 25px}.ti-detail h3{font-size:10px;letter-spacing:.2em;color:#7eb4c6;margin:25px 0 9px;font-weight:500}.ti-detail p{font-size:14px;line-height:1.7;color:#a9beca;margin:0}.ti-detail .ti-muted{font-size:11px;color:#688b9d;margin-top:20px}.ti-ammo{display:flex;align-items:center;gap:18px;margin-bottom:28px}.ti-ammo strong{font-size:62px;font-weight:400;color:#b5eaf7;line-height:1}.ti-ammo span{font-size:24px;color:#7b9fb1}.ti-ammo small{display:block;font-size:8px;letter-spacing:.15em;margin-top:8px}.ti-stat{display:flex;justify-content:space-between;gap:18px;font-size:11px;border-bottom:1px solid #263e4b;padding:12px 0;line-height:1.6}.ti-stat span{color:#7c9ead;letter-spacing:.08em}.ti-stat b{font-weight:400;text-align:right;color:#d0e3eb}.ti-primary{border:1px solid #70b9cb!important;width:100%;margin:22px 0 0;color:#bceefa!important;font-size:12px!important;display:flex;justify-content:space-between}.ti-meter{height:3px;background:#1c303d;margin:9px 0 18px}.ti-meter i{display:block;background:#d39770;height:100%}.ti-meter.shield i{background:#8ddae9}
.ti-footer{border-top:1px solid #294350;padding-top:18px;display:flex;justify-content:space-between;gap:20px;font-size:9px;letter-spacing:.14em;color:#6e97a9}.ti-footer i{display:inline-block;width:5px;height:5px;background:#86cad9;margin-right:10px}.ti-footer kbd,.ti-close kbd{font:inherit;color:#b8d9e7;border:1px solid #3c5d6d;padding:3px 6px;margin-left:10px}.ti-reading .ti-body{grid-template-columns:minmax(195px,22%) 1fr;gap:7vw}.ti-reading .ti-detail{max-width:850px;padding-right:8vw}.ti-document{font-size:clamp(18px,1.7vw,28px)!important;line-height:1.85!important;color:#c4d6e0!important;margin-top:35px!important}.ti-document-tag{font-size:11px!important;color:#648b9e!important;letter-spacing:.18em}.ti-signature{border-top:1px solid #294553;margin-top:50px;padding-top:18px;font-size:9px;letter-spacing:.18em;color:#567c8f}.ti-reading .ti-stat{padding:16px 0;font-size:13px}
#pauseScreen,#gameOverScreen{background:linear-gradient(105deg,#040b13f5,#061321b8)!important;backdrop-filter:none!important}#pauseScreen .panel,#gameOverScreen .panel{background:none!important;border:0!important;box-shadow:none!important;text-align:left!important;width:520px!important;max-width:80vw;padding:40px!important}#pauseScreen h2,#gameOverScreen h2{font-family:'Chakra Petch',sans-serif;letter-spacing:.12em;font-size:34px;font-weight:400}#pauseScreen button,#gameOverScreen button{display:block;width:100%;text-align:left;border:0;border-bottom:1px solid #365360;border-radius:0;background:none;box-shadow:none;color:#c4e0ed;letter-spacing:.14em;font-size:12px;padding:18px 8px;margin:0}#pauseScreen button:hover,#gameOverScreen button:hover{background:#528ca32b;color:white}#pauseScreen .eyebrow,#gameOverScreen .eyebrow{color:#70afc4;letter-spacing:.24em;font-size:11px}#gameOverScreen .eyebrow{color:#e6997b}#gameOverScreen p{color:#8daab9;font-size:14px;line-height:1.8}
#tacticalConfirm,#tacticalSettings{position:fixed;inset:0;z-index:200;background:#02080eeb;display:grid;place-items:center;color:#d0e7f1;font-family:'Chakra Petch',sans-serif}#tacticalConfirm>div,#tacticalSettings>div{width:520px;max-width:80vw;border-top:1px solid #78bdd2;padding:30px}#tacticalConfirm h2,#tacticalSettings h2{font-size:30px;letter-spacing:.1em;font-weight:400}#tacticalConfirm p,#tacticalSettings p{color:#96b4c4;line-height:1.8;font-size:14px}#tacticalConfirm nav{display:flex;justify-content:space-between;margin-top:30px;border-top:1px solid #314c5b}#tacticalConfirm [data-confirm]{color:#d9b09a}body.ti-restarting:after{content:'';position:fixed;inset:0;background:#000;z-index:999;animation:tiFade .18s forwards}@keyframes tiFade{from{opacity:0}to{opacity:1}}
@media(max-width:1100px){#tacticalInterface{padding:2vh 3vw}.ti-tabs{gap:2px}.ti-tabs button{font-size:10px!important}.ti-tabs small{margin-right:5px}.ti-body{grid-template-columns:170px minmax(180px,1fr) 270px;gap:18px}.ti-top{gap:10px}.ti-mission{display:none}.ti-close{margin-left:auto}.ti-detail p{font-size:12px}.ti-detail h3{margin-top:15px}.ti-detail h2{font-size:23px}.ti-ammo strong{font-size:45px}.ti-turntable span{display:none}.ti-footer{font-size:8px}.ti-tabs{margin-top:5px}}
@media(prefers-reduced-motion:reduce){#tacticalInterface{transition:none;transform:none}}

#tacticalInterface [hidden]{display:none!important}#tacticalInterface h2{color:#d4eaf4;text-shadow:none}#tacticalInterface .ti-tabs button small{display:inline-block}.ti-reading .ti-detail{grid-column:2;grid-row:1}.ti-preview-unavailable .ti-preview:after{content:"PREVIEW LINK UNAVAILABLE";position:absolute;inset:40% 10%;color:#8eb9c8;font-size:12px;letter-spacing:.2em}

.ti-supply-layout{display:grid;grid-template-columns:minmax(260px,1fr) 1fr;gap:30px;align-items:start}.ti-supply-map{width:100%;max-height:60vh;font:12px monospace}.ti-map-legend{font-size:11px!important;line-height:1.9!important}.ti-preview{background:radial-gradient(ellipse at 50% 75%,rgba(60,85,105,.20),transparent 65%)}@media(max-width:1050px){.ti-supply-layout{grid-template-columns:1fr}.ti-supply-map{max-height:40vh}}

.ti-stage{min-height:0}.ti-turntable{flex-shrink:0;flex-wrap:wrap;min-height:40px}.ti-turntable span{width:100%;text-align:center;margin:0}.ti-stage-heading{flex-shrink:0}
@media (max-width:620px){#tacticalSettings{overflow:hidden;display:block;padding:0}#tacticalSettings>div{width:100%;max-width:none;height:100dvh;max-height:none;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:28px 22px 56px;box-sizing:border-box}#tacticalSettings .settings-category{padding-bottom:22px}#tacticalSettings h2{margin-top:18px}}
@media (orientation:landscape) and (max-height:620px){#tacticalSettings>div{height:100vh;min-height:100vh;overflow-y:scroll;touch-action:pan-y;padding-bottom:90px}#titleSettings{height:100vh;max-height:none;overflow-y:scroll;touch-action:pan-y;padding-bottom:90px}}