#wars-toggle {
  --nav-bg:#ce2034;--nav-hover:#e62e43;--nav-border:#ff6875;--nav-highlight:#ffaab0;--nav-text:#fff;
}
#wars-toggle[aria-pressed=true] {box-shadow:inset 0 0 0 1px var(--nav-border)}
.song-wars{--bg:#16090e;--panel:#230e15;--line:#692234;--muted:#c6939d;--accent:#ff445c;--white:#fff;--green:#ff5368;background:#16090e;color:#fff}.song-wars .ambient{background:radial-gradient(ellipse at 18% 25%,#9b172527,transparent 60%),radial-gradient(ellipse at 85% 80%,#c7283820,transparent 55%)}.song-wars .topbar{border-color:#5c2433}.song-wars .brand img{filter:brightness(0) saturate(100%) invert(39%) sepia(97%) saturate(2374%) hue-rotate(329deg) brightness(105%) contrast(100%)}.song-wars .intro h1{font-size:clamp(38px,5vw,58px);font-weight:800;letter-spacing:-2px;margin-top:6px}.song-wars .intro .eyebrow{color:#ff7585}.song-wars .intro p,.song-wars .session-chip small{color:#c6939d}.song-wars .session-chip{background:#290e17;border-color:#682436}.song-wars .signal{color:#ff5368}.song-wars .tag{background:#461222;color:#ffa0ae;border-color:#822e42}.song-wars .player-card,.song-wars .queue-card{background:#230e15;border-color:#642336}.song-wars .action-strip,.song-wars .notice,.song-wars .player-card>.history,.song-wars .repeat-controls{display:none}.song-wars .eyebrow,.song-wars .card-top .eyebrow,.song-wars .source-tag{color:#ff8796}.song-wars .play-button,.song-wars .primary{background:#e52b43;color:#fff;border-color:#ff7383}.song-wars .seek-slider{accent-color:#ff4d64;background:#612131}.song-wars .time-row,.song-wars .track-heading p{color:#ce9aa5}.song-wars .art-stage{background:radial-gradient(ellipse,#7d1d32,#2b0f19 67%);border-color:#65243a}.song-wars .record-label{background:#df344b}.song-wars #video-toggle,.song-wars #video-status,.song-wars #visual-toolbar{background:#2c0f1bee;border-color:#912b43;color:#fff}.song-wars dialog{background:#250e18;border-color:#a73950;color:#fff}.song-wars #room-dialog .dialog-head{background:#250e18}.song-wars input,.song-wars select{accent-color:#ff4d64}.song-wars .text-button,.song-wars #info-body,.song-wars dialog label{color:#ffb1bc}.song-wars .search-box input,.song-wars select{background:#190a10;border-color:#783048}.song-wars footer{border-color:#532132;color:#bd8290}.song-wars #toast{background:#310f1b;border-color:#ee4b65;color:#fff}
.wars-arena{border:1px solid #783047;background:linear-gradient(130deg,#38121f,#230e15);border-radius:8px;padding:24px;margin-top:18px}.wars-arena-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.wars-round-label{font-size:10px;letter-spacing:1.5px;font-weight:750;background:#5b1b2d;padding:8px 10px;border-radius:4px}.wars-arena #wars-status{font-size:15px;line-height:1.6;color:#f0bec8;margin:20px 0}.wars-arena #wars-owner-note{font-size:11px;line-height:1.6;color:#c38c9b;margin:18px 0 0}#wars-contenders{display:grid;grid-template-columns:1fr 1fr;gap:14px}#wars-contenders.is-spinning .wars-contender h3{filter:blur(5px)}.wars-contender{min-width:0;border:1px solid #8c3148;background:#1a0a12;padding:18px;border-radius:7px}.wars-contender h3{font-size:20px;overflow-wrap:anywhere;margin:14px 0 20px;transition:filter .2s}.wars-song{min-height:82px;border-top:1px solid #572236;padding-top:14px;margin-bottom:12px}.wars-song strong{font-size:13px;line-height:1.5;overflow-wrap:anywhere;display:block}.wars-song small{display:block;color:#c48b9a;font-size:11px;line-height:1.5;margin-top:5px}.wars-contender button{display:block;width:100%;margin-top:8px;min-height:44px;font-size:11px;border-radius:5px}.wars-request,.wars-play{background:#411626;border-color:#8f344c;color:#fff}.wars-victor{background:#cd223f;border-color:#f95874;color:#fff;font-weight:700}.wars-contender button:hover{background:#8b2940}.wars-played{display:block;color:#f3a6b5;font-size:10px;margin-top:12px}.wars-waiting,.wars-champion{grid-column:1/-1;text-align:center;padding:24px 10px}.wars-vs{display:inline-grid;place-items:center;width:74px;height:74px;background:#63172b;border:1px solid #d33e5c;color:#fff;font-size:24px;font-weight:800;border-radius:50%;margin-bottom:14px}.wars-waiting h3{font-size:22px;margin:10px 0}.wars-waiting p{max-width:430px;margin:16px auto;color:#ce9ca9;line-height:1.8;font-size:12px}.wars-crown{font-size:66px;color:#ff5b75;line-height:1.2}.wars-champion .eyebrow{display:block;margin:15px 0}.wars-champion h2{font-size:36px;overflow-wrap:anywhere;margin:8px 0}.wars-champion p{color:#e8acbb}.wars-sidebar{padding-bottom:22px}.wars-wheel-heading{display:flex;gap:12px;align-items:center;justify-content:space-between}.wars-wheel-heading .eyebrow{font-size:8px}.wars-wheel-heading h2{font-size:23px;margin:10px 0}#wars-count{font-size:10px;line-height:1.7;text-align:right;color:#d79aa9;max-width:100px}.wars-wheel-wrap{position:relative;margin:20px 0 4px;padding:6px;border-radius:50%;background:#1a080f;border:1px solid #a13a50;box-shadow:0 0 28px #f0325320}.wars-wheel-wrap.is-spinning{box-shadow:0 0 32px #f0325350}.wars-wheel-wrap canvas{width:100%;height:auto;display:block;will-change:transform}.wars-pointer{position:absolute;left:50%;top:-12px;transform:translateX(-50%);width:0;height:0;border-left:12px solid transparent;border-right:12px solid transparent;border-top:27px solid #fff;z-index:2;filter:drop-shadow(0 2px 3px #0008)}#wars-picks{font-size:12px;text-align:center;line-height:1.6;min-height:38px;color:#ffbac8;margin:13px 0}.wars-primary,.wars-spin,.wars-reset{min-height:46px;width:100%;border-radius:5px;margin-top:10px;font-weight:700}.wars-primary{background:#e32a47;color:#fff;border-color:#ff6d85}.wars-primary:hover,.wars-spin:hover{background:#b01d39}.wars-spin{background:#6a1b31;border-color:#ab3b55;color:#fff}.wars-reset{background:transparent;border-color:#652539;color:#d69aa9;font-size:11px;font-weight:500;min-height:38px}.wars-entrants{display:flex;flex-wrap:wrap;gap:6px;max-height:150px;overflow:auto;margin:17px 0}.wars-entrant{padding:5px 8px;background:#4b1829;border:1px solid #6e293e;border-radius:4px;font-size:10px;overflow-wrap:anywhere}.wars-entrant.battling{border-color:#ff5b79;background:#732138}.wars-entrant.eliminated{opacity:.45;text-decoration:line-through}.wars-connected{border:1px solid #612537;background:#1b0b12;border-radius:6px;padding:15px;margin-top:8px}.wars-connected-head{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:12px}.wars-connected h3{font-size:11px;margin:0}.wars-role-group{margin-top:12px;font-size:10px}.wars-role-group strong{display:block;color:#ffb5c4;font-weight:650}.wars-role-group span{display:block;color:#b68393;line-height:1.6;margin-top:5px;overflow-wrap:anywhere}.wars-result{display:flex;gap:14px;align-items:center;border-top:1px solid #612537;padding:12px 0;font-size:11px}.wars-result>span{font-size:8px;color:#d993a5;flex:none}.wars-result strong{font-weight:500;color:#edbfcb;overflow-wrap:anywhere}#wars-results-wrap h3{font-size:12px;margin-top:24px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}body.visual-mode #wars-arena{display:none}
@media(max-width:700px){.topbar{height:auto;min-height:96px;padding-top:16px;padding-bottom:16px;gap:12px;flex-wrap:wrap}.header-right{gap:10px}.header-right .tag{display:none}.song-wars .intro h1{font-size:44px}.song-wars .workspace{display:flex;flex-direction:column}.wars-sidebar{order:-1;min-height:0}.wars-arena{padding:18px}.wars-contender{padding:13px}.wars-contender h3{font-size:18px}#wars-contenders{gap:10px}.wars-wheel-wrap{max-width:310px;width:100%;align-self:center}.wars-arena-head .eyebrow{font-size:8px}.wars-round-label{font-size:9px}.wars-connected{margin-top:12px}.wars-champion h2{font-size:28px}}
@media(max-width:370px){#wars-contenders{grid-template-columns:1fr}.wars-contender h3{margin-bottom:12px}}
.song-wars .topbar{background:#230e15}.song-wars #back,.song-wars #skip{display:none}.song-wars .seek-slider::-webkit-slider-thumb{background:#ff5368;border-color:#ffb7c1}.song-wars .seek-slider::-moz-range-thumb{background:#ff5368;border-color:#ffb7c1}

.wars-entrant{display:inline-flex;align-items:center;gap:8px}.wars-remove{color:#fff;background:#7c2034;border:1px solid #ad4054;border-radius:4px;padding:7px 9px;min-height:36px;cursor:pointer}.wars-entrant.left,.wars-entrant.removed{opacity:.55;text-decoration:line-through}

#wars-leaderboard {
  margin:18px 0 0; padding:clamp(14px, 3vw, 24px); min-width:0;
  border:1px solid #783047; border-radius:8px; background:#230e15;
}
body.visual-mode #wars-leaderboard {display:none}
#wars-format-label:not([hidden]) {display:grid; gap:6px; margin-top:16px}
#wars-format {width:100%; min-height:44px}
#wars-rules {font-size:13px; line-height:1.5; color:#f0bec8}
#wars-lineup {border:1px solid #783047; border-radius:6px; padding:12px 16px}
#wars-lineup h3 {margin:0; font-size:14px}
#wars-order {padding-left:24px; margin:8px 0 0; max-height:16rem; overflow:auto}
#wars-order li {padding:4px; overflow-wrap:anywhere}
#wars-order li.battling {color:#ffabb6; font-weight:700}
.wars-entrant small {margin-left:5px}

#wars-bracket {min-width:0; margin:16px 0; padding:14px; border:1px solid #683041; border-radius:7px; background:#1b0d13}
.bracket-title {margin:0; font-size:16px}
.bracket-seeds {margin:6px 0 0; color:#dfb6c0; font-size:12px; overflow-wrap:anywhere}
.bracket-scroll {overflow:auto; max-height:26rem; margin-top:8px; scrollbar-color:#95455b #241018}
.bracket-scroll:focus-visible {outline:2px solid #ff8e9e; outline-offset:2px}
.bracket-rail {--wire:#a55269; --gap:18px; display:flex; align-items:center; width:max-content; min-width:100%; box-sizing:border-box; padding:6px 2px}
.bracket-rail > * + *, .bracket-branch > .bracket-card:not(:first-child) {position:relative; margin-left:var(--gap)}
.bracket-rail > * + *::before, .bracket-branch > .bracket-card:not(:first-child)::before {
  content:''; position:absolute; right:100%; top:50%; width:var(--gap); border-top:1px solid var(--wire)
}
.bracket-card {box-sizing:border-box; width:clamp(96px,10vw,130px); border:1px solid #713649; background:#341722; border-radius:5px; color:#f7eaf0; padding:7px 9px}
.bracket-label {display:block; font-size:10px; color:#ffa5b5; letter-spacing:.035em; margin-bottom:3px}
.bracket-row {display:block; font-size:12px; line-height:1.35; overflow-wrap:anywhere; padding:3px 0}
.bracket-row + .bracket-row {border-top:1px solid #ffffff17}
.bracket-winner {font-weight:700; color:#ffe19d}
.bracket-winner::before {content:'✓ '; color:#ffe19d}
.bracket-now {border-color:#ff879b}
.bracket-trophy {background:#392818; border-color:#997446}
.bracket-trophy .bracket-label {color:#ffe19d}
.bracket-branch {display:flex; align-items:center}
.bracket-feeders,.bracket-groups {display:flex; flex-direction:column}
.bracket-groups {gap:6px}
.bracket-source {display:flex; justify-content:flex-end; align-items:center; flex:1; position:relative; padding:4px var(--gap) 4px 0}
.bracket-source::after {content:''; position:absolute; right:0; width:var(--gap); height:50%; border-right:1px solid var(--wire)}
.bracket-source:first-child::after {top:50%; border-top:1px solid var(--wire)}
.bracket-source:last-child::after {bottom:50%; border-bottom:1px solid var(--wire)}
#wars-bracket.is-spinning .bracket-draw .bracket-row {font-size:0}
#wars-bracket.is-spinning .bracket-draw .bracket-row::before {content:'Drawing…'; font-size:12px}
@media(max-width:600px) {
  #wars-bracket {padding:10px}
  .bracket-rail {--gap:13px}
}