/* Public lobby catalog. Scoped to preserve the existing site themes. */
.lobby-hub{padding-top:48px}.lobby-hub .page-title{margin-bottom:24px}.hub-game-switch{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 26px;margin:0 0 28px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(110deg,color-mix(in srgb,var(--violet),transparent 80%),color-mix(in srgb,var(--cyan),transparent 94%));color:var(--text)}.hub-game-switch strong{display:block;font-size:18px}.hub-game-switch small{display:block;margin-top:8px;color:var(--muted);font-size:14px}.hub-game-switch-action{flex-shrink:0;font-size:14px;color:var(--cyan)}@media(max-width:600px){.lobby-hub{padding-top:28px}.hub-game-switch{align-items:flex-start;flex-direction:column;padding:20px;gap:16px}.hub-game-switch strong{font-size:17px}}
@media(max-width:380px){.hub-filters .hub-filter:nth-child(-n+3){grid-column:1/-1}}
.hub-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:24px;align-items:start}
.hub-sidebar{padding:22px;position:sticky;top:110px}.hub-sidebar nav{display:grid;gap:7px;margin:20px -8px}.hub-sidebar nav a{display:flex;align-items:center;gap:11px;padding:13px 10px;border-radius:12px;color:var(--muted);font-size:13px}.hub-sidebar nav a[aria-current],.hub-sidebar nav a:hover{background:color-mix(in srgb,var(--violet),transparent 85%);color:var(--text)}.hub-rules{display:block;font-size:12px;line-height:1.6;color:var(--muted);border-top:1px solid var(--line);padding-top:18px}
.hub-main{min-width:0}.hub-overview{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:18px}.hub-intro{padding:28px;background:radial-gradient(ellipse at 95% 0,color-mix(in srgb,var(--cyan),transparent 78%),transparent 65%),linear-gradient(125deg,color-mix(in srgb,var(--violet),transparent 70%),var(--panel))!important}.hub-intro h2{font-size:clamp(22px,3vw,32px);line-height:1.2;margin:16px 0}.hub-intro p{color:var(--muted);font-size:14px;line-height:1.7;max-width:48ch}.hub-counts{padding:24px;display:grid;gap:18px}.hub-counts div{display:flex;gap:14px;align-items:center}.hub-counts strong{font-size:32px;color:var(--cyan)}.hub-counts span{font-size:12px;color:var(--muted);line-height:1.5}.hub-counts small{font-size:10px;color:var(--muted)}
.hub-filters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding:20px}.hub-filter{min-width:0;display:flex;flex-direction:column;gap:8px}.hub-filter label{font-size:12px;color:var(--muted)}.hub-filter input,.hub-filter select{width:100%;min-width:0;min-height:44px;border:1px solid var(--line);border-radius:10px;background:var(--panel);color:var(--text);padding:10px;font:inherit;font-size:14px}.hub-filter-actions{display:flex;align-items:center;gap:14px;align-self:end;min-height:44px;font-size:12px}.hub-filter .errorlist{margin:0;padding-left:16px;font-size:12px;color:#ff8aa4}.hub-result-count{font-size:12px;color:var(--muted);margin:18px 0}
.hub-rooms{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.room-card{padding:22px;min-width:0;display:flex;flex-direction:column;border-top:2px solid color-mix(in srgb,var(--violet),var(--cyan) 25%)}.room-card-top{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;font-size:11px}.room-mode{padding:6px 9px;background:color-mix(in srgb,var(--violet),transparent 83%);border-radius:7px}.room-deck{color:var(--muted)}.room-card h3{font-size:clamp(22px,2.4vw,32px);margin:24px 0 8px;overflow-wrap:anywhere}.room-card h3 small{font-size:12px;color:var(--cyan)}.room-owner{font-size:12px;color:var(--muted);overflow-wrap:anywhere;line-height:1.6;margin:0 0 20px}.room-seats{display:flex;justify-content:space-between;font-size:13px;border-top:1px solid var(--line);padding-top:16px}.room-seats span{color:var(--muted)}.room-terms{font-size:11px;color:var(--muted);line-height:1.5;margin:12px 0 20px}.room-card .button,.room-full{margin-top:auto;width:100%;font-size:12px;min-height:44px;padding:12px;text-align:center}.room-full{color:var(--muted);border:1px solid var(--line);border-radius:12px}.hub-empty{grid-column:1/-1;padding:36px;text-align:center}.hub-empty p{color:var(--muted);font-size:14px;line-height:1.7;max-width:56ch;margin:14px auto 22px}.hub-pagination{display:flex;justify-content:center;gap:24px;margin-top:24px;font-size:14px}.hub-pagination a{padding:12px}.hub-pagination span{align-self:center}.lobby-hub a:focus-visible,.lobby-hub button:focus-visible,.lobby-hub input:focus-visible,.lobby-hub select:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}
@media(max-width:1200px){.hub-rooms{grid-template-columns:repeat(2,minmax(0,1fr))}.hub-layout{grid-template-columns:190px minmax(0,1fr);gap:18px}.hub-overview{grid-template-columns:1fr}.hub-counts{grid-template-columns:1fr 1fr}.hub-counts small{grid-column:1/-1}}
@media(max-width:900px){.hub-layout{grid-template-columns:1fr}.hub-sidebar{display:none}.hub-filters{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:600px){.lobby-hub .page-title{align-items:stretch}.lobby-hub .page-title .button-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.lobby-hub .page-title .button{font-size:12px;padding:13px 9px}.hub-filters{grid-template-columns:repeat(2,minmax(0,1fr));padding:16px;gap:12px}.hub-filter select,.hub-filter input{font-size:16px}.hub-filter-actions{flex-wrap:wrap}.hub-rooms{grid-template-columns:1fr}.hub-intro{padding:22px}.hub-counts{padding:18px;gap:14px}.hub-counts div{gap:9px}.hub-counts strong{font-size:26px}.hub-counts span{font-size:11px}.hub-empty{padding:24px}.lobby-hub .section-heading{gap:12px;flex-wrap:wrap}.lobby-hub .section-heading a{font-size:12px}}