/* Los cambios visuales solo existen al elegir la nueva Partida táctica. */
main.tabletop-ui.tactical-active .hex-world{width:1760px;height:950px}
.tile.tactical-objective{isolation:isolate}
.tile.tactical-objective .tactical-outline{position:absolute;inset:0;z-index:8;display:block;pointer-events:none}
.tile.tactical-objective .tactical-outline svg{width:100%;height:100%;display:block;overflow:visible}
.tile.tactical-objective .tactical-outline polygon{fill:none;stroke-width:3.2;stroke-linejoin:round;vector-effect:non-scaling-stroke;animation:tacticalPulse 2.8s ease-in-out infinite}
.tile.tactical-base .tactical-outline polygon{stroke:#ffde38;filter:drop-shadow(0 0 3px #fff153) drop-shadow(0 0 6px #ffbe05)}
.tile.tactical-center .tactical-outline polygon{stroke:#58ff65;filter:drop-shadow(0 0 3px #8aff86) drop-shadow(0 0 6px #18ed57)}
.tile.tactical-objective .tactical-center-label{position:absolute;z-index:7;left:46%;top:47%;transform:translate(-50%,-50%);padding:1px 4px;color:#baffba;background:#0a2416c9;border:1px solid #5fe36fba;border-radius:5px;font:700 15px Georgia,serif;text-shadow:0 0 6px #62ff92;pointer-events:none}
@keyframes tacticalPulse{0%,100%{opacity:.75;stroke-width:2.5}50%{opacity:1;stroke-width:5}}
.tile.tactical-deploy-tile .tactical-deploy-label{display:none;position:absolute;z-index:6;top:16%;left:40%;padding:0 4px;background:#0b1015b5;border-radius:6px;font-weight:800;font-size:15px;color:#dbeaff;pointer-events:none}
.tactical-deploy-active .tile.tactical-deploy-tile .tactical-deploy-label{display:block}
.tile.tactical-deploy-red .tactical-deploy-label{color:#ffe2d6}
.tile.tactical-deploy-selected{filter:drop-shadow(0 0 10px #fff5bf)}
.tile.tactical-deploy-selected::after{content:'';position:absolute;inset:6px;border:3px dashed #ffefb5;z-index:7;pointer-events:none;animation:tacticalPulse 1.7s ease-in-out infinite;clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%)}
.tactical-deploy-panel{position:fixed;z-index:84;top:75px;left:50%;transform:translateX(-50%);width:min(485px,calc(100vw - 28px));max-height:calc(100vh - 92px);overflow:auto;padding:20px 23px;border:1px solid #bda260;border-radius:16px;background:linear-gradient(140deg,#1d2a31f8,#071419fa);box-shadow:0 15px 45px #000e;color:#f0e0bd;text-align:center}
.tactical-deploy-panel[hidden]{display:none!important}
.tactical-deploy-heading{font:700 11px system-ui;letter-spacing:.15em;color:#a9e2a1}
.tactical-deploy-panel h2{margin:7px 0;color:#f6d49d;font:23px Georgia,serif}
.tactical-deploy-panel p{font-size:12px;color:#c5cabc;line-height:1.55}
.tactical-deploy-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:13px 0}
.tactical-deploy-row strong{font-size:13px}
.tactical-deploy-options{display:flex;gap:7px}
.tactical-deploy-options button{min-width:43px;border-radius:7px;background:#21333a;border:1px solid #6d8a79;cursor:pointer;color:#e2f2e6}
.tactical-deploy-options button.selected{background:#4a633b;border:2px solid #ffe6a2;color:#fff3c6;box-shadow:0 0 12px #e2ec7c77}
.tactical-deploy-current{font-size:13px!important;color:#f5d99b!important}
#tacticalDeployStart{padding:10px 25px;border:1px solid #d8c083;border-radius:8px;background:#9b753e;color:#fff2d4;cursor:pointer;font-weight:700}
.tactical-deploy-panel small{display:block;margin-top:11px;color:#b2bdad;line-height:1.5}
@media(prefers-reduced-motion:reduce){.tile.tactical-objective .tactical-outline polygon,.tile.tactical-deploy-selected::after{animation:none}}

/* v1.2.44: tres fichas elegidas una a una, cinco posiciones por columna. */
.tactical-heroes{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin:12px 0}
.tactical-hero-option{display:flex;flex-direction:column;align-items:center;gap:5px;width:115px;padding:7px 5px;border:1px solid #657a6a;border-radius:9px;background:#14242a;color:#eddeb9;cursor:pointer;font:700 11px system-ui}
.tactical-hero-option img{width:47px;height:47px;object-fit:contain;border-radius:50%}
.tactical-hero-option.selected{border-color:#f8d56e;background:#304033;box-shadow:0 0 13px #b6e47655}
.tactical-five{justify-content:center;gap:9px;margin:12px 0}
.tactical-five button{width:48px;height:40px;font:700 16px Georgia,serif}
.tactical-deploy-blue{cursor:pointer}
/* v1.2.54: dos jugadores humanos despliegan por turnos en su propia columna. */
.tactical-deploy-red-active .tactical-hero-option.selected{background:#483032;border-color:#ef9e77;box-shadow:0 0 12px #d86a5355}
.tactical-deploy-red-active .tactical-five button.selected{background:#603a32;border-color:#ffb28d}
#tacticalDeployBack{margin-right:8px;padding:9px 12px;border:1px solid #867963;border-radius:8px;background:#1d2b32;color:#e4d4b4;cursor:pointer}
#tacticalDeployBack[hidden]{display:none!important}
.tactical-deploy-red-active .tile.tactical-deploy-selected::after{border-color:#ffd3af}
