/* 12.5: multiplayer arena redesign, scoped to case battles */
.battle-view{--battle-border:#65717a48;--battle-gold:#e6b45d}
.battle-view .intro{border-bottom:1px solid #7b8a9250;padding-bottom:20px}
.battle-arena-banner{margin:18px 0;min-height:144px;display:flex;justify-content:space-between;align-items:center;overflow:hidden;padding:22px clamp(18px,3vw,38px);background:radial-gradient(ellipse at 90% 30%,#77552c55,transparent 45%),linear-gradient(120deg,#27343d,#101a21);border:1px solid #77858e50;border-left:4px solid #e6b45d;position:relative}
.battle-arena-banner strong{display:block;font:800 clamp(22px,3vw,36px)/1.12 var(--head);letter-spacing:.03em;margin:8px 0;color:#f3f3ed}.battle-arena-banner p{color:#aebdc7;margin:0;font-size:12px}.battle-arena-eyebrow{font-size:10px;letter-spacing:.19em;color:#eac98b;font-weight:800}.battle-arena-symbol{font-size:100px;opacity:.14;line-height:1;transform:rotate(-13deg)}
.battle-quickstats>div{border-radius:2px;background:#202b33;border-top:2px solid #7d858a}.battle-quickstats strong{font-size:24px}
.battle-layout{grid-template-columns:minmax(320px,.9fr) minmax(0,1.1fr)}
.battle-panel{border-radius:2px;border-top:1px solid #73818b70;padding:22px;background:#19252e;box-shadow:0 12px 30px #0004}
.battle-panel-title h2{font-size:26px}.battle-field select,.battle-field input{background:#111c24;border:1px solid #667782;border-radius:2px;color:#eef1f3;min-height:44px;padding:10px;width:100%;font:600 12px var(--body);outline-offset:3px}
.battle-case-picks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin:6px 0 12px}.battle-case-pick{display:flex;min-width:0;justify-content:space-between;align-items:center;gap:8px;text-align:left;background:#25343e;border:1px solid #71828b55;border-bottom:2px solid #ab874f;color:#dfe6e9;padding:11px 9px;cursor:pointer}.battle-case-pick span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}.battle-case-pick strong{white-space:nowrap;color:#e8bd76;font-size:11px}.battle-case-pick:hover{background:#344652;border-bottom-color:#f2c27a}.battle-case-pick:focus-visible{outline:2px solid #e8bd76}
.battle-lineup-row{background:#26333b;border-radius:2px}.battle-lineup-num{color:#e4b76d}.battle-lineup-remove{border-radius:2px}
.battle-lobby-tools{display:grid;grid-template-columns:minmax(0,1fr) 155px;gap:9px}.battle-lobby-count{font-size:10px;letter-spacing:.13em;color:#d1b07a;font-weight:800;margin:3px 0 12px}
.battle-rooms-list{max-height:690px;gap:10px}.battle-room-card{padding:17px;border-radius:2px;border-left:3px solid #c99a58;gap:14px;background:#222f39}.battle-room-card:hover{background:#2a3b46;transform:none}.battle-card-host{display:flex;align-items:center;gap:9px}.battle-host-emblem{background:#394752;color:#e6b45d;display:grid;place-items:center;width:31px;height:31px}.battle-room-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-block:1px solid #68798750}.battle-room-metrics>div{display:grid;gap:3px;padding:12px 8px 12px 0}.battle-room-metrics strong{font:800 clamp(15px,1.8vw,21px) var(--head);color:#f1ede5}.battle-room-metrics small{letter-spacing:.1em;font-size:9px}.battle-room-cases span{border-radius:2px;background:#18252e}.battle-room-card-bottom{padding-top:2px}
.battle-live-header{display:flex;align-items:center;gap:9px;min-height:43px;background:#111d25;border:1px solid #6c7b8455;padding:10px 14px;margin-bottom:12px;color:#e6c48a;font-weight:800;font-size:10px;letter-spacing:.11em}.battle-live-dot{width:7px;height:7px;background:#d6ae6a;box-shadow:0 0 0 3px #d6ae6a25}.battle-live-header #battleLiveRounds{margin-left:auto;color:#aebdc6}
.battle-roster{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.battle-player{border-radius:2px;border-top:2px solid #81919c;background:#25333d}.battle-player.win{border-top-color:#e6b45d}.battle-player .player-avatar{border-radius:2px}.battle-detail-cases span{border-radius:2px}
.battle-result{border-top:2px solid #e6b45d}.battle-winner{border-radius:2px;background:linear-gradient(100deg,#5c482b,#202e37)}.battle-score{border-radius:2px}.battle-round{background:#18242d;border:1px solid #71818c45;padding:15px}.battle-round h3{font-size:15px;letter-spacing:.07em}.battle-drop{border-radius:2px;background:#283540;border-bottom:3px solid #567fbd}.battle-drop[data-tier="purple"]{border-bottom-color:#8b65b6}.battle-drop[data-tier="pink"]{border-bottom-color:#c765a8}.battle-drop[data-tier="red"]{border-bottom-color:#d85b57}.battle-drop[data-tier="gold"]{border-bottom-color:#e4b75c}.battle-drop .drop-art{border-radius:0;height:110px;background:radial-gradient(ellipse,#53616a55,transparent 70%)}
.battle-replay-progress{border-radius:2px;border-left:3px solid #edbc6b;background:#313024;color:#f0cf96}
@media(max-width:1000px){.battle-layout{grid-template-columns:1fr}}@media(max-width:580px){.battle-arena-banner{min-height:115px}.battle-arena-symbol{font-size:60px}.battle-lobby-tools{grid-template-columns:1fr 125px}.battle-room-metrics strong{font-size:17px}.battle-case-picks{grid-template-columns:1fr 1fr}.battle-panel{padding:14px}.battle-roster{grid-template-columns:repeat(2,minmax(0,1fr))}.battle-room-card{padding:12px}}
@media(max-width:390px){.battle-lobby-tools{grid-template-columns:1fr}.battle-case-picks{grid-template-columns:1fr}.battle-arena-symbol{display:none}}
@media(prefers-reduced-motion:reduce){.battle-room-card,.battle-round{transition:none;animation:none}}