.watch-battle-dialog { width: min(1120px, calc(100vw - 32px)); max-width: none; max-height: calc(100dvh - 32px); padding: 20px; background: var(--t-panel-bg, #3d2c36); color: var(--t-panel-text, #fff1c3); border: var(--t-panel-border, 4px solid #738679); box-shadow: 6px 6px 0 #17221f; }
.watch-battle-dialog::backdrop { background: #101a14c9; }
.watch-battle-dialog > header { display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.watch-battle-dialog h2 { margin: 0; }
.watch-battle-dialog > header button { min-width: 44px; min-height: 44px; }
.watch-battle-dialog .tournament-tabs { display: flex; overflow-x: auto; gap: 6px; padding-bottom: 10px; }
.watch-battle-dialog .tournament-tabs button { flex: 0 0 auto; min-height: 44px; }
.watch-battle-toolbar { display: flex; justify-content: space-between; align-items: center; gap: 12px; }
.watch-battle-dialog .room-browser-entry { gap: 16px; }
.watch-battle-dialog .room-browser-name { min-width: 0; overflow-wrap: anywhere; }
.watch-battle-dialog .room-browser-entry button { flex-shrink: 0; min-height: 44px; }
.watch-battle-dialog [role=tabpanel] { min-height: 160px; }
.watch-battle-dialog .tournament-bracket-visual { max-width: 100%; }
.watch-battle-exit { position: absolute; top: 54px; left: 12px; z-index: 12; min-height: 44px; }
@media(max-width:600px) { .watch-battle-dialog { width: calc(100vw - 12px); max-height: calc(100dvh - 12px); padding: 12px; } }
.watch-battle-dialog[open] { display: grid; grid-template-rows: auto auto auto auto minmax(0, 1fr); height: min(800px, calc(100dvh - 32px)); overflow: hidden; }
.watch-battle-dialog [role=tabpanel] { min-height: 0; overflow: auto; overscroll-behavior: contain; }
.watch-battle-dialog > p { margin: 8px 0; }
@media (max-height: 500px) { .watch-battle-dialog[open] { grid-template-rows: auto auto auto minmax(0, 1fr); } .watch-battle-dialog > p { display: none; } .watch-battle-dialog > header h2 { font-size: 18px; } }

body.guest-spectator #gameDock [data-menu-tab] { display: none; }
@media (max-height: 500px) { .watch-battle-dialog > header { padding: 4px 8px; } }