/* Soundtrack and independent sound controls sit outside the battlefield. */
.battle-audio-controls{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin:18px 0 0;padding:14px 16px;border:1px solid #554569;border-radius:8px;background:linear-gradient(115deg,#241934,#111321 72%);color:#f5edff;box-shadow:inset 0 1px 0 #ffffff0a}
.battle-soundtrack{display:flex;align-items:center;gap:12px;flex-shrink:0}
.battle-soundtrack>.soundtrack-copy{display:flex;flex-direction:column;gap:3px}
.battle-soundtrack small{font-size:12px;letter-spacing:.1em;color:#bdb0d3}
.battle-soundtrack strong{font-size:20px;line-height:1.2;font-weight:900;letter-spacing:.05em;font-style:italic}
.soundtrack-icon{display:flex;align-items:center;gap:3px;justify-content:center;width:36px;height:36px;border:1px solid #b39bdc55;border-radius:6px;background:#b596ec16}
.soundtrack-icon i{width:3px;height:12px;border-radius:3px;background:#d4b6ff}
.soundtrack-icon i:nth-child(2),.soundtrack-icon i:nth-child(4){height:20px}.soundtrack-icon i:nth-child(3){height:27px}
.battle-equalizer{display:flex;align-items:flex-end;gap:3px;width:120px;height:44px;margin-left:6px;padding:6px 8px;border:1px solid #876aa36b;border-radius:6px;background:repeating-linear-gradient(0deg,transparent 0 9px,#c5a4ed0c 9px 10px),linear-gradient(140deg,#131021,#24172f);box-shadow:inset 0 1px 5px #0006;flex-shrink:0;overflow:hidden}
.battle-equalizer i{--eq-color:#80e9ff;--eq-level:.08;position:relative;flex:1;height:100%;border-radius:2px;background:linear-gradient(0deg,var(--eq-color),#f9fcce);transform:scaleY(var(--eq-level));transform-origin:bottom;box-shadow:0 0 6px color-mix(in srgb,var(--eq-color) 70%,transparent);opacity:.4;transition:opacity .16s ease}
.battle-equalizer i:nth-child(n+4){--eq-color:#9aff68}.battle-equalizer i:nth-child(n+8){--eq-color:#ffe852}.battle-equalizer i:nth-child(n+11){--eq-color:#ff9169}.battle-equalizer i:nth-child(n+13){--eq-color:#df8bff}
.battle-equalizer i::after{content:'';position:absolute;inset:0 0 auto;height:2px;background:#fff7df;border-radius:1px}
.battle-equalizer[data-eq-state=playing]{border-color:#b891e5a6;box-shadow:inset 0 1px 5px #0006,0 0 14px #af70d323}
.battle-equalizer[data-eq-state=playing] i{opacity:1}
.battle-audio-options{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:10px;flex:1;min-width:0}
.battle-audio-options button{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;padding:10px 13px;border:1px solid #6a577e;border-radius:6px;background:#151221;color:#e5daef;font:500 14px/1.3 Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;cursor:pointer}
.audio-indicator{display:inline-block;width:9px;height:9px;flex-shrink:0;border:1px solid #a899bc;border-radius:50%;background:#352f42}
.battle-audio-options button[aria-pressed=true]{background:linear-gradient(125deg,#473063,#202437);border-color:#bb9feb;color:#fff}
.battle-audio-options button[aria-pressed=true] .audio-indicator{background:#d5b2ff;border-color:#ebdaff;box-shadow:0 0 9px #bd91f4a6}
.battle-audio-options button:hover{background:#2b203b;border-color:#bea0e8}.battle-audio-options button:disabled{opacity:.55;cursor:default}
.battle-audio-options button:focus-visible,.battle-volume input:focus-visible{outline:2px solid #dbc1ff;outline-offset:4px}
.battle-volume{display:flex;align-items:center;gap:10px;flex:1 1 225px;max-width:285px;font-size:14px}
.battle-volume input{--volume-fill:50%;appearance:none;-webkit-appearance:none;flex:1;min-width:70px;width:100%;height:32px;margin:0;border-radius:6px;background:linear-gradient(90deg,#c7a2ff 0 var(--volume-fill),#43384f var(--volume-fill) 100%) center/100% 6px no-repeat;cursor:pointer;touch-action:pan-y}
.battle-volume input::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:18px;height:18px;border:2px solid #eee0ff;border-radius:50%;background:#bb94f4;box-shadow:0 2px 5px #0008}
.battle-volume input::-moz-range-thumb{width:14px;height:14px;border:2px solid #eee0ff;border-radius:50%;background:#bb94f4;box-shadow:0 2px 5px #0008}
.battle-volume input:disabled{opacity:.5;cursor:default}.battle-volume output{min-width:4ch;text-align:right;color:#d7c4ee;font-variant-numeric:tabular-nums}
.battle-audio-controls audio{display:none}
@media(max-width:720px){.battle-audio-controls{gap:14px;padding:14px}.battle-soundtrack{width:100%}.battle-equalizer{margin-left:auto}.battle-audio-options{justify-content:flex-start}.battle-volume{max-width:none}}
@media(max-width:480px){.battle-equalizer{width:82px;gap:2px;padding:6px}.battle-audio-options{display:grid;grid-template-columns:1fr;width:100%}.battle-audio-options button{width:100%}.battle-volume{width:100%;min-width:0;max-width:none;min-height:44px}}
@media(prefers-reduced-motion:reduce){.battle-equalizer i{transition:none}}