.lobby-page{grid-template-columns:160px minmax(0,960px) 160px;justify-content:center;align-items:start;gap:32px;max-width:1344px;margin:0 auto;padding:32px 20px;display:grid}.lobby-content{width:100%;min-width:0}.lobby-hero,.highscores-hero{border:1px solid color-mix(in srgb,var(--site-border)82%,transparent);background:radial-gradient(circle at top right,#d6922724,transparent 34%),linear-gradient(180deg,color-mix(in srgb,var(--site-surface-strong)95%,transparent)0%,color-mix(in srgb,var(--site-surface)96%,transparent)100%);box-shadow:var(--site-soft-shadow-strong);border-radius:24px;padding:26px 28px}.lobby-header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.lobby-header-copy,.highscores-hero-copy{gap:8px;display:grid}.lobby-kicker,.highscores-kicker{letter-spacing:.08em;text-transform:uppercase;color:var(--site-green);margin:0;font-size:.78rem;font-weight:700}.lobby-create-button{flex-shrink:0}.lobby-ad-left,.lobby-ad-right{position:sticky;top:80px}.resume-room-banner{background:linear-gradient(135deg,color-mix(in srgb,var(--site-green)12%,transparent),color-mix(in srgb,var(--site-gold)12%,transparent));border:1px solid color-mix(in srgb,var(--site-green)18%,transparent);box-shadow:var(--site-shadow);border-radius:18px;justify-content:space-between;align-items:center;gap:18px;margin-top:18px;padding:18px 20px;display:flex}.resume-room-copy{flex-direction:column;gap:6px;display:flex}.resume-room-copy h2{margin:0;font-size:1.15rem}.resume-room-copy p{color:var(--site-muted);margin:0}.resume-room-kicker{letter-spacing:.08em;text-transform:uppercase;color:var(--site-green);margin:0;font-size:.75rem;font-weight:700}.lobby-board,.highscores-panel{border:1px solid color-mix(in srgb,var(--site-border)82%,transparent);background:color-mix(in srgb,var(--site-surface)94%,transparent);box-shadow:var(--site-soft-shadow);content-visibility:auto;contain-intrinsic-size:420px;border-radius:22px;margin-top:18px;padding:22px;overflow:hidden}.room-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;display:grid}.room-card{background:linear-gradient(180deg,color-mix(in srgb,var(--site-surface-strong)90%,transparent),color-mix(in srgb,var(--site-surface)96%,transparent));border:1.5px solid var(--site-border);color:var(--site-text);text-align:left;cursor:pointer;appearance:none;width:100%;box-shadow:var(--site-soft-shadow);border-radius:16px;flex-direction:column;gap:12px;padding:18px;text-decoration:none;transition:border-color .15s,box-shadow .15s,transform .15s;display:flex}.room-card:hover{border-color:var(--site-green);box-shadow:var(--site-soft-shadow-strong);transform:translateY(-1px)}.room-card-header{justify-content:space-between;align-items:center;display:flex}.room-status-badge{border-radius:20px;padding:2px 8px;font-size:.75rem;font-weight:700}.room-status-badge--waiting{background:var(--site-status-waiting-bg);color:var(--site-status-waiting-text)}.room-status-badge--running{background:var(--site-status-running-bg);color:var(--site-status-running-text)}.room-card-body{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.room-card-seats{align-items:center;gap:6px;display:flex}.seat-dot{border:1.5px solid var(--site-border);border-radius:50%;width:10px;height:10px}.seat-dot--filled{background:var(--site-green);border-color:var(--site-green)}.seat-dot--empty{background:0 0}.seats-label{color:var(--site-muted);margin-left:4px;font-size:.82rem}.room-target,.room-variant-badge{color:var(--site-muted);font-size:.82rem}.room-card-footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.room-card-presence{color:var(--site-muted);font-size:.82rem}.room-join-hint{color:var(--site-green);font-size:.85rem;font-weight:600}.lobby-empty{text-align:center;color:var(--site-muted);flex-direction:column;align-items:center;gap:16px;padding:48px 20px;display:flex}[data-theme=dark] .lobby-hero,[data-theme=dark] .highscores-hero{border-color:color-mix(in srgb,var(--site-border)60%,transparent);background:radial-gradient(circle at top right,color-mix(in srgb,var(--site-gold)10%,transparent),transparent 34%),linear-gradient(180deg,#221d16f5 0%,#191611fa 100%);box-shadow:var(--site-soft-shadow-strong)}[data-theme=dark] .lobby-board,[data-theme=dark] .highscores-panel{border-color:color-mix(in srgb,var(--site-border)60%,transparent);box-shadow:var(--site-soft-shadow);background:#1f1b15eb}[data-theme=dark] .room-card{border-color:color-mix(in srgb,var(--site-border)68%,transparent);box-shadow:var(--site-soft-shadow);background:linear-gradient(#2a231af5 0%,#1e1914fa 100%)}[data-theme=dark] .room-card:hover{border-color:var(--site-green);box-shadow:var(--site-soft-shadow-strong)}[data-theme=dark] .resume-room-banner{background:linear-gradient(135deg,color-mix(in srgb,var(--site-green)10%,transparent),color-mix(in srgb,var(--site-gold)8%,transparent));border-color:color-mix(in srgb,var(--site-green)16%,transparent);box-shadow:var(--site-shadow)}@media (max-width:1100px){.lobby-page{grid-template-columns:1fr}.lobby-ad-left,.lobby-ad-right{display:none}.resume-room-banner{flex-direction:column;align-items:flex-start}}