#arena-bandas{border-block:1px solid #171b1f12}
#arena-bandas .section-heading p:last-child{margin:0;color:#50545a}
.arena-meta{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;align-items:center;padding:14px 18px;border:1px solid #171b1f1d;border-radius:16px;background:#11151a08}
.arena-meta p{margin:0;color:#2f3440}
.arena-actions{display:flex;gap:10px;flex-wrap:wrap}
.arena-signup{margin-top:16px;padding:16px;border:1px solid #171b1f22;border-radius:14px;background:#ffffffbf}
.arena-signup h3{margin:0 0 10px}
.arena-signup-controls{display:flex;gap:8px;flex-wrap:wrap}
.arena-signup-controls select,.arena-signup-controls button{min-height:40px;padding:8px 10px;border-radius:10px;border:1px solid #171b1f28;background:#fff}
.arena-signup-controls button{font-weight:700;cursor:pointer}
.arena-signup-controls button:disabled,.arena-signup-controls select:disabled{opacity:.55;cursor:not-allowed}
.arena-enrollment-list{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
.enrolled-band{display:flex;align-items:center;gap:8px;padding:6px 10px;border-radius:999px;background:#f7f0e2;border:1px solid #ead6ac;font-size:.83rem}
.enrolled-band button{border:0;background:transparent;cursor:pointer;font-weight:800;padding:0 2px}
.arena-empty{margin:0;color:#5b616b;font-size:.88rem}
.arena-note{margin:12px 0 0;font-size:.86rem;color:#495161}

.arena-styles{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px;margin-top:24px}
.arena-style{padding:16px;border:1px solid #171b1f1e;border-radius:16px;background:#ffffffa8}
.arena-style h3{margin:0 0 10px;font-size:1rem}
.arena-style-card{padding:12px;border:1px solid #171b1f18;border-radius:12px;background:#fefefe}
.arena-style-card+.arena-style-card{margin-top:10px}
.arena-style-card h4{margin:0;font-size:.98rem}
.arena-style-card .meta{margin:4px 0 8px;color:#5b616b;font-size:.84rem}
.arena-style-card .usage{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 10px;padding:0;list-style:none}
.arena-style-card .usage li{padding:3px 9px;border-radius:999px;background:#f1e2c2;color:#5f4a23;font-size:.74rem;font-weight:600}
.arena-vote{display:grid;gap:8px}
.arena-rating{display:flex;gap:6px;flex-wrap:wrap}
.arena-rating button{width:34px;height:34px;border:1px solid #171b1f2a;border-radius:50%;background:#fff;cursor:pointer;font-weight:700}
.arena-rating button.is-active{background:#d9b26d;color:#17130d;border-color:#b58a43}
.arena-vote .skip{padding:7px 10px;border:1px solid #171b1f2a;border-radius:999px;background:#fff;cursor:pointer;font-size:.76rem;font-weight:700;justify-self:start}
.arena-rating button:disabled,.arena-vote .skip:disabled{opacity:.55;cursor:not-allowed}
.arena-vote .votes{font-size:.83rem;color:#505762}

.arena-winners,.arena-draft,.arena-global{margin-top:24px;padding:18px;border:1px solid #171b1f1f;border-radius:16px;background:#ffffffbf}
.arena-winners h3,.arena-draft h3,.arena-global h3{margin:0 0 10px}
#arenaWinnersList{display:grid;gap:8px}
.winner-row{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:10px 12px;border-radius:10px;background:#f7f0e2}
.winner-row strong{display:block}
.winner-row span{color:#514f47;font-size:.83rem}

#arenaDraftBoard{display:grid;gap:10px}
.draft-row{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:10px 12px;border-radius:10px;background:#f7f7f7}
.draft-row select,.draft-row button{padding:8px 10px;border-radius:10px;border:1px solid #171b1f28;background:#fff}
.draft-row .assigned{font-size:.85rem;color:#41444d}
.draft-row .controls{display:flex;align-items:center;gap:8px}

#arenaGlobalWinner{margin-top:0;color:#4f555f}
#arenaGlobalBands{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px}
.global-band{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:8px 10px;border-radius:10px;background:#f7f7f7}
.global-band strong{font-size:.9rem}
.global-band span{font-size:.82rem;color:#495161}

@media (max-width:820px){
  .arena-meta{padding:12px}
  .arena-actions{width:100%}
  .arena-signup-controls{flex-direction:column}
}