/* Play panel mode tabs: Competitive | Danger Zone | War Games (home page only, see home.js). Only shown when the
   Danger Zone or War Games queue is open to the viewer (admins while it's in preview). */
.lobby-sect.has-tabs .modes[hidden]{display:none}
.mode-tabs{display:flex;justify-content:center;gap:6px;margin:0 auto 12px;flex-wrap:wrap}
.mode-tabs button{display:inline-flex;align-items:center;gap:8px;height:34px;padding:0 16px;border:1px solid var(--line);border-radius:999px;background:var(--deck,#000);color:var(--muted);font:600 13px/1 var(--body,inherit);cursor:pointer;letter-spacing:.01em}
.mode-tabs button:hover:not([disabled]){color:var(--text);border-color:var(--line-hi,var(--line))}
.mode-tabs button[aria-selected=true]{background:var(--hull,#0A1730);color:var(--text);border-color:var(--blue);box-shadow:0 0 0 1px var(--blue) inset}
.mode-tabs button[data-tab=dz][aria-selected=true]{border-color:#E8A33D;box-shadow:0 0 0 1px #E8A33D inset,0 0 18px rgba(232,163,61,.18)}
.mode-tabs button[disabled]{cursor:default;opacity:.55}
.mode-tabs small{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}
.mode-tabs button[data-tab=dz] small{color:#E8A33D}
/* Danger Zone accent: the warm amber of the old DZ menus, on the picked squad size and the Find match button */
.lobby.is-dz .dz-modes button[aria-pressed=true]{background:linear-gradient(180deg,#F0B24E,#C9821F);color:#1A0E00}
.lobby .btn.btn-dz:not([disabled]){background:linear-gradient(180deg,#F0B24E,#C9821F);border-color:#C9821F;color:#1A0E00}
.lobby .btn.btn-dz.is-searching{background:linear-gradient(180deg,#F0B24E,#C9821F);border-color:#C9821F;color:#1A0E00;opacity:1}
/* War Games: ten modes in two groups (the final War Games menu, then the classic skirmishes), the picked mode's maps
   under the note, and a green accent like the old War Games tiles */
.mode-tabs button[data-tab=wg][aria-selected=true]{border-color:#3FCF8E;box-shadow:0 0 0 1px #3FCF8E inset,0 0 18px rgba(63,207,142,.18)}
.mode-tabs button[data-tab=wg]:not([disabled]) small{color:#3FCF8E}
.wg-modes{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));max-width:680px;margin:0 auto}
.wg-modes[hidden]{display:none!important}
.wg-modes button{padding:0 10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wg-grp{grid-column:1/-1;margin:8px 0 2px;font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);text-align:left;padding-left:4px}
.wg-maps{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;margin:10px auto 0;max-width:680px;font-size:12px;color:var(--muted)}
.wg-maps[hidden]{display:none}
.wg-maps b{font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;margin-right:2px}
.wg-maps span{padding:3px 9px;border:1px solid var(--line);border-radius:999px;background:var(--deck,#000);color:var(--text)}
.lobby.is-wg .wg-modes button[aria-pressed=true]{background:linear-gradient(180deg,#5BE0A3,#23A86C);color:#03140C}
.lobby .btn.btn-wg:not([disabled]),.lobby .btn.btn-wg.is-searching{background:linear-gradient(180deg,#5BE0A3,#23A86C);border-color:#23A86C;color:#03140C;opacity:1}
/* War Games lobby: Connect across the row, Copy connect + Leave lobby under it */
.lobby .go > a.btn-wg{grid-column:1/-1}
@media (max-width:560px){.mode-tabs button{height:32px;padding:0 12px;font-size:12px}.wg-modes{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* Surf · KZ · Bhop (timers-v1, Timers chat): always-on drop-in servers, so a Join button instead of Find match.
   Violet like the /timers leaderboards. */
.mode-tabs button[data-tab=tm][aria-selected=true]{border-color:#A970FF;box-shadow:0 0 0 1px #A970FF inset,0 0 18px rgba(169,112,255,.2)}
.mode-tabs button[data-tab=tm] small{color:#CBA8FF}
.tm-modes{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));max-width:520px;margin:0 auto}
.tm-modes[hidden]{display:none!important}
.lobby.is-tm .tm-modes button[aria-pressed=true]{background:linear-gradient(180deg,#B98CFF,#7C4BDB);color:#12051F}
.lobby .btn.btn-tm:not([disabled]){background:linear-gradient(180deg,#B98CFF,#7C4BDB);border-color:#7C4BDB;color:#12051F}
.lobby .go > a.btn-tm{grid-column:1/-1}