.lobby-hero{position:relative;isolation:isolate;margin-top:calc(-1 * (var(--header-h) + var(--safe-top)));padding-top:calc(var(--header-h) + var(--safe-top));overflow:hidden}.lobby-hero-bg{position:absolute;top:0;left:0;z-index:-2;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:72% 40%;object-position:72% 40%;--lobby-mask-y: linear-gradient( to bottom, #000 0%, #000 50%, rgb(0 0 0 / .8) 64%, rgb(0 0 0 / .46) 78%, rgb(0 0 0 / .16) 90%, rgb(0 0 0 / .03) 96.5%, transparent 100% );-webkit-mask-image:var(--lobby-mask-y);mask-image:var(--lobby-mask-y)}.lobby-hero[data-game=duo] .lobby-hero-bg{-o-object-position:70% 18%;object-position:70% 18%}.lobby-hero-constellation{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:-1;pointer-events:none;-webkit-mask-image:linear-gradient(180deg,#000 0%,#000 calc(100% - 96px),transparent 100%);mask-image:linear-gradient(180deg,#000 0%,#000 calc(100% - 96px),transparent 100%)}@media (min-width: 1024px){.lobby-hero-bg{transform:translate(var(--hero-shift, 0%));--lobby-mask-x: linear-gradient( to right, transparent 0%, rgb(0 0 0 / .52) max(1.5%, var(--hero-shift, 0%) * .6) , #000 max(4%, var(--hero-shift, 0%) * 1.25) );-webkit-mask-image:var(--lobby-mask-y),var(--lobby-mask-x);-webkit-mask-composite:source-in;mask-image:var(--lobby-mask-y),var(--lobby-mask-x);-webkit-mask-composite:source-in,xor;mask-composite:intersect}}@media (min-width: 1920px){.lobby-hero-bg{right:0;margin-inline:auto;max-width:1200px;--lobby-mask-x: linear-gradient( to right, transparent 0%, rgb(0 0 0 / .42) max(6%, var(--hero-shift, 0%) * .6) , #000 max(14%, var(--hero-shift, 0%) * 1.25) , #000 84%, rgb(0 0 0 / .42) 93%, transparent 100% )}}.lobby-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:linear-gradient(to right,rgb(var(--bg) / .9),rgb(var(--bg) / .74) 38%,rgb(var(--bg) / .24) 62%,rgb(var(--bg) / 0) 80%);-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 56%,rgb(0 0 0 / .65) 74%,rgb(0 0 0 / .22) 88.5%,transparent 100%);mask-image:linear-gradient(to bottom,#000 0%,#000 56%,rgb(0 0 0 / .65) 74%,rgb(0 0 0 / .22) 88.5%,transparent 100%)}@supports (not ((-webkit-mask-image: linear-gradient(to bottom,#000,transparent)) or (mask-image: linear-gradient(to bottom,#000,transparent)))) and (not (-webkit-mask-image: linear-gradient(to bottom,#000,transparent))){.lobby-hero:before{background:linear-gradient(to bottom,rgb(var(--bg) / 0) 60%,rgb(var(--bg))),linear-gradient(to right,rgb(var(--bg) / .9),rgb(var(--bg) / .74) 38%,rgb(var(--bg) / .24) 62%,rgb(var(--bg) / 0) 80%)}}.lobby-hero[data-game]:after{content:"";position:absolute;top:15%;left:-5%;width:650px;max-width:90vw;height:380px;z-index:-1;pointer-events:none;background:radial-gradient(ellipse 65% 55% at 35% 45%,rgb(var(--game, var(--accent)) / .16),transparent 70%);filter:blur(48px);-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 62%,transparent 96%);mask-image:linear-gradient(to bottom,#000 0%,#000 62%,transparent 96%)}.dark .lobby-hero[data-game]:after{background:radial-gradient(ellipse 65% 55% at 35% 45%,rgb(var(--game, var(--accent)) / .26),transparent 70%);filter:blur(56px)}.lobby-hero-inner{position:relative;display:grid;gap:1.25rem;padding-top:1.25rem;padding-bottom:clamp(3rem,5vw,4.5rem)}@media (min-width: 1024px){.lobby-hero-inner{min-height:440px;padding-bottom:clamp(3.5rem,6vw,5.25rem)}}.lobby-hero-bar{display:flex;align-items:center;justify-content:space-between;gap:.75rem;min-height:40px;margin-bottom:clamp(2rem,4.5vw,3.5rem)}.lobby-hero-top-actions{display:inline-flex;align-items:center;gap:.5rem}.lobby-hero-actions-capsule{display:inline-flex;align-items:center;height:38px;padding:3px;border-radius:9999px;background:rgb(var(--surface) / .62);border:1px solid rgb(var(--border) / .65);box-shadow:0 2px 8px -2px rgb(var(--shadow) / .08);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:background-color .16s ease,border-color .16s ease,box-shadow .16s ease}.lobby-hero-actions-capsule:hover{background:rgb(var(--surface) / .82);border-color:rgb(var(--border))}.lobby-hero-capsule-divider{width:1px;height:16px;background:rgb(var(--border) / .85);margin:0 2px;flex-shrink:0}.lobby-hero-capsule-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:32px;padding:0 12px;border-radius:9999px;font-size:.8125rem;font-weight:600;color:rgb(var(--fg-muted));background:transparent;border:none;cursor:pointer;text-decoration:none;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:color .15s ease,background-color .15s ease,transform .15s ease}.lobby-hero-capsule-btn:hover{color:rgb(var(--fg));background:rgb(var(--surface-hover) / .9);transform:translateY(-.5px)}.lobby-hero-capsule-btn:active{transform:scale(.97)}.lobby-hero-capsule-btn:focus-visible{outline:2px solid rgb(var(--focus));outline-offset:1px}.lobby-results-trophy{color:#d97706;flex-shrink:0;transition:transform .2s ease}.dark .lobby-results-trophy{color:#fbbf24;filter:drop-shadow(0 0 5px rgb(251 191 36 / .45))}.lobby-hero-results-btn:hover .lobby-results-trophy{transform:scale(1.15) rotate(-5deg)}.lobby-back{display:inline-flex;align-items:center;gap:.4rem;min-height:40px;margin-left:-.35rem;padding:0 .5rem;border-radius:999px;font-size:.9375rem;font-weight:500;color:rgb(var(--fg));background:rgb(var(--surface) / .5);border:1px solid rgb(var(--border) / .5);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:background-color .15s ease,border-color .15s ease}.lobby-back:hover{background:rgb(var(--surface) / .85);border-color:rgb(var(--border))}.lobby-eyebrow{margin-top:0;font-size:.8125rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:rgb(var(--fg-muted))}.lobby-title{margin-top:.4rem;font-size:clamp(2.25rem,5vw,3.6rem);font-weight:800;line-height:1.04;letter-spacing:-.03em}.lobby-hero[data-game] .lobby-title .text-gradient{background:linear-gradient(90deg,rgb(var(--game)),rgb(var(--game-text, var(--game))) 60%,rgb(var(--accent-2, var(--game))));-webkit-background-clip:text;background-clip:text;color:transparent}.lobby-desc{margin-top:.75rem;max-width:38rem;font-size:1.0625rem;line-height:1.55;color:rgb(var(--fg))}.lobby-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem;margin-top:1rem}.lobby-chips{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1.1rem}.lobby-chips>*{max-width:100%;white-space:normal}.lobby-chip{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem .9rem;border-radius:999px;font-size:.875rem;font-weight:500;background:rgb(var(--surface) / .82);border:1px solid rgb(var(--border));box-shadow:0 6px 18px -12px rgb(var(--shadow) / .5);transition:border-color .15s ease,box-shadow .15s ease}.lobby-chip>svg{color:rgb(var(--accent))}.lobby-hero[data-game] .lobby-chip>svg{color:rgb(var(--game))}.lobby-hero[data-game] .lobby-chip:hover{border-color:rgb(var(--game) / .5);box-shadow:0 6px 18px -8px rgb(var(--game) / .25)}.lobby-hero[data-game] .share-trigger:hover,.lobby-hero[data-game] .lobby-hero-actions-capsule:hover{border-color:rgb(var(--game) / .5);box-shadow:0 4px 16px -4px rgb(var(--game) / .3)}@supports (backdrop-filter: blur(1px)){.lobby-chip{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}}@media (max-width: 767px){.lobby-actions{flex-wrap:nowrap}.lobby-actions>*{flex:1 1 0;min-width:0;justify-content:center;white-space:nowrap}.lobby-actions>.btn,.lobby-actions>.btn-primary{min-height:2.75rem;padding-inline:.625rem;gap:.375rem;font-size:.8125rem}.lobby-hero:before{background:linear-gradient(to bottom,rgb(var(--bg) / .56),rgb(var(--bg) / .78) 42%,rgb(var(--bg) / .44) 72%,rgb(var(--bg) / 0) 96%);-webkit-mask-image:none;mask-image:none}.lobby-desc{font-size:.95rem;line-height:1.5}.lobby-chips{gap:.45rem;margin-top:.85rem}.lobby-chip{padding:.4rem .75rem;font-size:.8125rem}}@media (max-width: 640px){.share-trigger{min-height:36px;padding:0 .65rem;font-size:.8125rem}.share-trigger-label{display:none}.lobby-hero-actions-capsule{height:36px;padding:2px}.lobby-hero-capsule-btn{width:32px;padding:0;justify-content:center}.lobby-hero-action-label{display:none}.lobby-hero-capsule-divider{height:14px;margin:0 1px}.lobby-back{font-size:.875rem;min-height:36px;padding:0 .5rem}}@media (prefers-reduced-motion: reduce){.lobby-hero-actions-capsule,.lobby-hero-capsule-btn,.lobby-results-trophy{transition:none}.lobby-hero-capsule-btn:hover,.lobby-hero-results-btn:hover .lobby-results-trophy{transform:none}}.section-heading{min-width:0}.section-heading-eyebrow{font-size:.6875rem;font-weight:600;letter-spacing:.12em;line-height:1.3;text-transform:uppercase;color:rgb(var(--fg-muted))}.section-heading-title{margin-top:.15rem;overflow-wrap:break-word;color:rgb(var(--fg));font-size:1.125rem;font-weight:700;letter-spacing:-.01em;line-height:1.25}.section-heading-desc{margin-top:.25rem;font-size:.8125rem;color:rgb(var(--fg-muted));line-height:1.4}@media (max-width: 374px){.lobby-actions>.btn svg,.lobby-actions>.btn-primary svg{display:none}}