.server-seats-reveal{grid-template-rows:1fr;animation:.2s cubic-bezier(.22,.61,.36,1) server-seats-open;display:grid;overflow:hidden}.server-seats-reveal>*{min-height:0}@keyframes server-seats-open{0%{opacity:0;grid-template-rows:0fr}to{opacity:1;grid-template-rows:1fr}}@media (prefers-reduced-motion:reduce){.server-seats-reveal{animation:none}}.server-seats-panel{background:var(--v2-bg,var(--bg-sunken));text-align:left;white-space:normal;padding:16px}.room-seats{--room-seat-min:300px;grid-template-columns:repeat(auto-fill, minmax(min(100%, max(var(--room-seat-min), (100% - 16px) / 3)), 1fr));gap:8px;margin:0;padding:0;list-style:none;display:grid;container:room-seats/inline-size}.room-seats-loading{opacity:.45}.room-seat-pending{background:var(--v2-panel,var(--bg-raised))}.room-seat{background:var(--v2-panel,var(--bg-raised));border-radius:8px;align-items:center;gap:8px;min-width:0;min-height:44px;padding:0 8px;display:flex}@container room-seats (max-width:299px){.room-seat{flex-wrap:wrap;row-gap:0;padding-block:4px}}.room-seat .room-seat-who{min-width:0;color:inherit;flex:auto;align-items:center;gap:8px;text-decoration:none;display:inline-flex}.room-seat .room-seat-name{text-overflow:ellipsis;white-space:nowrap;color:var(--v2-text,var(--fg));font-size:14px;font-weight:500;line-height:20px;overflow:hidden}.room-seat .room-seat-who:hover .room-seat-name,.room-seat .room-seat-who:focus-visible .room-seat-name{text-decoration:underline}.room-seat-model{text-overflow:ellipsis;white-space:nowrap;letter-spacing:.08em;text-transform:uppercase;min-width:0;color:var(--v2-muted,var(--fg-muted));flex:0 1000 auto;font-size:11px;font-weight:500;line-height:1;overflow:hidden}.room-seat-figures{flex:none;align-items:baseline;gap:8px;margin-left:auto;display:flex}.room-seat-figure{font-variant-numeric:tabular-nums;align-items:baseline;gap:4px;display:inline-flex}.room-seat-figure b{color:var(--v2-text,var(--fg));font-size:13px;font-weight:500;line-height:20px}.room-seat-figure-letter{letter-spacing:.08em;color:var(--v2-muted,var(--fg-muted));font-size:11px;font-weight:500;line-height:1}.room-seat-free{background:0 0}.room-seat-rule{width:64px;height:2px;color:var(--v2-muted,var(--fg-muted));opacity:.32;background:currentColor;border-radius:2px;display:block}.room-seats-note{color:var(--v2-muted,var(--fg-muted));margin:0;font-size:13px;line-height:20px}.server-seats-toggle{box-shadow:none;cursor:pointer;min-height:0;text-align:inherit;font-family:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;letter-spacing:inherit;font-variant-numeric:tabular-nums;color:inherit;background:0 0;border:0;align-items:center;gap:4px;margin:0;padding:0;display:inline-flex}.server-seats-toggle:focus-visible{outline:2px solid var(--v2-gold,var(--focus));outline-offset:3px;border-radius:3px}.server-seats-chevron{color:var(--v2-muted,var(--fg-muted));flex:none;transition:transform .2s cubic-bezier(.22,.61,.36,1)}.server-seats-toggle[aria-expanded=true] .server-seats-chevron{color:var(--v2-text,var(--fg));transform:rotate(180deg)}.server-seats-toggle:hover .server-seats-chevron{color:var(--v2-text,var(--fg))}@media (prefers-reduced-motion:reduce){.server-seats-chevron{transition:none}}.v2 .v2-room-table tr.server-seats-row>td{padding:0!important}.v2 .v2-room-table tr[data-seats-open]>td{border-bottom-color:#0000}@media (max-width:580px){.server-lobby .v2-room-table tbody{gap:0}.server-lobby .v2-room-table tbody tr{margin-bottom:10px}.server-lobby .v2-room-table tbody tr[data-seats-open]{border-bottom-right-radius:0;border-bottom-left-radius:0;margin-bottom:0}.server-lobby .v2-room-table tbody tr.server-seats-row{border-top-left-radius:0;border-top-right-radius:0;padding:0;display:block}.server-lobby .v2-room-table tr.server-seats-row>td{grid-column:1/-1;display:block}.server-seats-panel{padding:8px 14px 14px}.server-seats-toggle{min-height:44px}}
.server-mode-icon{--server-mode-color:var(--v2-gold);width:44px;height:44px;color:var(--server-mode-color);background:var(--v2-raised);border:0;border-radius:8px;flex:0 0 44px;place-items:center;display:grid}.server-mode-icon--perps{--server-mode-color:#74b9cf}.server-mode-icon--practice{--server-mode-color:var(--v2-green)}.server-mode-icon--locked{--server-mode-color:var(--v2-muted)}html[data-tournament-theme=light] .server-mode-icon--perps{--server-mode-color:#28738b}.server-mode-icon>svg{display:block}
