.battle-board[hidden] { display: none !important; }
.battle-board { padding: 1.3rem; }
.battle-members { display: grid; gap: .6rem; text-align: center; }
.battle-member { padding: .85rem; border: 1px solid rgba(255,176,64,.4); border-radius: 12px; background: rgba(255,120,20,.08); overflow-wrap: anywhere; }
.battle-member small { display: block; opacity: .7; margin-bottom: .3rem; }
.battle-vs { font-weight: 900; color: #ffb13c; }
#battle-controls, .battle-remove-controls { display: grid; gap: .6rem; margin-top: 1rem; }
#battle-controls button { width: 100%; white-space: normal; overflow-wrap: anywhere; }
#battle-feedback { margin-top: 1rem; overflow-wrap: anywhere; }
.wheel-page[data-battle-mode="queue"] .wheel-canvas-shell,
.wheel-page[data-battle-mode="queue"] .wheel-click-spin,
.wheel-page[data-battle-mode="queue"] .wheel-spin-controls,
.wheel-page[data-battle-mode="queue"] .wheel-entry-count { display: none !important; }
.wheel-page[data-battle-mode="queue"] .wheel-layout { grid-template-columns: minmax(0, 1fr); }
.wheel-page[data-battle-mode="queue"] .wheel-sidebar { display: grid; grid-template-columns: repeat(auto-fit,minmax(min(100%, 300px),1fr)); gap: 1.4rem; align-items: start; }