.nick-input.svelte-ti9mb3{font-size:16px;width:100%}.code-input.svelte-et1yxl{font-size:16px;text-transform:uppercase;letter-spacing:.25em;font-family:var(--font-mono);text-align:center}.intro.svelte-1uha8ag{margin-bottom:var(--space-5);text-align:center;padding:var(--space-6) var(--space-2) var(--space-2)}.intro.svelte-1uha8ag h1{font-size:clamp(2.6rem,8vw,4rem);line-height:.98;margin-bottom:var(--space-4);background:linear-gradient(100deg,var(--accent) 5%,var(--gold) 50%,var(--accent-2) 95%);-webkit-background-clip:text;background-clip:text;color:transparent}.intro.svelte-1uha8ag p{font-size:1.05rem;max-width:52ch;margin:0 auto}.intro.svelte-1uha8ag .lead{font-size:clamp(1.15rem,3.5vw,1.4rem);font-weight:700;color:var(--text);max-width:32ch;margin:0 auto var(--space-3)}.games.svelte-1uha8ag{margin-top:var(--space-4)}.games.svelte-1uha8ag h2:where(.svelte-1uha8ag){margin-top:0}.game-list.svelte-1uha8ag{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--space-2) var(--space-4)}.game-list.svelte-1uha8ag li:where(.svelte-1uha8ag){display:flex;flex-direction:column}.g-link.svelte-1uha8ag{display:flex;flex-direction:column;gap:1px;padding:var(--space-1) var(--space-2);margin:0 calc(-1 * var(--space-2));border-radius:var(--radius-sm);text-decoration:none;color:var(--text);transition:background-color var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-out)}.g-link.svelte-1uha8ag:hover{background:var(--accent-soft);transform:translate(2px)}.g-link.svelte-1uha8ag:hover .g-title:where(.svelte-1uha8ag){color:var(--accent)}.all-games.svelte-1uha8ag{margin:var(--space-3) 0 0;font-size:.9em}.all-games.svelte-1uha8ag a:where(.svelte-1uha8ag){color:var(--accent)}.g-title.svelte-1uha8ag{font-weight:500}.g-range.svelte-1uha8ag{font-size:.8em;font-weight:400;font-variant-numeric:tabular-nums}.g-tag.svelte-1uha8ag{font-size:.82em;line-height:1.3}.reconnect.svelte-1uha8ag{display:inline-flex;align-items:center;gap:var(--space-2);margin:0 0 var(--space-3);padding:var(--space-1) var(--space-3);font-size:.9em;color:var(--text-muted);background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-pill)}.reconnect.svelte-1uha8ag .dot:where(.svelte-1uha8ag){width:8px;height:8px;border-radius:50%;background:var(--accent);flex:none}.notice.svelte-1uha8ag{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);margin-bottom:var(--space-4);border:1px solid var(--border);border-left:3px solid var(--danger);border-radius:var(--radius-sm);background:var(--bg-elevated)}.link.svelte-1uha8ag{min-height:auto;padding:0 var(--space-2);border:none;background:transparent;color:var(--accent)}.forms.svelte-1uha8ag{display:grid;gap:var(--space-4)}.forms.svelte-1uha8ag form:where(.svelte-1uha8ag){display:flex;flex-direction:column;gap:var(--space-3)}.forms.svelte-1uha8ag form.hero:where(.svelte-1uha8ag){background:linear-gradient(155deg,var(--accent-soft),transparent 55%),var(--bg-elevated);border-color:color-mix(in srgb,var(--accent) 30%,var(--border))}.forms.svelte-1uha8ag form.hero:where(.svelte-1uha8ag) button.primary:where(.svelte-1uha8ag){min-height:52px;font-size:1.05rem}.join-row.svelte-1uha8ag{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:stretch}.join-row.svelte-1uha8ag .code-input{width:7rem;flex:none}.join-row.svelte-1uha8ag .nick-input{flex:1 1 9rem;min-width:0}.muted.svelte-1uha8ag{color:var(--text-muted)}.beta-banner.svelte-1uha8ag{display:flex;align-items:center;gap:var(--space-4);margin-top:var(--space-5);padding:var(--space-4) var(--space-5);border-radius:var(--radius-lg);background:radial-gradient(80% 130% at 92% -20%,rgba(76,192,109,.22),transparent 60%),linear-gradient(150deg,#232b1c,#171c12);border:1px solid rgba(111,209,143,.35);box-shadow:var(--shadow-md),0 0 24px -10px #6fd18f4d;color:#f1ecdd;text-decoration:none;font-weight:400;transition:transform var(--dur-fast) var(--ease-out),border-color .15s ease}.beta-banner.svelte-1uha8ag:hover{transform:translateY(-2px);border-color:#6fd18f;color:#f1ecdd;text-decoration:none}.bb-hive.svelte-1uha8ag{width:92px;flex:none}.bb-cell.svelte-1uha8ag{fill:#f1ecdd0a;stroke:#f1ecdd47;stroke-width:1.5}.bb-cell.live.svelte-1uha8ag{fill:#6fd18f24;stroke:#6fd18f}.bb-flux.svelte-1uha8ag{fill:#6fd18f;animation:pulse var(--dur-pulse) var(--ease-out) infinite;animation-duration:2.6s;transform-box:fill-box;transform-origin:center}.bb-text.svelte-1uha8ag{display:flex;flex-direction:column;gap:2px;min-width:0}.bb-eyebrow.svelte-1uha8ag{font-family:var(--font-mono);font-size:.66rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:#6fd18f}.bb-title.svelte-1uha8ag{font-family:var(--font-display);font-weight:600;font-size:1.25rem;line-height:1.2}.bb-sub.svelte-1uha8ag{font-size:.88em;color:#b9c2a8;line-height:1.4}.beta-banner.svelte-1uha8ag:hover .bb-sub:where(.svelte-1uha8ag){color:#d3dcc4}@media (max-width: 480px){.bb-hive.svelte-1uha8ag{display:none}}.fabel-banner.svelte-1uha8ag{display:flex;align-items:center;gap:var(--space-4);margin-top:var(--space-3);padding:var(--space-3) var(--space-5);border-radius:var(--radius-lg);background:radial-gradient(90% 140% at 8% -30%,rgba(230,166,55,.28),transparent 55%),linear-gradient(150deg,#f6efdd,#efe4cb);border:1px solid rgba(184,121,26,.4);box-shadow:var(--shadow-md),0 0 22px -12px #e6a63780;color:#2c2920;text-decoration:none;font-weight:400;transition:transform var(--dur-fast) var(--ease-out),border-color .15s ease}.fabel-banner.svelte-1uha8ag:hover{transform:translateY(-2px);border-color:#b8791a;color:#2c2920;text-decoration:none}.fb-orb.svelte-1uha8ag{width:56px;flex:none}.fb-text.svelte-1uha8ag{display:flex;flex-direction:column;gap:2px;min-width:0}.fb-eyebrow.svelte-1uha8ag{font-family:var(--font-mono);font-size:.66rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:#a2661c}.fb-title.svelte-1uha8ag{font-family:var(--font-display);font-weight:600;font-size:1.15rem;line-height:1.2}.fb-sub.svelte-1uha8ag{font-size:.85em;color:#6d6350;line-height:1.4}.fabel-banner.svelte-1uha8ag:hover .fb-sub:where(.svelte-1uha8ag){color:#55493a}@media (max-width: 480px){.fb-orb.svelte-1uha8ag{display:none}}@media (min-width: 640px){.forms.svelte-1uha8ag{grid-template-columns:1fr 1fr}}
