.family-lobby{width:100%;max-height:100dvh;overflow-y:auto;scroll-behavior:smooth}.family-lobby__hero{position:relative;width:100%;min-height:380px;background:linear-gradient(135deg,var(--bg-primary) 0,var(--bg-card) 100%);background-size:cover;background-position:50%;overflow:hidden;border-radius:0;transition:min-height .3s ease}@media(max-width:768px){.family-lobby__hero{min-height:300px}}.family-lobby--collapsed .family-lobby__hero{min-height:140px}.family-lobby--collapsed .family-lobby__hero-content,.family-lobby__sticky-cta{opacity:0;pointer-events:none}.family-lobby__sticky-cta{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:12px;padding:10px 24px;background:color-mix(in srgb,var(--bg-primary) 92%,transparent);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border-default);transform:translateY(-100%);transition:opacity .2s ease,transform .2s ease}.family-lobby__sticky-cta--visible{opacity:1;pointer-events:auto;transform:translateY(0)}.family-lobby__sticky-cta-title{font-family:var(--font-serif,var(--font-display));font-size:1rem;font-weight:700;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;flex:1 1}.family-lobby__sticky-cta .family-lobby__hero-actions{flex-shrink:0}.family-lobby__sticky-cta .family-lobby__btn-primary,.family-lobby__sticky-cta .family-lobby__btn-secondary{padding:8px 20px;font-size:.85rem}.family-lobby__hero-gradient{position:absolute;inset:0;background:linear-gradient(transparent 10%,rgba(0,0,0,.5) 50%,rgba(0,0,0,.92));pointer-events:none}.family-lobby__hero-content{position:absolute;bottom:0;left:0;right:0;padding:28px 32px;z-index:1;transition:opacity .2s ease;max-width:1200px;margin:0 auto}@media(max-width:768px){.family-lobby__hero-content{padding:20px}}.family-lobby__hero-chips{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:10px}.family-lobby__hero-chip{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:12px;background:hsla(0,0%,100%,.1);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid hsla(0,0%,100%,.12);color:#fff;font-size:11px;font-family:var(--font-body);text-transform:capitalize;box-shadow:0 1px 4px rgba(0,0,0,.2)}.family-lobby__hero-title{margin:0;color:#fff;font-size:2.2rem;font-weight:700;font-family:var(--font-serif,var(--font-display));text-shadow:0 2px 12px rgba(0,0,0,.5);line-height:1.15}@media(max-width:768px){.family-lobby__hero-title{font-size:1.5rem}}.family-lobby__hero-creator{margin:6px 0 10px;color:hsla(0,0%,100%,.6);font-size:.88rem}.family-lobby__hero-creator a{color:var(--accent-teal);text-decoration:none}.family-lobby__hero-tagline{margin:0 0 16px;color:hsla(0,0%,100%,.55);font-size:.85rem;line-height:1.5;max-width:560px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.family-lobby__difficulty-pills{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:14px}.family-lobby__difficulty-pill{padding:5px 14px;background:color-mix(in srgb,var(--text-primary) 6%,transparent);border:1px solid rgba(0,0,0,0);border-radius:20px;font-size:11px;font-family:var(--font-body);color:var(--text-muted);cursor:pointer;transition:all .15s ease}.family-lobby__difficulty-pill:hover{background:color-mix(in srgb,var(--text-primary) 10%,transparent);color:var(--text-secondary)}.family-lobby__difficulty-pill--active{background:color-mix(in srgb,var(--accent-teal) 18%,transparent);border-color:color-mix(in srgb,var(--accent-teal) 40%,transparent);color:var(--accent-teal)}.family-lobby__difficulty-detail{font-size:9px;color:rgba(239,68,68,.7);margin-left:3px}.family-lobby__more-options{display:block;margin-top:10px;background:none;border:none;color:var(--text-muted);font-size:11px;font-family:var(--font-body);cursor:pointer;padding:0;transition:color .15s}.family-lobby__more-options:hover{color:var(--text-secondary)}.family-lobby__hero-actions{display:flex;gap:10px;align-items:center}@media(max-width:768px){.family-lobby__hero-actions{flex-wrap:wrap}}.family-lobby__btn-primary--full{width:100%;max-width:400px;justify-content:center;font-size:1.05rem;letter-spacing:.02em}.family-lobby__btn-primary{position:relative;display:inline-flex;align-items:center;gap:.5rem;padding:12px 32px;border:none;border-radius:12px;font-weight:700;font-size:.95rem;text-decoration:none;font-family:var(--font-body);cursor:pointer;isolation:isolate;background:linear-gradient(180deg,color-mix(in srgb,var(--accent-teal) 85%,white 15%) 0,var(--accent-teal) 40%,color-mix(in srgb,var(--accent-teal) 60%,black 40%) 100%);color:#0d1f1c;text-shadow:0 1px 1px rgba(180,255,240,.25);border-top:1px solid color-mix(in srgb,var(--accent-teal) 40%,white 60%);box-shadow:0 1px 0 0 rgba(180,255,240,.35) inset,0 -1px 0 0 rgba(0,40,30,.35) inset,0 4px 0 0 color-mix(in srgb,var(--accent-teal) 45%,black 55%),0 6px 20px color-mix(in srgb,var(--accent-teal) 35%,transparent),0 0 40px color-mix(in srgb,var(--accent-teal) 12%,transparent),0 2px 4px rgba(0,0,0,.25);transition:all .2s cubic-bezier(.4,0,.2,1)}.family-lobby__btn-primary:before{content:"";position:absolute;top:0;left:0;right:0;height:50%;border-radius:12px 12px 0 0;background:linear-gradient(180deg,rgba(255,255,255,.2),transparent);pointer-events:none}.family-lobby__btn-primary:hover:not(:disabled){box-shadow:0 1px 0 0 rgba(180,255,240,.45) inset,0 -1px 0 0 rgba(0,40,30,.35) inset,0 4px 0 0 color-mix(in srgb,var(--accent-teal) 45%,black 55%),0 8px 28px color-mix(in srgb,var(--accent-teal) 45%,transparent),0 0 48px color-mix(in srgb,var(--accent-teal) 18%,transparent),0 2px 4px rgba(0,0,0,.25)}.family-lobby__btn-primary:active:not(:disabled){transform:translateY(2px);box-shadow:0 1px 0 0 rgba(180,255,240,.2) inset,0 2px 0 0 color-mix(in srgb,var(--accent-teal) 45%,black 55%),0 3px 8px color-mix(in srgb,var(--accent-teal) 25%,transparent)}.family-lobby__btn-primary:disabled{opacity:.5;cursor:not-allowed}.family-lobby__btn-secondary{position:relative;display:inline-flex;align-items:center;gap:.5rem;padding:12px 32px;border-radius:12px;font-weight:700;font-size:.95rem;font-family:var(--font-body);text-decoration:none;cursor:pointer;isolation:isolate;background:linear-gradient(180deg,color-mix(in srgb,var(--bg-elevated) 92%,white 8%) 0,var(--bg-elevated) 40%,color-mix(in srgb,var(--bg-elevated) 85%,black 15%) 100%);border:none;border-top:1px solid color-mix(in srgb,var(--text-primary) 8%,white 6%);color:var(--text-primary);box-shadow:0 1px 0 0 color-mix(in srgb,var(--text-primary) 5%,transparent) inset,0 -1px 0 0 rgba(0,0,0,.1) inset,0 4px 0 0 color-mix(in srgb,var(--bg-elevated) 70%,black 30%),0 6px 20px rgba(0,0,0,.15);transition:all .2s cubic-bezier(.4,0,.2,1)}.family-lobby__btn-secondary:before{content:"";position:absolute;top:0;left:0;right:0;height:50%;border-radius:12px 12px 0 0;background:linear-gradient(180deg,color-mix(in srgb,var(--text-primary) 4%,transparent),transparent);pointer-events:none}.family-lobby__btn-secondary:hover:not(:disabled){box-shadow:0 1px 0 0 color-mix(in srgb,var(--text-primary) 8%,transparent) inset,0 -1px 0 0 rgba(0,0,0,.1) inset,0 4px 0 0 color-mix(in srgb,var(--bg-elevated) 65%,black 35%),0 8px 28px rgba(0,0,0,.2)}.family-lobby__btn-secondary:active:not(:disabled){transform:translateY(2px);box-shadow:inset 0 1px 0 0 rgba(0,0,0,.15),0 2px 0 0 rgba(0,0,0,.2),0 3px 8px rgba(0,0,0,.2)}.family-lobby__btn-secondary:disabled{opacity:.5;cursor:not-allowed}.family-lobby__body{position:relative;z-index:1;background:var(--bg-primary);border-radius:20px 20px 0 0;margin-top:-16px;padding:24px 24px 0;box-shadow:0 -4px 24px rgba(0,0,0,.15);max-width:1200px;margin-left:auto;margin-right:auto}@media(max-width:768px){.family-lobby__body{border-radius:14px 14px 0 0;padding:20px 16px 0}}.family-lobby__best-run{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:rgba(245,158,11,.08);border:1px solid rgba(245,158,11,.2);border-radius:10px;margin-bottom:1.5rem}.family-lobby__best-run-label{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:rgba(245,158,11,.7)}.family-lobby__best-run-score{font-size:1.5rem;font-weight:800;color:#f59e0b}.family-lobby__best-run-meta{font-size:.75rem;color:color-mix(in srgb,var(--text-primary) 50%,transparent)}.family-lobby__error{padding:.5rem 1rem;background:color-mix(in srgb,var(--status-error,#ef4444) 10%,transparent);border:1px solid color-mix(in srgb,var(--status-error,#ef4444) 25%,transparent);border-radius:8px;color:var(--status-error,#ef4444);font-size:.8rem;margin-bottom:1rem}.family-lobby--roguelike{--accent-primary:#ef4444}.family-lobby--ttrpg{--accent-primary:#f59e0b}.family-lobby--narrative{--accent-primary:#818cf8}.family-lobby--visual-novel{--accent-primary:#ec4899}.family-lobby--crawler{--accent-primary:#6b7280}.family-lobby--board-game{--accent-primary:#22c55e}