.has-tactical-grid>.combat-actor,.has-tactical-grid>.boss-turn-actor,.has-tactical-grid>.combat-arena__versus,.has-tactical-grid>.boss-turn-arena__versus,.has-tactical-grid>.boss-minion-field{opacity:0;pointer-events:none}
.tactical-field{position:absolute;z-index:8;inset:8px 10px 10px;display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:6px;color:#efe7d1;perspective:900px}
.tactical-field__initiative{display:flex;align-items:center;gap:9px;min-width:0;padding:4px 8px;border:1px solid rgba(222,177,77,.35);border-radius:9px;background:rgba(7,8,12,.82);box-shadow:0 5px 16px #0008}
.tactical-field__initiative>b{flex:0 0 auto;color:#ffda72;font:800 .67rem/1 sans-serif;letter-spacing:.09em}.tactical-field__order{display:flex;align-items:center;gap:4px;min-width:0;overflow-x:auto;scrollbar-width:none}.tactical-field__order span{flex:0 0 auto;padding:3px 6px;border:1px solid #49505c;border-radius:999px;color:#aaa;font-size:.58rem;background:#151820}.tactical-field__order span.is-ally{border-color:#3b8067;color:#aef2d3}.tactical-field__order span.is-enemy{border-color:#813d43;color:#ffafb5}.tactical-field__order span.is-active{color:#181006;background:#ffd35f;box-shadow:0 0 10px #ffc742}.tactical-field__order i{color:#655f53;font-style:normal}
.tactical-field__grid{position:relative;display:grid;grid-template-columns:repeat(6,minmax(38px,1fr));grid-template-rows:repeat(4,minmax(36px,1fr));gap:3px;width:min(100%,600px);min-height:150px;margin:auto;transform:rotateX(14deg);transform-origin:center bottom}
.tactical-cell{position:relative;display:flex;align-items:center;justify-content:center;min-width:0;min-height:0;padding:0;overflow:visible;border:1px solid rgba(204,177,113,.2);border-radius:5px;color:#ddd;background:linear-gradient(145deg,rgba(38,42,38,.86),rgba(13,18,17,.94));box-shadow:inset 0 0 12px #0006;cursor:pointer;transition:filter .16s ease,transform .16s ease,border-color .16s ease}.tactical-cell::after{content:'';position:absolute;inset:2px;border:1px solid rgba(255,255,255,.025);border-radius:3px}.tactical-cell:hover{z-index:3;filter:brightness(1.24);transform:translateY(-2px)}
.tactical-cell.is-obstacle{cursor:not-allowed;background:radial-gradient(circle,#473f38,#171718)}.tactical-cell__terrain{font-size:1.25rem;filter:drop-shadow(0 5px 4px #000)}.tactical-cell.is-reachable{border-color:#35d79b;background:radial-gradient(circle,rgba(54,222,161,.28),rgba(10,35,28,.88));box-shadow:inset 0 0 13px #25c88b55,0 0 7px #24c88a44;animation:tacticalReachable 1.35s ease-in-out infinite}.tactical-cell.is-reachable::before{content:'+';position:absolute;color:#9dffdc;font-size:.8rem;font-weight:900}
.tactical-cell.has-unit{flex-direction:column;border-color:#555;transform-style:preserve-3d}.tactical-unit__ring{position:absolute;width:34px;height:15px;bottom:15%;border:2px solid #777;border-radius:50%;box-shadow:0 0 10px #777}.tactical-cell.is-ally .tactical-unit__ring{border-color:#45d6a0;box-shadow:0 0 12px #42e3a5}.tactical-cell.is-enemy .tactical-unit__ring{border-color:#e14a58;box-shadow:0 0 12px #e14a58}.tactical-unit__icon{position:relative;z-index:1;font-size:clamp(1.25rem,3.5vw,2rem);line-height:1;filter:drop-shadow(0 5px 4px #000);transform:rotateX(-14deg)}.tactical-cell small{position:absolute;z-index:2;bottom:1px;max-width:90%;overflow:hidden;color:#f6ead0;font-size:.5rem;line-height:1;white-space:nowrap;text-overflow:ellipsis;text-shadow:0 1px 3px #000}.tactical-cell>i{position:absolute;z-index:2;right:2px;top:2px;padding:1px 3px;border-radius:5px;color:#fff;font-size:.46rem;font-style:normal;background:#46151b}
.tactical-cell.is-active{border-color:#65ffe1;box-shadow:inset 0 0 15px #4effc966,0 0 12px #4effc9}.tactical-cell.is-target{z-index:2;border-color:#ffe45c;box-shadow:inset 0 0 18px #ff4b3266,0 0 16px #ffcf3f;animation:tacticalTarget 1s ease-in-out infinite}.tactical-cell.is-target::before{content:'🎯';position:absolute;z-index:5;right:-7px;top:-9px;font-size:15px;filter:drop-shadow(0 0 4px #ffda4b)}
.tactical-cell.is-defeated{opacity:.3;filter:grayscale(1);transform:rotate(-4deg);pointer-events:none}.tactical-cell.is-defeated .tactical-unit__icon{transform:rotateX(-14deg) rotate(75deg)}
.tactical-field__intel{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:5px 9px;border-left:3px solid #d6a63d;border-radius:5px;background:rgba(5,7,10,.9);font-size:.62rem}.tactical-field__mode{overflow:hidden;color:#aaa;white-space:nowrap;text-overflow:ellipsis}.tactical-field__chance{flex:0 0 auto;color:#ffdf7d}
@keyframes tacticalReachable{50%{filter:brightness(1.35)}}@keyframes tacticalTarget{50%{filter:brightness(1.35);transform:translateY(-2px)}}
@media(max-width:600px){.tactical-field{inset:5px}.tactical-field__grid{grid-template-columns:repeat(6,minmax(32px,1fr));gap:2px;min-height:145px}.tactical-unit__icon{font-size:1.3rem}.tactical-cell small{font-size:.42rem}.tactical-field__initiative{padding:3px 6px}.tactical-field__intel{padding:4px 6px}.tactical-field__mode{display:none}}
@media(prefers-reduced-motion:reduce){.tactical-cell{animation:none!important;transition:none!important}}