/* TACTICAL HAND — paused, card-game party substitution */
#gameModal.tacticalHandMode{
  position:fixed!important;inset:0!important;width:100vw!important;height:100vh!important;
  z-index:1000000!important;display:flex!important;align-items:center!important;justify-content:center!important;
  background:radial-gradient(circle at 50% 45%,rgba(14,28,42,.76),rgba(1,4,8,.96))!important;
  backdrop-filter:blur(2px) grayscale(.22);
}
#gameModal.tacticalHandMode .gameModalCard{
  position:relative;width:min(1180px,88vw)!important;height:min(690px,82vh)!important;
  max-width:none!important;max-height:none!important;margin:0!important;padding:12px!important;
  overflow:hidden!important;background:#080b0f!important;border:2px solid #b27d1b!important;
  box-shadow:0 0 0 3px #050709,0 0 0 5px #5d4218,0 22px 70px #000!important;
}
#gameModal.tacticalHandMode .gameModalCard>h2{display:none!important}
#gameModal.tacticalHandMode #gameModalBody{height:100%;overflow:hidden!important}
#gameModal.tacticalHandMode #closeGameModal{
  position:absolute;z-index:20;right:16px;top:14px;float:none;width:38px;height:34px;
  padding:0!important;background:#381313!important;border:1px solid #a14e43!important;
  color:#fff0df!important;font-size:18px!important;
}
.tacticalHandShell{
  --tac-gold:#d8ad50;--tac-gold-muted:#70552a;--tac-steel:#354956;--tac-panel:#0b1117;--tac-green:#7ce8b0;
  height:100%;box-sizing:border-box;display:grid;
  grid-template-rows:64px minmax(0,1fr) 28px minmax(0,.92fr) 92px;
  gap:7px;padding:10px;color:#d9e0df;border:2px solid #293d4c;
  background:
    linear-gradient(90deg,transparent 49.8%,rgba(121,164,194,.035) 50%,transparent 50.2%),
    radial-gradient(circle at 50% 47%,#13212a 0,#091018 43%,#070c11 82%);
  font-family:var(--font-ui);
}
.tacticalHeader{
  display:flex;align-items:center;justify-content:space-between;padding:5px 60px 7px 14px;
  border:1px solid var(--tac-gold-muted);background:linear-gradient(90deg,#17100d,#19142a);
}
.tacticalHeader h3{margin:0;color:#ffe092;font:900 27px var(--font-display);letter-spacing:3px;text-shadow:2px 2px #000}
.tacticalHeader p{margin:5px 0 0;color:#aab7c0;font:700 11px var(--font-ui);letter-spacing:.5px}
.tacticalPausedBadge{
  border:1px solid #9e7131;background:#0c1115;padding:10px 18px;color:#f4d27d;
  box-shadow:inset 0 0 0 2px #070b0e;font-size:12px;font-weight:900;letter-spacing:1.4px;
}
.tacticalZone{min-height:0;padding:0 12px}
.tacticalZoneTitle,.tacticalSwapDivider{display:flex;align-items:center;gap:13px;color:#e8bd61;letter-spacing:2px}
.tacticalZoneTitle{height:25px;justify-content:center}
.tacticalZoneTitle span,.tacticalSwapDivider span{height:1px;background:linear-gradient(90deg,transparent,#a87527);flex:1}
.tacticalZoneTitle span:last-child,.tacticalSwapDivider span:last-child{background:linear-gradient(90deg,#a87527,transparent)}
.tacticalZoneTitle b,.tacticalSwapDivider b{white-space:nowrap;font-size:12px}
.tacticalSwapDivider{padding:0 25px;justify-content:center}
.tacticalSwapDivider b{color:#b9c8d2;font-size:11px}
.tacticalCardGrid{height:calc(100% - 25px);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;justify-content:center}
.reserveHand .tacticalCardGrid{height:100%;padding:0 38px;box-sizing:border-box}
.reserveHand .heroCatalogGrid{
  grid-template-columns:repeat(5,minmax(180px,1fr));
  overflow-x:auto;overflow-y:hidden;padding-bottom:4px;
}
.tacticalHeroCard{
  position:relative;min-width:0;height:100%;padding:6px 8px 7px;overflow:hidden;cursor:pointer;
  color:#dce5eb;background:linear-gradient(#101a22,#0b1117);
  border:2px solid var(--tac-steel);box-shadow:inset 0 0 0 2px #070b0e,0 4px 0 #020406;
  display:grid;grid-template-columns:minmax(78px,32%) 1fr;grid-template-rows:1fr auto auto auto;column-gap:9px;text-align:left;
  transition:transform .12s ease,border-color .12s ease,filter .12s ease;
}
.tacticalSwapPick{
  position:absolute;z-index:7;right:7px;bottom:6px;min-height:22px;padding:3px 7px;
  border:1px solid #6b5430;background:#171e23;color:#e5c77e;cursor:pointer;
  font:900 11px var(--font-ui);letter-spacing:.5px;
}
.tacticalHeroCard.active .tacticalSwapPick{border-color:#4d8358;color:#a8efb6}.tacticalHeroCard.reserve .tacticalSwapPick{border-color:#47799a;color:#a9ddfb}
.tacticalHeroCard.selectedOut .tacticalSwapPick{border-color:#e34b3e;background:#4a1714;color:#fff}.tacticalHeroCard.selectedIn .tacticalSwapPick{border-color:#55bfff;background:#123a55;color:#fff}
.tacticalHeroCard:hover{transform:translateY(-2px);border-color:#d8b35f;filter:brightness(1.08)}
.tacticalHeroCard.active{border-color:var(--tac-green);box-shadow:inset 0 0 0 2px #173c2c,0 0 12px #45d89435,0 4px 0 #020406}
.tacticalHeroCard[data-tactical-drag-hero]{cursor:grab;touch-action:none;user-select:none}
.tacticalHeroCard[data-tactical-drag-hero]:active{cursor:grabbing}
.tacticalHeroCard.dragging{opacity:.38;transform:scale(.97);filter:grayscale(.35);pointer-events:none}
.tacticalHeroCard.dropTarget{border-color:#f0bd4f;box-shadow:inset 0 0 0 3px #654512,0 0 22px #e8a82c88;transform:translateY(-3px)}
.tacticalHeroCard.reserve{border-color:#354956}
.tacticalHeroCard.fallen{border-color:#8d342f;background:linear-gradient(160deg,#251010,#090b0f 62%,#180a0d)}
.tacticalHeroCard.fallen .tacticalPortrait{filter:grayscale(.75) brightness(.62)}
.tacticalHeroCard.selectedOut{border-color:#e34b3e;box-shadow:inset 0 0 0 2px #4e130f,0 0 17px #e33c3159}
.tacticalHeroCard.selectedIn{border-color:#55bfff;box-shadow:inset 0 0 0 2px #123f5e,0 0 19px #45b9ff73}
.tacticalState,.tacticalSlot{
  position:absolute;z-index:4;top:6px;padding:4px 8px;border:1px solid #587487;background:#102331;
  font-size:11px;font-weight:900;letter-spacing:1px;
}
.tacticalState{left:7px;color:#a9d6ef}.tacticalSlot{right:7px;color:#e5c87e;border-color:#77602d;background:#231c0e}
.tacticalPremiumTag{
  position:absolute;z-index:5;right:7px;top:6px;padding:4px 7px;
  border:1px solid #a96bd4;background:#291236;color:#e9acff;
  font-size:11px;font-weight:900;letter-spacing:1px;box-shadow:0 0 8px #b253e755;
}
.tacticalHeroCard.active .tacticalPremiumTag{right:70px}
.tacticalHeroCard.active .tacticalState{color:#aaf2b9;border-color:#3f8151;background:#102919}
.tacticalHeroCard.fallen .tacticalState{color:#ff9c91;border-color:#a33d35;background:#341211}
.tacticalPortrait{
  grid-row:1/5;align-self:stretch;min-height:0;margin-top:27px;border:1px solid #354958;
  background:radial-gradient(circle at 50% 35%,#1b2d36,#080d12 72%);overflow:hidden;
}
.tacticalPortrait img{display:block;width:100%;height:100%;object-fit:cover;object-position:center top;image-rendering:auto}
.tacticalPortrait .heroPortraitRoster{
  position:static!important;inset:auto!important;display:block!important;width:100%!important;height:100%!important;
  max-width:none!important;max-height:none!important;transform:none!important;object-fit:cover!important;object-position:center top!important;
}
.tacticalIdentity{align-self:end;padding-top:31px;min-width:0}
.tacticalIdentity strong{display:block;color:#f1d596;font:900 clamp(11px,1vw,15px) var(--font-display);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tacticalIdentity small{display:block;margin-top:3px;color:#8ea1ae;font-size:11px;letter-spacing:.7px}
.tacticalVitals{display:grid;gap:3px;margin-top:5px}
.tacticalVital{position:relative;height:13px;border:1px solid #3b4b56;background:#05080b;overflow:hidden}
.tacticalVital i{position:absolute;inset:1px auto 1px 1px;background:#b23d3a}
.tacticalVital.mp i{background:#2773aa}.tacticalVital.fury i{background:linear-gradient(90deg,#8d5e19,#e1b43d)}
.tacticalVital span{position:absolute;inset:0;display:grid;place-items:center;color:#f2f4f5;text-shadow:1px 1px #000;font-size:11px;font-weight:900}
.tacticalCooldowns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;margin-top:5px}
.tacticalCooldown{height:29px;display:flex;align-items:center;gap:5px;padding:2px 5px;border:1px solid #374957;background:#0b1218;box-sizing:border-box}
.tacticalCooldown img{width:22px;height:22px;object-fit:cover;border:1px solid #53636e}
.tacticalCooldown b{font-size:11px;color:#b7c6ce}.tacticalCooldown.ready b{color:#82dfa0}
.tacticalEffects{display:flex;gap:4px;min-height:22px;margin-top:5px;overflow:hidden}
.tacticalEffects>span{width:22px;height:20px;display:grid;place-items:center;border:1px solid #476073;background:#101b24;color:#b8dbef;font-size:11px}
.tacticalEffects>span.debuff{border-color:#8d3d46;color:#ff7883;background:#261015}.tacticalEffects>span.buff{border-color:#498253;color:#8ce29b}.tacticalEffects>span.fury{border-color:#a2792c;color:#f5ce67}
.tacticalEffects small{display:none}.tacticalEffects em{align-self:center;color:#667884;font-size:11px;font-style:normal;letter-spacing:.5px}
.tacticalHeroCard.lockedHeroCard{
  cursor:not-allowed;border-color:#4a414f;background:linear-gradient(155deg,#15141b,#080b0f 70%);
  filter:none;grid-template-rows:1fr auto auto auto;
}
.tacticalHeroCard.lockedHeroCard:hover{transform:none;border-color:#65536d;filter:none}
.tacticalHeroCard.lockedHeroCard .tacticalPortrait{filter:grayscale(.72) brightness(.48)}
.tacticalHeroCard.lockedHeroCard .tacticalState{color:#a7a0a9;border-color:#625b64;background:#211e23}
.tacticalHeroCard.lockedHeroCard.premiumHeroCard{border-color:#704889;box-shadow:inset 0 0 0 2px #1b0d23,0 0 12px #8b3bb833}
.tacticalLockedReason{
  grid-column:2;align-self:center;margin-top:7px;color:#d1aa62;font-size:11px;font-weight:900;line-height:1.35;
}
.premiumHeroCard .tacticalLockedReason{color:#dda3f3}
.tacticalUnlockHero{
  grid-column:2;min-height:30px;margin-top:7px;border:1px solid #b07c26;background:linear-gradient(#54350e,#241707);
  color:#ffe09a;font:900 11px var(--font-ui);letter-spacing:.5px;cursor:pointer;
}
.tacticalUnlockHero:hover:not(:disabled){filter:brightness(1.2)}
.tacticalUnlockHero:disabled{cursor:not-allowed;filter:grayscale(.75);opacity:.58}
.premiumHeroCard .tacticalUnlockHero{border-color:#9255b6;background:linear-gradient(#432052,#1d0d25);color:#e9b4ff}
.tacticalChoice{position:absolute;z-index:6;right:8px;bottom:8px;padding:5px 10px;font-size:11px;font-weight:900;letter-spacing:1px}
.tacticalChoice.out{background:#9e2d27;color:#fff}.tacticalChoice.in{background:#1f7fb5;color:#fff}
.tacticalEmptyCard{border:2px dashed #405260;background:#0a1016;color:#71838f;cursor:pointer;display:grid;place-content:center;text-align:center;gap:8px}
.tacticalEmptyCard.lockedPartySlot{border-style:solid;border-color:#392e2e;background:repeating-linear-gradient(135deg,#090d11,#090d11 8px,#101318 8px,#101318 16px);color:#675d5d;cursor:not-allowed;filter:saturate(.35)}
.tacticalEmptyCard.dropTarget,.reserveHand.dropTarget{border-color:#f0bd4f;color:#f3d58c;box-shadow:inset 0 0 18px #d39a3544,0 0 18px #d39a3533}
.tacticalEmptyCard.selectedOut{border-color:#55bfff;color:#9fdcff;box-shadow:0 0 18px #45b9ff44}.tacticalEmptyCard span{font-size:11px}
.tacticalFooter{
  display:grid;grid-template-columns:minmax(0,1fr) 150px 270px;grid-template-rows:52px 28px;gap:5px 8px;
  padding:5px 12px 0;border-top:1px solid var(--tac-gold-muted);background:linear-gradient(#091018,#070c11);
}
.tacticalSummary{display:flex;align-items:center;justify-content:center;gap:18px;border:1px solid #70552a;background:linear-gradient(90deg,#17100d,#19142a);color:#b9c5c9;font-size:11px}
.tacticalSummary b:first-child{color:#ff7469}.tacticalSummary b:last-child{color:#79cfff}.tacticalSummary>span{color:#d9a742}
.tacticalSummary .orderReady{color:#f1c85f}
.tacticalCancel,.tacticalConfirm{font-family:var(--font-ui);font-weight:900;letter-spacing:1px;cursor:pointer}
.tacticalCancel{border:2px solid #61717d;background:#17212a;color:#d6dee4}
.tacticalConfirm{border:2px solid #e4aa38;background:linear-gradient(#6e481c,#3c250f);color:#ffe2a0;box-shadow:inset 0 0 0 2px #1b1007}
.tacticalConfirm:disabled{cursor:not-allowed;filter:grayscale(1);opacity:.38}
.tacticalFreezeRule{grid-column:1/4;display:flex;align-items:center;justify-content:center;border-top:1px solid #293a46;color:#9fb0ba;font-size:11px;letter-spacing:1px}

@media(max-width:1000px), (max-height:760px){
 #gameModal.tacticalHandMode .gameModalCard{width:94vw!important;height:88vh!important}
 .tacticalHandShell{grid-template-rows:52px minmax(0,1fr) 22px minmax(0,.9fr) 76px}
 .tacticalHeader h3{font-size:19px}.tacticalHeader p{display:none}.tacticalPausedBadge{padding:7px 11px}
 .tacticalCardGrid{gap:7px}.reserveHand .tacticalCardGrid{padding:0 8px}
 .reserveHand .heroCatalogGrid{grid-template-columns:repeat(5,minmax(165px,1fr))}
 .tacticalHeroCard{grid-template-columns:68px 1fr;padding:4px;column-gap:5px}
 .tacticalPortrait{margin-top:23px}.tacticalIdentity{padding-top:25px}.tacticalIdentity small{display:none}
 .tacticalEffects{display:none}.tacticalCooldown{height:23px}.tacticalCooldown img{width:17px;height:17px}
 .tacticalFooter{grid-template-columns:1fr 100px 190px;grid-template-rows:42px 23px;padding-top:3px}
}
.tacticalHeroCard.autoFarmLockedV331{border-color:#b67b21!important;box-shadow:inset 0 0 0 1px #5b3a12,0 0 16px #b67b2129!important;cursor:not-allowed!important}.tacticalHeroCard.autoFarmLockedV331 .tacticalPortrait{filter:saturate(.55) brightness(.72)}.tacticalAutoFarmBadgeV331{position:absolute;right:7px;bottom:7px;z-index:4;padding:4px 6px;border:1px solid #b67b21;background:#1c1106e8;color:#ffd36f;font:900 11px var(--font-ui);letter-spacing:.08em}

/* V703: o ESPACO 1 e o espaco do LIDER (quem esta nele aparece na taverna e no patio). */
.tacticalSlot.leaderSlotV703{color:#2A1600;border-color:#F4C84A;background:linear-gradient(#FFE9A6,#F4C84A);font-weight:900;box-shadow:0 0 10px #F4C84A66}
.tacticalEmptyCard.leaderEmptyV703{border-color:#F4C84A99}
.tacticalEmptyCard.leaderEmptyV703 span{color:#F4C84A;font-weight:900}
