.battle-scene{position:relative;overflow:hidden;border:1px solid #c4ded655;border-radius:18px;margin:12px 0;background:#b7d3dd;box-shadow:0 14px 35px #061a2840;isolation:isolate}.battle-viewport{width:100%;height:360px;position:relative}.battle-viewport canvas{display:block;width:100%!important;height:100%!important;padding:0!important;object-fit:contain}.battle-scene-caption{position:absolute;top:13px;left:10px;right:10px;text-align:center;z-index:2;font-size:9px;letter-spacing:1.3px;color:#effcf2;text-shadow:0 1px 4px #102d39;font-weight:700}.battle-scene-hud{position:absolute;top:35px;left:15px;right:15px;display:flex;justify-content:space-between;gap:35%;z-index:2;pointer-events:none}.battle-scene-hud>div{min-width:0;flex:1;background:#0b2838e8;border:1px solid #e9f7e437;padding:9px 11px;border-radius:10px;box-shadow:0 4px 12px #163a3d22}.battle-scene-hud b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;color:#f3f8ef}.battle-scene-hud span{display:block;font-size:10px;color:#cfdfd6;margin:4px 0 7px}.battle-scene-hud i{display:block;height:5px;border-radius:4px;background:#d9e8dd22;overflow:hidden}.battle-scene-hud em{display:block;height:100%;background:linear-gradient(90deg,#6acdc3,#d1ee9d);transition:width .35s ease .45s}.battle-hud-right{text-align:right}.battle-hud-right em{background:linear-gradient(90deg,#e1a072,#f0ddb0)}.battle-loading{position:absolute;bottom:18px;left:15px;right:15px;padding:12px 16px;text-align:center;border-radius:10px;background:#0b2838eb;color:#f2f5e9;font-size:12px;z-index:3}.battle-loading-shell{min-height:250px;display:grid;place-items:center;padding:24px;text-align:center;background:#173847;border-radius:16px;color:#e8efe5}.arena-stage:has(.battle-scene){display:block!important;min-height:0!important;border:0;background:none;box-shadow:none;overflow:visible}.arena-stage:has(.battle-scene):after{display:none}.arena-stage .battle-scene{width:100%;max-width:none}#modal:has(.battle-scene){width:min(920px,96vw)!important;max-width:920px!important;padding:22px 28px}#modal:has(.battle-scene) h2{font-size:24px;line-height:1.2;margin:7px 0}#modal:has(.battle-scene) h2 br{display:none}#modal:has(.battle-scene) .arena-score{margin:7px 0}#modal:has(.battle-scene) .arena-offline{margin:7px 0;font-size:10px}#modal:has(.battle-scene) .arena-intent{margin:8px 0;padding:9px 12px}#modal:has(.battle-scene) .arena-intent p{margin:3px 0;font-size:10px}#modal:has(.battle-scene) .arena-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:10px 0}#modal:has(.battle-scene) .arena-actions button{font-size:13px;min-height:60px;border-radius:11px;background:linear-gradient(150deg,#315d61,#173b42);border:1px solid #badb9f66;box-shadow:inset 0 1px #f3ffe322,0 4px #08242b;color:#e4f1cf}#modal:has(.battle-scene) .arena-actions button:active{transform:translateY(2px);box-shadow:inset 0 1px #f3ffe322,0 2px #08242b}@media(max-width:600px){#modal:has(.battle-scene){padding:18px 12px}#modal:has(.battle-scene) h2{font-size:19px}.battle-viewport{height:300px}.battle-scene-hud{top:31px;left:9px;right:9px;gap:20%}.battle-scene-hud>div{padding:6px 8px}.battle-scene-hud b{font-size:10px}.battle-scene-hud span{font-size:9px;margin:3px 0 5px}.battle-scene-caption{font-size:7px;top:11px;letter-spacing:.7px}#modal:has(.battle-scene) .arena-actions{gap:6px}#modal:has(.battle-scene) .arena-actions button{font-size:11px;min-height:54px;padding:8px 4px}}@media(prefers-reduced-motion:reduce){.battle-scene *{transition:none!important}}
/* Coastal training presentation: restrained scoreboard, legible location, unfiltered actors. */
.battle-scene{border-color:#c9d4c66b;background:#bfc9be;box-shadow:0 12px 28px #061a2833}
.battle-scene-caption{top:10px;left:50%;right:auto;transform:translateX(-50%);max-width:calc(100% - 24px);width:max-content;padding:5px 9px;border:1px solid #d9e1cf40;border-radius:6px;background:#15333bc9;color:#f4f1df;text-shadow:none;font-size:10px;line-height:1.25;letter-spacing:.8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.battle-scene-hud{top:44px;left:14px;right:14px;gap:18px;align-items:flex-start}
.battle-scene-hud>div{flex:0 1 180px;padding:8px 10px;background:#15333be8;border-color:#d9e1cf54;border-radius:8px;box-shadow:0 2px 5px #163a3d18}
.battle-scene-hud b{font-size:12px;line-height:1.25}.battle-scene-hud span{font-size:10px;line-height:1.2;margin:3px 0 6px;color:#e0e6d8}.battle-scene-hud i{height:4px}.battle-scene-hud em{background:linear-gradient(90deg,#79b5a2,#ccdbaa)}.battle-hud-right em{background:linear-gradient(90deg,#c79c76,#e2cfa8)}
@media(max-width:600px){.battle-scene-caption{font-size:9px;letter-spacing:.35px;top:9px;padding:4px 7px}.battle-scene-hud{top:40px;left:9px;right:9px;gap:24px}.battle-scene-hud>div{flex-basis:125px;padding:6px 8px}.battle-scene-hud b{font-size:11px}.battle-scene-hud span{font-size:10px;margin:3px 0 5px}}

/* Direct authored-angle inspection, never a battle action. */
.battle-viewport{position:relative}.battle-inspection-host{position:absolute;inset:0;pointer-events:none}.battle-inspection-host .world-rotation{inset:0;left:0;bottom:0;width:100%;height:100%;transform:none}.battle-inspection-host .world-rotation canvas{filter:none;pointer-events:auto}.battle-inspection-host .world-rotation-status{top:4px;max-width:230px;font-size:11px}.battle-inspection-host .world-rotation>button{bottom:3px;right:5px;min-height:36px}.battle-viewport>canvas:focus-visible{outline:2px solid #edcf91;outline-offset:-3px}
.battle-inspection-host .world-rotation-status{top:auto;bottom:8px;left:10px;transform:none;max-width:calc(100% - 120px)}