body.tactical-open{overflow:hidden}.tactical-overlay{position:fixed;inset:0;z-index:1200;background:rgba(12,10,8,.94);backdrop-filter:blur(8px);padding:18px;color:#f4e7ca}.tactical-overlay[hidden]{display:none}.tactical-shell{height:calc(100vh - 36px);max-width:1540px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) 280px;grid-template-rows:auto minmax(0,1fr) auto;border:1px solid rgba(201,163,95,.55);border-radius:18px;overflow:hidden;background:#17130e;box-shadow:0 30px 90px rgba(0,0,0,.65)}.tactical-header{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 20px;background:linear-gradient(180deg,#37271b,#241a12);border-bottom:1px solid rgba(201,163,95,.35)}.tactical-header span{font-size:11px;letter-spacing:.18em;color:#d4b678}.tactical-header h2{margin:3px 0 0;font:700 25px Georgia,serif;color:#f5dfb0}.tactical-score{display:flex;align-items:center;gap:12px;padding:8px 12px;border:1px solid rgba(212,182,120,.25);border-radius:999px;background:rgba(0,0,0,.18)}.tactical-score span{font-size:13px;letter-spacing:.03em;color:#f1dfbd}.tactical-score b{font-size:10px;text-transform:uppercase;color:#9d8b6d}.tactical-stage{position:relative;min-width:0;min-height:0;background:#40572f;overflow:hidden}.tactical-stage canvas{display:block;width:100%;height:100%;object-fit:contain;touch-action:none;cursor:crosshair;background:#40572f}.selection-box{position:absolute;pointer-events:none;border:1px solid #ffe29a;background:rgba(255,226,154,.12);box-shadow:0 0 0 1px rgba(0,0,0,.45)}.tactical-sidebar{display:flex;flex-direction:column;min-height:0;background:linear-gradient(180deg,#2b2118,#1d1711);border-left:1px solid rgba(201,163,95,.28)}.tactical-orders{padding:15px;border-bottom:1px solid rgba(201,163,95,.24)}.tactical-orders>div:first-child{display:flex;justify-content:space-between;gap:10px;align-items:center}.tactical-orders span{font-size:10px;letter-spacing:.11em;color:#bd9f67}.tactical-orders strong{font-size:12px;color:#f3dfb5;text-align:right}.tactical-orders p{margin:11px 0 0;font-size:12px;line-height:1.45;color:#c8b99e}.formation-buttons{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:12px}.formation-buttons button,.tactical-actions button,.tactical-units button{border:1px solid rgba(201,163,95,.35);border-radius:9px;background:#35281c;color:#ead8b6;cursor:pointer}.formation-buttons button{padding:8px 6px;font-size:11px}.formation-buttons button:hover,.tactical-actions button:hover,.tactical-units button:hover{border-color:#d7b36f;background:#403022}.tactical-units{flex:1;min-height:0;overflow:auto;padding:10px;display:flex;flex-direction:column;gap:7px}.tactical-units button{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 8px;padding:9px;text-align:left}.tactical-units button span{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tactical-units button strong{font-size:12px;color:#f2d592}.tactical-units button small{grid-column:1/-1;font-size:10px;color:#a99573}.tactical-units button.selected{border-color:#f0cb79;box-shadow:0 0 0 1px rgba(240,203,121,.25);background:#4a3420}.tactical-units button.lost{opacity:.38;filter:grayscale(1)}.tactical-actions{display:grid;gap:8px;padding:12px;border-top:1px solid rgba(201,163,95,.24)}.tactical-actions button{padding:10px 8px;font-weight:700}.tactical-actions button.primary{background:linear-gradient(180deg,#9b4a36,#753326);border-color:#c77055;color:#fff0d0}.tactical-actions button.primary:hover{background:linear-gradient(180deg,#ad5841,#843b2c)}.tactical-footer{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:18px;padding:9px 18px;background:#15110d;border-top:1px solid rgba(201,163,95,.25);font-size:11px;color:#aa997c}.battle-won .tactical-header{background:linear-gradient(180deg,#3d3820,#272316)}.battle-lost .tactical-header{background:linear-gradient(180deg,#4d211c,#2c1512)}@media(max-width:1050px){.tactical-overlay{padding:8px}.tactical-shell{height:calc(100vh - 16px);grid-template-columns:minmax(0,1fr) 230px}.tactical-sidebar{font-size:11px}.tactical-header{padding:10px 14px}.tactical-header h2{font-size:21px}.tactical-score{gap:7px}.tactical-footer{gap:10px;padding:7px 12px}.formation-buttons{grid-template-columns:1fr}}@media(max-width:760px){.tactical-shell{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr) auto auto}.tactical-header{align-items:flex-start}.tactical-score{flex-direction:column;gap:1px;border-radius:12px}.tactical-sidebar{max-height:230px;border-left:0;border-top:1px solid rgba(201,163,95,.28);display:grid;grid-template-columns:1fr 1fr}.tactical-orders{border-bottom:0;border-right:1px solid rgba(201,163,95,.24)}.tactical-units{display:none}.tactical-actions{border-top:0}.tactical-footer{font-size:9px}.formation-buttons{grid-template-columns:1fr 1fr}.tactical-stage canvas{object-fit:fill}}