.theater{margin:20px 0 30px;border:1px solid #ffffff18;border-radius:24px;overflow:hidden;background:#101827;box-shadow:0 24px 70px #0004}.theater[hidden]{display:none}.theater-heading{padding:24px 28px 0;display:flex;align-items:center;justify-content:space-between;gap:16px}.theater h1{font-size:32px;margin:8px 0 0}.theater .battle-header{padding:12px 20px!important}.theater .score{gap:32px!important;margin:8px 0}.theater .score b{font-size:30px!important}.theater .timer{font-size:28px!important}.arena-viewport{height:clamp(340px,48vw,620px);position:relative;isolation:isolate}.arena-viewport>canvas{display:block;width:100%;height:100%}.scene-status{position:absolute;inset:35% 10% auto;text-align:center;z-index:2;padding:20px;background:#101827dd;border-radius:16px}.mage-labels{position:absolute;inset:0;pointer-events:none;overflow:hidden}.mage-label{position:absolute;left:0;top:0;display:flex;flex-direction:column;gap:3px;background:#0c1325cf;border:1px solid #e9c87955;border-radius:10px;padding:6px 10px;text-align:center;white-space:nowrap;max-width:180px;box-shadow:0 3px 12px #0003}.mage-label strong{font-size:12px;color:var(--team-a);overflow:hidden;text-overflow:ellipsis}.mage-label span{font-size:10px;color:#c0d2dc}.mage-label[data-team="1"]{border-color:#c4afe855}.mage-label[data-team="1"] strong{color:var(--team-b)}.mage-label.is-out{opacity:.55}.theater-controls{padding:14px 24px;display:flex;align-items:center;justify-content:space-between;gap:14px;border-top:1px solid #ffffff0c}.theater-controls p{font-size:11px;color:#a7b7c7;margin:0}.theater-controls>div{display:flex;gap:8px}.theater:fullscreen{border:0;border-radius:0;display:flex;flex-direction:column;width:100%;height:100%;margin:0}.theater:fullscreen .arena-viewport{flex:1;height:auto;min-height:0}.theater:fullscreen .theater-heading{padding-top:16px}.theater:fullscreen .theater-controls{padding:10px 24px}.practice-link{display:inline-block;margin-top:14px;color:var(--gold)}@media(max-width:650px){.theater-heading{padding:18px 16px 0}.theater h1{font-size:23px}.theater-heading .pill{font-size:10px}.theater-controls{align-items:flex-start;flex-direction:column;padding:12px 16px}.mage-label{padding:4px 6px;max-width:110px}.mage-label strong{font-size:10px}.mage-label span{font-size:9px}.arena-viewport{height:350px}}