/* Six Crowns Chronicle v5.33 tactical SRPG beta */
.tactical-start-btn,
.tactical-skill-btn{
  border-color:#d9b762!important;
  background:linear-gradient(180deg,#6b5420,#35270d)!important;
  color:#fff4c9!important;
  box-shadow:0 0 18px rgba(226,188,86,.22);
}
.war-battle-choice{align-items:stretch}
.war-battle-choice button{min-width:120px}

.tactical-screen{
  min-height:100vh;
  color:#edf3ff;
  background:
    radial-gradient(circle at 30% 10%,rgba(45,76,132,.28),transparent 35%),
    linear-gradient(135deg,#070b14,#111a2c 48%,#090d17);
  overflow:auto;
}
.tactical-header{
  min-height:74px;
  display:grid;
  grid-template-columns:minmax(220px,1fr) auto auto;
  gap:24px;
  align-items:center;
  padding:10px 24px;
  border-bottom:1px solid rgba(213,182,96,.32);
  background:linear-gradient(180deg,rgba(18,26,44,.98),rgba(8,13,24,.96));
  box-shadow:0 10px 30px rgba(0,0,0,.35);
  position:sticky;
  top:0;
  z-index:30;
}
.tactical-header h1{margin:2px 0 0;font-size:clamp(18px,2vw,27px);letter-spacing:.06em}
.tactical-chapter{font-size:10px;letter-spacing:.22em;color:#d8bb69}
.tactical-phase{
  min-width:170px;
  text-align:center;
  padding:7px 22px;
  border:1px solid rgba(103,158,255,.65);
  background:linear-gradient(90deg,rgba(20,62,126,.74),rgba(35,94,173,.4),rgba(20,62,126,.74));
  transform:skewX(-10deg);
  box-shadow:0 0 24px rgba(61,128,255,.22);
}
.tactical-phase>*{display:block;transform:skewX(10deg)}
.tactical-phase span{font-size:10px;letter-spacing:.2em;color:#b8d1ff}
.tactical-phase b{font-size:16px;letter-spacing:.12em}
.tactical-phase.enemy{
  border-color:rgba(255,100,100,.7);
  background:linear-gradient(90deg,rgba(126,20,20,.74),rgba(173,35,35,.4),rgba(126,20,20,.74));
  box-shadow:0 0 24px rgba(255,61,61,.22);
}
.tactical-army-count{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.tactical-army-count span{padding:7px 11px;border:1px solid rgba(255,255,255,.12);border-radius:7px;background:rgba(255,255,255,.045);font-size:12px}
.tactical-army-count span:first-child b{color:#82b7ff}.tactical-army-count span:last-child b{color:#ff8d8d}

.tactical-layout{
  width:min(1500px,100%);
  margin:0 auto;
  padding:16px;
  display:grid;
  grid-template-columns:minmax(620px,1fr) minmax(280px,340px);
  gap:16px;
  align-items:start;
}
.tactical-map-wrap{
  min-width:0;
  border:1px solid rgba(216,184,91,.28);
  border-radius:13px;
  padding:10px;
  background:rgba(6,10,18,.72);
  box-shadow:0 16px 50px rgba(0,0,0,.38);
}
.tactical-objective{
  min-height:34px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  font-size:12px;
  color:#cbd5eb;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.055),transparent);
}
.tactical-objective b:first-child{color:#83b9ff}.tactical-objective b:last-of-type{color:#ff9292}
.tactical-objective i{width:1px;height:14px;background:rgba(255,255,255,.2);margin:0 8px}
.tactical-map{
  --tile-w:calc(100% / var(--cols));
  position:relative;
  width:100%;
  aspect-ratio:12 / 10;
  overflow:hidden;
  border:2px solid #172238;
  background:#263248;
  box-shadow:inset 0 0 50px rgba(0,0,0,.45);
  touch-action:manipulation;
}
.tactical-tiles,
.tactical-units{position:absolute;inset:0;display:grid;grid-template-columns:repeat(var(--cols),1fr);grid-template-rows:repeat(var(--rows),1fr)}
.tactical-tiles{z-index:1}.tactical-units{z-index:3;pointer-events:none}
.tactical-tile{
  position:relative;
  min-width:0;
  min-height:0;
  margin:0;
  padding:0;
  border:1px solid rgba(12,20,31,.26);
  border-radius:0;
  overflow:hidden;
  cursor:pointer;
  background:#56754d;
  box-shadow:none;
}
.tactical-tile:hover{filter:brightness(1.1)}
.tactical-tile>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.28;filter:saturate(.75) contrast(1.05)}
.tactical-tile.terrain-plain{background:linear-gradient(135deg,#607951,#4e6844)}
.tactical-tile.terrain-forest{background:linear-gradient(135deg,#244e36,#183a2b)}
.tactical-tile.terrain-fort{background:linear-gradient(135deg,#5c5d63,#373b44)}
.tactical-tile.terrain-river{background:linear-gradient(135deg,#28577d,#173c64)}
.tactical-tile.terrain-bridge{background:linear-gradient(135deg,#9a7545,#664725)}
.tactical-tile.terrain-mountain{background:linear-gradient(135deg,#555a61,#343840)}
.tactical-tile.terrain-gate{background:linear-gradient(135deg,#705b50,#423833)}
.tactical-tile.reachable{
  z-index:2;
  border-color:rgba(91,174,255,.72);
  box-shadow:inset 0 0 0 999px rgba(32,116,255,.24),inset 0 0 16px rgba(62,162,255,.75);
}
.tactical-tile.danger-target{box-shadow:inset 0 0 0 999px rgba(255,43,43,.18)}
.move-dot{position:absolute;width:26%;aspect-ratio:1;border-radius:50%;left:37%;top:37%;background:rgba(144,211,255,.85);box-shadow:0 0 12px #64bfff}

.tactical-unit{
  pointer-events:auto;
  position:relative;
  grid-column:calc(var(--tx) + 1);
  grid-row:calc(var(--ty) + 1);
  align-self:center;
  justify-self:center;
  width:74%;
  aspect-ratio:1;
  padding:0;
  margin:0;
  border-radius:50%;
  border:2px solid #77b6ff;
  background:#12243e;
  box-shadow:0 3px 12px rgba(0,0,0,.62),0 0 12px rgba(55,145,255,.52);
  overflow:visible;
  cursor:pointer;
  transition:transform .12s,filter .12s,box-shadow .12s;
}
.tactical-unit:hover{transform:scale(1.08);z-index:8}
.tactical-unit.enemy{border-color:#ff7676;background:#461b22;box-shadow:0 3px 12px rgba(0,0,0,.62),0 0 12px rgba(255,65,65,.44)}
.tactical-unit.selected{transform:scale(1.12);box-shadow:0 0 0 3px #fff,0 0 24px #4aa4ff;z-index:9}
.tactical-unit.enemy.attackable{animation:tacticalTargetPulse .8s infinite alternate;box-shadow:0 0 0 3px rgba(255,226,90,.95),0 0 25px #ff3b3b;z-index:8}
.tactical-unit.done{filter:grayscale(.8) brightness(.55)}
.tactical-unit>img{position:absolute;inset:4%;width:92%;height:92%;object-fit:cover;object-position:top;border-radius:50%;background:#101827}
.tactical-unit-type{position:absolute;right:-7%;bottom:8%;width:30%;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;background:#17243a;border:1px solid #b9c9e7;color:#fff;font-size:clamp(8px,1vw,12px);font-weight:800}
.tactical-crown{position:absolute;left:50%;top:-24%;transform:translateX(-50%);color:#ffe17d;text-shadow:0 0 8px #ff9d00;font-size:clamp(13px,1.8vw,22px)}
.tactical-mini-hp{position:absolute;left:2%;right:2%;bottom:-11%;height:7%;min-height:3px;background:#1a1010;border:1px solid #111;overflow:hidden}
.tactical-mini-hp i{display:block;height:100%;background:linear-gradient(90deg,#e44343,#75df7e)}
@keyframes tacticalTargetPulse{to{transform:scale(1.12);filter:brightness(1.3)}}

.tactical-map-legend{display:flex;justify-content:center;gap:16px;flex-wrap:wrap;padding:9px 4px 0;font-size:11px;color:#abb7ce}
.tactical-map-legend span{display:flex;align-items:center;gap:5px}.tactical-map-legend i{width:10px;height:10px;border-radius:50%;display:inline-block}
.tactical-map-legend .ally{background:#5fa7ff}.tactical-map-legend .enemy{background:#ff6868}.tactical-map-legend .move{background:#4ca4ff}.tactical-map-legend .target{background:#ffcf52}

.tactical-sidebar{display:flex;flex-direction:column;gap:12px;position:sticky;top:92px}
.tactical-unit-card,.tactical-empty-select,.tactical-command-box,.tactical-log{
  border:1px solid rgba(255,255,255,.11);
  border-radius:12px;
  background:linear-gradient(160deg,rgba(26,37,60,.96),rgba(12,19,33,.98));
  padding:13px;
  box-shadow:0 12px 30px rgba(0,0,0,.22);
}
.tactical-empty-select{min-height:140px;display:flex;flex-direction:column;justify-content:center;text-align:center;color:#9facbf}
.tactical-empty-select b{font-size:17px;color:#e9efff}.tactical-empty-select p{font-size:12px;line-height:1.7;margin:8px 0 0}
.tactical-unit-card-head{display:flex;gap:10px;align-items:center}
.tactical-unit-card-head img{width:64px;height:64px;object-fit:cover;object-position:top;border-radius:9px;border:1px solid rgba(218,184,88,.45);background:#0d1422}
.tactical-unit-card-head div{min-width:0}.tactical-unit-card-head b{display:block;font-size:17px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tactical-unit-card-head span{display:block;color:#cbb86e;font-size:11px;margin-top:5px}
.tactical-hp-row{display:grid;grid-template-columns:auto auto 1fr;align-items:center;gap:8px;margin-top:12px;font-size:12px}
.tactical-hp-row i{height:8px;border-radius:4px;background:#121722;overflow:hidden}.tactical-hp-row em{display:block;height:100%;background:#62d476}.tactical-hp-row i.mid em{background:#e2ba4e}.tactical-hp-row i.low em{background:#e55a5a}
.tactical-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin-top:10px}.tactical-stats span{font-size:11px;padding:5px;text-align:center;background:rgba(255,255,255,.045);border-radius:5px}
.tactical-terrain-bonus{margin-top:8px;font-size:10px;color:#9db4d4}
.tactical-selected-actions{display:flex;gap:6px;flex-wrap:wrap;margin-top:12px}.tactical-selected-actions button{flex:1;min-width:82px;padding:8px 6px;font-size:11px}
.tactical-action-help{font-size:10px;line-height:1.65;color:#abb6ca;margin:10px 0 0}
.tactical-command-box{display:grid;grid-template-columns:1fr 1fr;gap:8px}.tactical-command-box button{padding:11px 6px}.tactical-end-turn{background:linear-gradient(#2b62a4,#173a6b)!important}.tactical-retreat{background:linear-gradient(#633438,#361b20)!important}
.tactical-log{max-height:220px;overflow:auto}.tactical-log>b{display:block;color:#d9bd6a;margin-bottom:7px}.tactical-log p{font-size:10px;line-height:1.45;padding:6px 0;margin:0;border-top:1px solid rgba(255,255,255,.06);color:#bdc7d8}

.tactical-forecast-modal{max-width:760px!important}
.tactical-forecast-grid{display:grid;grid-template-columns:1fr auto 1fr;gap:12px;align-items:center;margin:14px 0}
.tactical-vs{font-weight:900;color:#d8bd69;font-size:19px}
.tactical-forecast-card{display:flex;flex-direction:column;align-items:center;gap:5px;padding:12px;border-radius:11px;border:1px solid rgba(102,169,255,.35);background:rgba(35,78,133,.18)}
.tactical-forecast-card.enemy{border-color:rgba(255,101,101,.35);background:rgba(133,35,35,.18)}
.tactical-forecast-card img{width:90px;height:90px;object-fit:cover;object-position:top;border-radius:10px;background:#101827}
.tactical-forecast-card>span{font-size:11px;color:#bdc8da}.tactical-forecast-label{font-size:10px;color:#d9bd69;letter-spacing:.15em}
.tactical-forecast-values{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;width:100%;margin-top:7px}.tactical-forecast-values span{background:rgba(255,255,255,.06);padding:6px 3px;text-align:center;font-size:10px}.tactical-forecast-values b{display:block;font-size:15px;color:#fff}
.tactical-no-counter{padding:12px;color:#8190a8;font-size:12px}

.tactical-phase-banner{position:fixed;z-index:50;left:50%;top:48%;transform:translate(-50%,-50%) skewX(-12deg);padding:15px 80px;border-top:2px solid #ff7777;border-bottom:2px solid #ff7777;background:linear-gradient(90deg,transparent,rgba(110,10,20,.96),transparent);font-size:clamp(20px,4vw,46px);font-weight:900;letter-spacing:.18em;color:#ffdada;text-shadow:0 0 18px #f33;pointer-events:none;animation:tacticalBanner 1.25s forwards}
@keyframes tacticalBanner{0%{opacity:0;transform:translate(-60%,-50%) skewX(-12deg)}20%,70%{opacity:1;transform:translate(-50%,-50%) skewX(-12deg)}100%{opacity:0;transform:translate(-40%,-50%) skewX(-12deg)}}

.tactical-result-overlay{position:fixed;z-index:80;inset:0;display:grid;place-items:center;padding:20px;background:rgba(3,5,10,.78);backdrop-filter:blur(5px)}
.tactical-result-card{width:min(560px,94vw);padding:30px;text-align:center;border:1px solid #d7b85d;background:linear-gradient(160deg,#17243c,#090f1c);box-shadow:0 0 60px rgba(235,191,67,.2)}
.tactical-result-card.lose{border-color:#b45b61;box-shadow:0 0 60px rgba(230,67,67,.18)}
.tactical-result-card>span{font-size:11px;letter-spacing:.35em;color:#d9bd69}.tactical-result-card.lose>span{color:#ff8e94}
.tactical-result-card h2{font-size:clamp(27px,5vw,47px);margin:7px 0}.tactical-result-card p{color:#b9c5db}
.tactical-result-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:20px 0}.tactical-result-stats div{font-size:10px;padding:10px;background:rgba(255,255,255,.05)}.tactical-result-stats b{display:block;font-size:19px;margin-top:5px;color:#fff}
.tactical-result-card>button{min-width:200px;padding:13px;background:linear-gradient(#785f25,#3e2e10);border-color:#d9bd69;color:#fff4ca}

@media(max-width:980px){
  .tactical-header{grid-template-columns:1fr auto;padding:8px 12px;gap:8px}.tactical-army-count{display:none}
  .tactical-layout{grid-template-columns:1fr;padding:8px}.tactical-map-wrap{padding:6px}.tactical-sidebar{position:static;display:grid;grid-template-columns:1fr 1fr}.tactical-log{grid-column:1/-1}.tactical-command-box{align-self:stretch}
}
@media(max-width:640px){
  .tactical-header{min-height:62px}.tactical-header h1{font-size:15px}.tactical-chapter{font-size:8px}.tactical-phase{min-width:122px;padding:5px 8px}.tactical-phase b{font-size:12px}.tactical-phase span{font-size:8px}
  .tactical-layout{padding:4px;gap:6px}.tactical-map-wrap{border-radius:6px;padding:3px}.tactical-objective{font-size:9px;min-height:27px}.tactical-map-legend{font-size:9px;gap:8px}
  .tactical-unit{width:82%;border-width:1px}.tactical-unit-type{font-size:7px}.tactical-mini-hp{height:5%}
  .tactical-sidebar{display:block}.tactical-sidebar>*{margin-top:7px}.tactical-unit-card,.tactical-empty-select,.tactical-command-box,.tactical-log{border-radius:7px;padding:9px}.tactical-unit-card-head img{width:48px;height:48px}.tactical-unit-card-head b{font-size:14px}.tactical-stats{grid-template-columns:repeat(6,1fr)}.tactical-stats span{font-size:8px;padding:4px 1px}
  .tactical-log{max-height:130px}.tactical-phase-banner{padding:10px 35px}.tactical-forecast-grid{grid-template-columns:1fr auto 1fr;gap:5px}.tactical-forecast-card{padding:7px}.tactical-forecast-card img{width:62px;height:62px}.tactical-forecast-values{grid-template-columns:1fr}.tactical-forecast-values span{padding:3px}.tactical-forecast-values b{display:inline;font-size:11px}
  .tactical-result-card{padding:20px 12px}.tactical-result-stats{gap:4px}.tactical-result-stats div{padding:7px 2px;font-size:8px}.tactical-result-stats b{font-size:15px}
}

/* v5.32 defense battle identity */
.tactical-screen.defense-battle .tactical-header{box-shadow:0 4px 24px rgba(41,112,181,.18)}
.tactical-screen.defense-battle .tactical-map-wrap{border-color:rgba(102,169,255,.28)}


/* v5.33 six-unit deployment and soldier strength */
.tactical-unit-count-select{min-width:110px}
.tactical-army-count span{display:flex;flex-direction:column;gap:1px}
.tactical-army-count small{font-size:9px;color:#aebbd0;font-weight:600;white-space:nowrap}
.tactical-unit-soldiers{position:absolute;left:-7%;bottom:8%;min-width:34%;padding:1px 3px;border-radius:8px;background:#101827;border:1px solid rgba(255,255,255,.55);color:#fff;font-size:clamp(7px,.85vw,10px);font-weight:900;line-height:1.2;z-index:3}
.tactical-force-line{display:flex;justify-content:space-between;gap:8px;align-items:center;margin-top:8px;padding:7px 8px;border-radius:7px;background:rgba(78,124,188,.12);border:1px solid rgba(100,158,235,.2);font-size:10px}
.tactical-force-line b{color:#f4df96}.tactical-force-line span{color:#aebbd0;text-align:right}
@media(max-width:640px){.tactical-force-line{font-size:8px;padding:5px}.tactical-unit-soldiers{font-size:6px;min-width:38%}}

/* =========================================================
   v5.34 Equipment, Dragon Lord and True Dragon tactical UI
   ========================================================= */
.tactical-equipment-line{margin-top:7px;padding:7px 9px;border-radius:9px;background:rgba(44,107,160,.18);border:1px solid rgba(105,195,255,.24);font-size:11px;color:#b9e4ff;line-height:1.4}
.tactical-special-status{margin-top:7px;padding:8px 9px;border-radius:9px;background:linear-gradient(135deg,rgba(90,44,140,.25),rgba(23,67,114,.25));border:1px solid rgba(197,126,255,.3);font-size:11px;color:#ecd7ff;line-height:1.45}
.tactical-item-btn{background:linear-gradient(135deg,#2f855a,#176146)!important;border-color:#77dfaa!important}
.dragon-command-btn{background:linear-gradient(135deg,#774bc5,#402476)!important;border-color:#ca9cff!important}
.true-dragon-command-btn{background:linear-gradient(135deg,#c54c84,#6f245c)!important;border-color:#ff9bd0!important;box-shadow:0 0 16px rgba(255,84,174,.18)}
.true-dragon-card{border-color:rgba(255,104,195,.55)!important;box-shadow:inset 0 0 24px rgba(181,58,155,.12)}
.tactical-unit.true-dragon-unit{box-shadow:0 0 0 2px rgba(255,128,211,.75),0 0 22px rgba(236,80,188,.7)!important}
.tactical-unit.summoned-unit{box-shadow:0 0 0 2px rgba(238,194,82,.8),0 0 24px rgba(239,168,45,.55)!important}
.true-dragon-mark{position:absolute;right:-5px;top:-7px;color:#ff9bdd;font-size:18px;text-shadow:0 0 8px #ff49bd;z-index:5}
.tactical-item-modal,.tactical-special-modal{width:min(620px,92vw);max-height:84vh;overflow:auto}
.tactical-item-list,.tactical-special-targets{display:grid;gap:8px;margin:12px 0}
.tactical-item-row{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;padding:11px;border-radius:12px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.1)}
.tactical-item-row>div{display:flex;flex-direction:column;gap:3px}.tactical-item-row span{font-size:11px;color:#b7c1d7}.tactical-item-row small{font-size:10px;color:#77ddb0}
.tactical-special-targets{grid-template-columns:repeat(2,minmax(0,1fr))}
.tactical-special-targets button{display:grid;grid-template-columns:54px 1fr;grid-template-rows:auto auto;gap:3px 10px;align-items:center;text-align:left;padding:10px;border-radius:12px;background:rgba(27,44,76,.8);border:1px solid rgba(131,180,255,.28)}
.tactical-special-targets img{grid-row:1/3;width:54px;height:54px;object-fit:cover;border-radius:10px}.tactical-special-targets b{color:#fff}.tactical-special-targets span{font-size:10px;color:#aebfe0}
.true-dragon-special-modal{border-color:rgba(255,105,205,.42)!important}
.tactical-lilia-cutin{position:fixed;inset:0;z-index:10020;pointer-events:none;display:flex;align-items:center;justify-content:center;overflow:hidden;background:linear-gradient(90deg,transparent 0,rgba(20,16,60,.92) 18%,rgba(46,23,90,.95) 70%,transparent 100%);animation:liliaCutinIn 1.9s ease both}
.tactical-lilia-cutin:before,.tactical-lilia-cutin:after{content:"";position:absolute;left:-10%;width:120%;height:2px;background:linear-gradient(90deg,transparent,#d9adff,#70d8ff,transparent);box-shadow:0 0 18px #ad66ff}.tactical-lilia-cutin:before{top:27%}.tactical-lilia-cutin:after{bottom:27%}
.tactical-lilia-cutin img{position:relative;width:min(300px,42vw);height:min(300px,42vw);object-fit:cover;object-position:top;border-radius:50%;border:3px solid rgba(226,186,255,.85);box-shadow:0 0 40px rgba(172,77,255,.75);z-index:2;transform:translateX(-7vw)}
.tactical-lilia-cutin>div:last-child{position:relative;z-index:2;display:flex;flex-direction:column;gap:7px;min-width:min(520px,55vw);transform:translateX(-3vw)}
.tactical-lilia-cutin small{letter-spacing:.28em;color:#9bdcff;font-size:12px}.tactical-lilia-cutin b{font-family:serif;font-size:clamp(28px,5vw,64px);color:#fff;text-shadow:0 0 20px #aa60ff}.tactical-lilia-cutin span{font-size:clamp(12px,1.8vw,20px);color:#eadcff}
.tactical-lilia-cutin.true-dragon{background:linear-gradient(90deg,transparent 0,rgba(52,10,52,.94) 16%,rgba(103,18,84,.95) 72%,transparent 100%)}
.tactical-lilia-cutin.true-dragon img{border-color:#ffb0df;box-shadow:0 0 55px rgba(255,55,184,.85)}
.tactical-lilia-energy{position:absolute!important;inset:-30%!important;transform:none!important;background:conic-gradient(from 0deg,transparent,#7edcff33,transparent,#ff62cb44,transparent);animation:liliaEnergySpin 2s linear infinite}
@keyframes liliaCutinIn{0%{opacity:0;clip-path:inset(48% 0)}12%{opacity:1;clip-path:inset(25% 0)}25%,82%{opacity:1;clip-path:inset(20% 0)}100%{opacity:0;clip-path:inset(48% 0)}}
@keyframes liliaEnergySpin{to{rotate:360deg}}
@media(max-width:720px){.tactical-special-targets{grid-template-columns:1fr}.tactical-lilia-cutin{justify-content:flex-start;padding-left:5vw}.tactical-lilia-cutin img{width:42vw;height:42vw;transform:none}.tactical-lilia-cutin>div:last-child{min-width:48vw;transform:none}.tactical-lilia-cutin small{font-size:8px}.tactical-lilia-cutin span{font-size:10px}}


/* =========================================================
   v5.38 Tactical deployment editor
   ========================================================= */
.tactical-deployment-modal{width:min(1120px,96vw);max-height:92vh;overflow:auto;border-color:rgba(125,177,255,.38)}
.tactical-deploy-headline{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;margin:4px 0 12px;padding:10px 13px;border-radius:12px;background:linear-gradient(90deg,rgba(49,91,157,.26),rgba(19,29,52,.72));border:1px solid rgba(113,164,241,.23)}
.tactical-deploy-headline span{color:#f2cb70;font-weight:800}.tactical-deploy-headline b{font-size:18px}.tactical-deploy-headline small{color:#9fb0cc}
.tactical-deploy-stock{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:12px}
.tactical-deploy-stock span{display:flex;align-items:center;gap:5px;padding:6px 9px;border-radius:9px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.09);font-size:11px;color:#bac6db}
.tactical-deploy-stock img{width:24px;height:24px;object-fit:contain}.tactical-deploy-stock b{color:#fff}
.tactical-deploy-list{display:grid;gap:8px}
.tactical-deploy-row{display:grid;grid-template-columns:72px minmax(300px,1.6fr) minmax(180px,.8fr) minmax(130px,.55fr);gap:9px;align-items:center;padding:9px;border:1px solid rgba(255,255,255,.1);border-radius:13px;background:rgba(255,255,255,.035);opacity:.58;transition:.18s}
.tactical-deploy-row.active{opacity:1;border-color:rgba(95,164,255,.42);background:linear-gradient(100deg,rgba(48,92,158,.17),rgba(255,255,255,.035));box-shadow:inset 3px 0 0 rgba(86,150,255,.65)}
.tactical-deploy-toggle{display:grid;grid-template-columns:auto 1fr;grid-template-rows:1fr 1fr;gap:2px 6px;align-items:center;cursor:pointer}.tactical-deploy-toggle input{grid-row:1/3;width:18px;height:18px}.tactical-deploy-toggle span{font-size:10px;color:#8e9bb2}.tactical-deploy-toggle b{font-size:12px;color:#fff}
.tactical-deploy-character{display:grid;grid-template-columns:58px 1fr;gap:9px;align-items:center}.tactical-deploy-character img{width:58px;height:58px;object-fit:cover;object-position:top;border-radius:10px;border:1px solid rgba(255,255,255,.25)}
.tactical-deploy-character>div,.tactical-deploy-troop,.tactical-deploy-soldiers{display:flex;flex-direction:column;gap:4px;min-width:0}.tactical-deploy-row label,.tactical-deploy-row small{font-size:10px;color:#9eabc0}.tactical-deploy-row select{width:100%;min-width:0}.tactical-deploy-soldiers input{width:100%;box-sizing:border-box;padding:9px 10px;border-radius:8px;border:1px solid rgba(128,164,221,.3);background:#10182a;color:#fff;font-weight:800}
.tactical-deploy-summary{position:sticky;bottom:0;z-index:2;margin-top:12px;padding:11px 13px;border-radius:12px;background:rgba(9,14,25,.96);border:1px solid rgba(121,163,225,.28);box-shadow:0 -8px 24px rgba(0,0,0,.25)}
.tactical-deploy-summary>div{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.tactical-deploy-summary>div>b{color:#f3cb70}.tactical-deploy-summary strong{margin-right:6px;color:#fff}.tactical-deploy-summary span{padding:3px 7px;border-radius:7px;background:rgba(255,255,255,.05);font-size:10px;color:#b8c4d8}.tactical-deploy-summary span.over{background:rgba(177,45,60,.25);color:#ff9da8}.tactical-deploy-summary p{margin:7px 0 0;font-size:11px;color:#ff9da8;line-height:1.5}.tactical-deploy-summary p.ok{color:#79dcae}
.tactical-deploy-actions{position:relative;z-index:3;margin-top:10px}.tactical-deploy-actions .primary-action-btn{min-width:250px}
@media(max-width:850px){.tactical-deployment-modal{width:96vw}.tactical-deploy-row{grid-template-columns:58px 1fr 1fr}.tactical-deploy-character{grid-column:2/4}.tactical-deploy-troop{grid-column:2}.tactical-deploy-soldiers{grid-column:3}.tactical-deploy-toggle{grid-row:1/3}}
@media(max-width:560px){.tactical-deploy-headline{grid-template-columns:1fr auto}.tactical-deploy-headline span{grid-column:1/-1}.tactical-deploy-row{grid-template-columns:50px 1fr}.tactical-deploy-character,.tactical-deploy-troop,.tactical-deploy-soldiers{grid-column:2}.tactical-deploy-toggle{grid-row:1/4}.tactical-deploy-character{grid-template-columns:48px 1fr}.tactical-deploy-character img{width:48px;height:48px}.tactical-deploy-actions{display:grid;grid-template-columns:1fr}.tactical-deploy-actions button,.tactical-deploy-actions .primary-action-btn{width:100%;min-width:0}}