#tournament-dialog { width:min(1100px,calc(100vw - 24px)); max-height:calc(100dvh - 24px); padding:22px; background:#191c28; color:#eee2cd; border:4px solid #080a10; box-shadow:7px 7px #080a10; overflow:auto; scrollbar-width:thin; }
#tournament-dialog::backdrop { background:#050710dc; }
#tournament-dialog h2 { font-size:clamp(26px,4vw,48px); text-align:center; color:#ead38c; margin:0 0 18px; }
#tournament-dialog [hidden],#arena-toolbar #tournament-button[hidden] { display:none; }
#tournament-dialog button { font-size:18px; padding:10px 14px; margin:5px 0; background:#702e39; color:#eee2cd; border:3px solid #080a10; box-shadow:3px 3px #080a10; }
#tournament-dialog button:disabled { opacity:.5; }
#tournament-dialog select { background:#252a39; color:#eee2cd; border:2px solid #555869; padding:9px; width:100%; min-width:0; }
#tournament-size { max-width:180px; margin-left:12px; }
.tournament-actions { display:flex; gap:12px; flex-wrap:wrap; justify-content:center; }
#tournament-roster { display:grid; grid-template-columns:1fr 1fr; gap:10px 20px; margin:15px 0; }
#tournament-roster label { display:flex; gap:8px; align-items:center; font-weight:bold; }
.tournament-note { font:13px/1.5 Arial,sans-serif; color:#b5b6c0; }
#tournament-error { color:#f09e9e; font:14px/1.5 Arial,sans-serif; }
#tournament-error:empty { display:none; }
#tournament-bracket { display:flex; gap:16px; }
.bracket-round { flex:1; min-width:0; display:flex; flex-direction:column; justify-content:space-around; gap:12px; }
.bracket-round h3 { text-align:center; font-size:19px; color:#ead38c; }
.bracket-match { border:2px solid #41485a; background:#232738; padding:4px; }
.bracket-match[data-current=true] { border-color:#ead38c; }
.bracket-match>div { display:flex; align-items:center; gap:6px; min-height:48px; opacity:.7; }
.bracket-match strong { flex:1; font:700 13px Arial,sans-serif; overflow-wrap:anywhere; }
.bracket-match canvas { width:40px!important; height:40px!important; flex-shrink:0; }
.bracket-match .bracket-winner { color:#91d5a5; opacity:1; }
.bracket-tabs { display:none; }
@media(max-width:720px) {
  #tournament-dialog { padding:12px; }
  #tournament-roster { gap:8px; }
  #tournament-roster select { font-size:12px; padding:8px 2px; }
  #tournament-bracket { display:block; }
  .bracket-tabs { display:flex; gap:6px; flex-wrap:wrap; }
  #tournament-dialog .bracket-tabs button { flex:1; font-size:12px; padding:7px; }
  .bracket-tabs [aria-pressed=true] { outline:2px solid #ead38c; }
  .bracket-round[data-selected=false] { display:none; }
  .bracket-match strong { font-size:17px; }
  .bracket-match canvas { width:52px!important; height:52px!important; }
}