.join-input.svelte-1caord8{display:flex;align-items:center;gap:.75rem}.slots.svelte-1caord8{display:flex;gap:.375rem}.slot.svelte-1caord8{width:3rem;height:3.5rem;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:.625rem;font-family:JetBrains Mono,monospace;font-size:1.25rem;font-weight:700;color:#fff;text-align:center;text-transform:uppercase;caret-color:#6366f1;transition:all .15s ease}.slot.svelte-1caord8:focus{outline:none;border-color:#6366f1;background:#6366f11a}.slot.filled.svelte-1caord8{border-color:#ffffff26}.slot.svelte-1caord8:disabled{opacity:.5;cursor:not-allowed}.submit.svelte-1caord8{display:flex;align-items:center;justify-content:center;width:3.5rem;height:3.5rem;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:.75rem;color:#fff;cursor:pointer;transition:all .2s ease;flex-shrink:0}.submit.svelte-1caord8:hover:not(:disabled){transform:scale(1.05);box-shadow:0 4px 16px #6366f166}.submit.svelte-1caord8:active:not(:disabled){transform:scale(.98)}.submit.svelte-1caord8:disabled{opacity:.4;cursor:not-allowed}.spinner.svelte-1caord8{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:svelte-1caord8-spin .8s linear infinite}@keyframes svelte-1caord8-spin{to{transform:rotate(360deg)}}@media(min-width:640px){.slot.svelte-1caord8{width:3.25rem;height:3.75rem;font-size:1.375rem}}.initial.svelte-65zher{min-height:100vh;min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:2rem 1.5rem;position:relative;overflow:hidden}.bg-layer.svelte-65zher{position:absolute;inset:0;pointer-events:none}.gradient-mesh.svelte-65zher{position:absolute;inset:0;background:radial-gradient(ellipse 80% 50% at 50% -20%,rgba(99,102,241,.15),transparent),radial-gradient(ellipse 60% 40% at 100% 100%,rgba(168,85,247,.12),transparent),radial-gradient(ellipse 50% 30% at 0% 80%,rgba(236,72,153,.1),transparent),linear-gradient(180deg,#0a0a0f,#0f0f1a,#0a0a12)}.noise-overlay.svelte-65zher{position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");opacity:.03;mix-blend-mode:overlay}.glow.svelte-65zher{position:absolute;border-radius:50%;filter:blur(100px);opacity:.4;animation:svelte-65zher-pulse 8s ease-in-out infinite}.glow-1.svelte-65zher{width:400px;height:400px;background:#6366f1;top:-15%;right:-10%;animation-delay:0s}.glow-2.svelte-65zher{width:300px;height:300px;background:#a855f7;bottom:10%;left:-5%;animation-delay:-3s}.glow-3.svelte-65zher{width:200px;height:200px;background:#ec4899;top:50%;left:60%;animation-delay:-5s}@keyframes svelte-65zher-pulse{0%,to{transform:scale(1);opacity:.4}50%{transform:scale(1.1);opacity:.5}}.grid-pattern.svelte-65zher{position:absolute;inset:0;background-image:linear-gradient(rgba(99,102,241,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(99,102,241,.03) 1px,transparent 1px);background-size:60px 60px;-webkit-mask-image:radial-gradient(ellipse 70% 50% at 50% 50%,black 20%,transparent 70%);mask-image:radial-gradient(ellipse 70% 50% at 50% 50%,black 20%,transparent 70%)}.content.svelte-65zher{width:100%;max-width:480px;display:flex;flex-direction:column;gap:2rem;position:relative;z-index:1}.content.svelte-65zher>:where(.svelte-65zher){opacity:0;transform:translateY(20px);transition:all .6s cubic-bezier(.16,1,.3,1);transition-delay:var(--delay, 0ms)}.content.mounted.svelte-65zher>:where(.svelte-65zher){opacity:1;transform:translateY(0)}.hero.svelte-65zher{text-align:center}.hero-badge.svelte-65zher{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#6366f11a;border:1px solid rgba(99,102,241,.2);border-radius:2rem;color:#a5b4fc;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;margin-bottom:1.25rem}.title.svelte-65zher{font-family:Outfit,system-ui,sans-serif;font-size:clamp(2.75rem,12vw,4rem);font-weight:800;line-height:.9;letter-spacing:-.04em}.line.svelte-65zher{display:block;color:#fff}.line.accent.svelte-65zher{background:linear-gradient(135deg,#818cf8,#c084fc,#f472b6 80%,#fb7185);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.subtitle.svelte-65zher{margin-top:1rem;font-size:1rem;color:#ffffff80}.quick-actions.svelte-65zher{display:flex;flex-direction:column;gap:.75rem}.action-primary.svelte-65zher{position:relative;display:flex;align-items:center;justify-content:center;gap:.625rem;width:100%;padding:1rem 1.5rem;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:1rem;color:#fff;font-size:1rem;font-weight:700;cursor:pointer;overflow:hidden;transition:all .3s ease}.action-primary.svelte-65zher:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 40px -8px #6366f180}.action-primary.svelte-65zher:active:not(:disabled){transform:scale(.98)}.action-primary.svelte-65zher:disabled{opacity:.7;cursor:not-allowed}.action-glow.svelte-65zher{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.action-primary.svelte-65zher:hover .action-glow:where(.svelte-65zher){left:100%}.action-content.svelte-65zher{display:flex;align-items:center;gap:.625rem;position:relative;z-index:1}.action-secondary.svelte-65zher{display:flex;align-items:center;justify-content:center;gap:.625rem;width:100%;padding:.875rem 1.25rem;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:1rem;color:#fffc;font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .2s ease}.action-secondary.svelte-65zher:hover{background:#ffffff0f;border-color:#ffffff26;color:#fff}.spinner.svelte-65zher{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:svelte-65zher-spin .8s linear infinite;margin-left:.5rem}@keyframes svelte-65zher-spin{to{transform:rotate(360deg)}}.lobbies-section.svelte-65zher{display:flex;flex-direction:column;gap:1rem}.section-header.svelte-65zher{display:flex;align-items:center;justify-content:space-between}.section-title-group.svelte-65zher{display:flex;align-items:baseline;gap:.75rem}.section-title.svelte-65zher{font-family:Outfit,system-ui,sans-serif;font-size:1.125rem;font-weight:700;color:#fff}.lobby-count.svelte-65zher{font-size:.75rem;color:#fff6}.refresh-btn.svelte-65zher{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:.5rem;color:#ffffff80;cursor:pointer;transition:all .2s ease}.refresh-btn.svelte-65zher:hover:not(:disabled){background:#ffffff14;color:#fff}.refresh-btn.svelte-65zher .spinning:where(.svelte-65zher){display:flex;animation:svelte-65zher-spin 1s linear infinite}.refresh-btn.svelte-65zher span:where(.svelte-65zher){display:flex}.lobbies-loading.svelte-65zher{display:flex;flex-direction:column;gap:.625rem}.skeleton-card.svelte-65zher{display:flex;align-items:center;gap:.875rem;padding:1rem;background:#ffffff05;border:1px solid rgba(255,255,255,.04);border-radius:.875rem;animation:svelte-65zher-shimmer 1.5s ease-in-out infinite;animation-delay:calc(var(--i) * .1s)}.skeleton-icon.svelte-65zher{width:2.5rem;height:2.5rem;background:#ffffff0d;border-radius:.625rem}.skeleton-lines.svelte-65zher{flex:1;display:flex;flex-direction:column;gap:.375rem}.skeleton-line.svelte-65zher{height:.75rem;background:#ffffff0d;border-radius:.25rem}.skeleton-line.short.svelte-65zher{width:60%}@keyframes svelte-65zher-shimmer{0%,to{opacity:1}50%{opacity:.5}}.lobbies-empty.svelte-65zher{display:flex;flex-direction:column;align-items:center;padding:2.5rem 1.5rem;background:#ffffff05;border:1px dashed rgba(255,255,255,.08);border-radius:1rem;text-align:center}.empty-icon.svelte-65zher{font-size:2.5rem;margin-bottom:.75rem;filter:grayscale(.5)}.empty-text.svelte-65zher{font-size:.9375rem;font-weight:600;color:#ffffffb3}.empty-hint.svelte-65zher{font-size:.8125rem;color:#fff6;margin-top:.25rem}.lobbies-grid.svelte-65zher{display:grid;grid-template-columns:1fr;gap:.625rem;max-height:320px;overflow-y:auto;padding-right:.25rem;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.1) transparent}.lobbies-grid.expanded.svelte-65zher{max-height:500px}.lobbies-grid.svelte-65zher::-webkit-scrollbar{width:4px}.lobbies-grid.svelte-65zher::-webkit-scrollbar-track{background:transparent}.lobbies-grid.svelte-65zher::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:2px}.lobby-card.svelte-65zher{position:relative;display:flex;align-items:center;gap:.875rem;padding:.875rem 1rem;background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:.875rem;cursor:pointer;transition:all .2s ease;overflow:hidden;text-align:left}.lobby-card.svelte-65zher:hover{background:#ffffff0d;border-color:color-mix(in srgb,var(--color) 40%,transparent);transform:translate(4px)}.lobby-card-glow.svelte-65zher{position:absolute;top:0;left:0;width:4px;height:100%;background:var(--color);opacity:0;transition:opacity .2s ease}.lobby-card.svelte-65zher:hover .lobby-card-glow:where(.svelte-65zher){opacity:1}.lobby-icon.svelte-65zher{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;background:color-mix(in srgb,var(--color) 15%,transparent);border-radius:.625rem;font-size:1.25rem;flex-shrink:0}.lobby-info.svelte-65zher{flex:1;display:flex;flex-direction:column;gap:.125rem;min-width:0}.lobby-game.svelte-65zher{font-size:.9375rem;font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lobby-players.svelte-65zher{display:flex;align-items:center;gap:.375rem;font-size:.75rem;color:#fff6}.lobby-join.svelte-65zher{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;background:#ffffff0d;border-radius:.5rem;color:#ffffff80;flex-shrink:0;transition:all .2s ease}.lobby-card.svelte-65zher:hover .lobby-join:where(.svelte-65zher){background:var(--color);color:#fff}.expand-btn.svelte-65zher{display:flex;align-items:center;justify-content:center;gap:.375rem;padding:.625rem;background:none;border:none;color:#ffffff80;font-size:.8125rem;font-weight:500;cursor:pointer;transition:color .2s ease}.expand-btn.svelte-65zher:hover{color:#fff}.expand-btn.svelte-65zher span:where(.svelte-65zher){display:flex;transition:transform .2s ease}.expand-btn.svelte-65zher .rotated:where(.svelte-65zher){transform:rotate(90deg)}.join-section.svelte-65zher{display:flex;justify-content:center}.join-trigger.svelte-65zher{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:2rem;color:#ffffff80;font-size:.8125rem;font-weight:500;cursor:pointer;transition:all .2s ease}.join-trigger.svelte-65zher:hover{background:#ffffff0f;border-color:#ffffff1a;color:#fff}.join-panel.svelte-65zher{width:100%;display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:1.25rem;background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:1rem}.join-cancel.svelte-65zher{padding:.5rem 1rem;background:none;border:none;color:#fff6;font-size:.8125rem;cursor:pointer;transition:color .2s ease}.join-cancel.svelte-65zher:hover{color:#fff}@media(min-width:640px){.content.svelte-65zher{max-width:520px}.title.svelte-65zher{font-size:clamp(3rem,14vw,4.5rem)}.lobbies-grid.svelte-65zher{grid-template-columns:repeat(2,1fr)}}@media(prefers-reduced-motion:reduce){.glow.svelte-65zher{animation:none}.content.svelte-65zher>:where(.svelte-65zher){transition:none}}.game-selection.svelte-18c5xrn{min-height:100vh;min-height:100dvh;padding:1.5rem 1.5rem 4rem;max-width:1000px;margin:0 auto;position:relative}.bg-layer.svelte-18c5xrn{position:fixed;inset:0;pointer-events:none;z-index:-1}.gradient-mesh.svelte-18c5xrn{position:absolute;inset:0;background:radial-gradient(ellipse 80% 50% at 50% -20%,rgba(99,102,241,.12),transparent),radial-gradient(ellipse 60% 40% at 100% 100%,rgba(168,85,247,.1),transparent),linear-gradient(180deg,#0a0a0f,#0f0f1a,#0a0a12)}.noise-overlay.svelte-18c5xrn{position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");opacity:.03;mix-blend-mode:overlay}.glow.svelte-18c5xrn{position:absolute;border-radius:50%;filter:blur(120px);opacity:.3}.glow-1.svelte-18c5xrn{width:400px;height:400px;background:#6366f1;top:-10%;left:-10%}.glow-2.svelte-18c5xrn{width:300px;height:300px;background:#a855f7;bottom:20%;right:-5%}.header.svelte-18c5xrn{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem;padding-bottom:1.25rem;border-bottom:1px solid rgba(255,255,255,.06);opacity:0;transform:translateY(-10px);transition:all .5s cubic-bezier(.16,1,.3,1)}.header.mounted.svelte-18c5xrn{opacity:1;transform:translateY(0)}.back-btn.svelte-18c5xrn{display:flex;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:.875rem;color:#ffffffb3;cursor:pointer;transition:all .2s ease;flex-shrink:0}.back-btn.svelte-18c5xrn:hover{background:#ffffff14;color:#fff;transform:translate(-2px)}.header-content.svelte-18c5xrn{flex:1}.title.svelte-18c5xrn{font-family:Outfit,system-ui,sans-serif;font-size:1.5rem;font-weight:700;color:#fff;letter-spacing:-.02em}.subtitle.svelte-18c5xrn{font-size:.875rem;color:#fff6;margin-top:.125rem}.categories.svelte-18c5xrn{display:flex;gap:.5rem;margin-bottom:1.5rem;overflow-x:auto;padding-bottom:.5rem;scrollbar-width:none;opacity:0;transform:translateY(-10px);transition:all .5s cubic-bezier(.16,1,.3,1);transition-delay:50ms}.categories.mounted.svelte-18c5xrn{opacity:1;transform:translateY(0)}.categories.svelte-18c5xrn::-webkit-scrollbar{display:none}.category-btn.svelte-18c5xrn{display:flex;align-items:center;gap:.5rem;padding:.625rem 1rem;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:2rem;color:#fff9;font-size:.8125rem;font-weight:600;white-space:nowrap;cursor:pointer;transition:all .2s ease}.category-btn.svelte-18c5xrn:hover{background:#ffffff0f;color:#fff}.category-btn.active.svelte-18c5xrn{background:#6366f126;border-color:#6366f14d;color:#a5b4fc}.games-grid.svelte-18c5xrn{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.games-grid.mounted.svelte-18c5xrn .game-card:where(.svelte-18c5xrn){opacity:1;transform:translateY(0)}.game-card.svelte-18c5xrn{position:relative;display:flex;flex-direction:column;padding:1.25rem;background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:1.25rem;cursor:pointer;text-align:left;overflow:hidden;opacity:0;transform:translateY(16px);transition:all .4s cubic-bezier(.16,1,.3,1);transition-delay:calc(var(--i) * 50ms)}.game-card.svelte-18c5xrn:hover{background:#ffffff0a;border-color:color-mix(in srgb,var(--color) 40%,transparent);transform:translateY(-4px);box-shadow:0 12px 40px -12px color-mix(in srgb,var(--color) 30%,transparent),0 4px 16px #0003}.card-glow.svelte-18c5xrn{position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at center,var(--color),transparent 70%);opacity:0;transition:opacity .3s ease;pointer-events:none}.game-card.svelte-18c5xrn:hover .card-glow:where(.svelte-18c5xrn){opacity:.06}.card-header.svelte-18c5xrn{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:1rem}.game-icon.svelte-18c5xrn{display:flex;align-items:center;justify-content:center;width:3.5rem;height:3.5rem;background:color-mix(in srgb,var(--color) 15%,transparent);border-radius:1rem;font-size:1.75rem;transition:transform .3s ease}.game-card.svelte-18c5xrn:hover .game-icon:where(.svelte-18c5xrn){transform:scale(1.1) rotate(-5deg)}.beta-badge.svelte-18c5xrn{padding:.25rem .5rem;background:linear-gradient(135deg,#f59e0b,#ef4444);border-radius:.375rem;font-size:.625rem;font-weight:700;color:#fff;letter-spacing:.05em}.card-body.svelte-18c5xrn{flex:1;margin-bottom:1rem}.game-title.svelte-18c5xrn{font-family:Outfit,system-ui,sans-serif;font-size:1.125rem;font-weight:700;color:#fff;margin-bottom:.375rem}.game-description.svelte-18c5xrn{font-size:.8125rem;line-height:1.5;color:#ffffff80;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-footer.svelte-18c5xrn{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding-top:.875rem;border-top:1px solid rgba(255,255,255,.06)}.category-tag.svelte-18c5xrn{padding:.25rem .625rem;background:#ffffff0d;border-radius:1rem;font-size:.6875rem;font-weight:600;color:#ffffff80;text-transform:uppercase;letter-spacing:.03em}.player-info.svelte-18c5xrn{display:flex;align-items:center;gap:.375rem;font-size:.75rem;color:#fff6}.select-indicator.svelte-18c5xrn{position:absolute;bottom:1rem;right:1rem;display:flex;align-items:center;gap:.375rem;padding:.5rem .875rem;background:var(--color);border-radius:.625rem;font-size:.75rem;font-weight:700;color:#fff;opacity:0;transform:translateY(8px);transition:all .25s ease;box-shadow:0 4px 12px color-mix(in srgb,var(--color) 40%,transparent)}.game-card.svelte-18c5xrn:hover .select-indicator:where(.svelte-18c5xrn){opacity:1;transform:translateY(0)}.empty-state.svelte-18c5xrn{text-align:center;padding:3rem 1rem;color:#ffffff80;opacity:0;transition:opacity .3s ease}.empty-state.mounted.svelte-18c5xrn{opacity:1}@media(min-width:640px){.game-selection.svelte-18c5xrn{padding:2rem}.games-grid.svelte-18c5xrn{grid-template-columns:repeat(3,1fr)}.title.svelte-18c5xrn{font-size:1.75rem}.game-icon.svelte-18c5xrn{width:4rem;height:4rem;font-size:2rem}}@media(min-width:1024px){.games-grid.svelte-18c5xrn{grid-template-columns:repeat(4,1fr)}.game-card.svelte-18c5xrn{padding:1.5rem}}@media(prefers-reduced-motion:reduce){.game-card.svelte-18c5xrn{transition:none}}.lobby.svelte-fbe6rh{min-height:100vh;min-height:100dvh;padding:1.5rem;position:relative}.bg-layer.svelte-fbe6rh{position:fixed;inset:0;pointer-events:none;z-index:-1}.gradient-mesh.svelte-fbe6rh{position:absolute;inset:0;background:radial-gradient(ellipse 80% 50% at 50% -20%,rgba(99,102,241,.12),transparent),radial-gradient(ellipse 60% 40% at 100% 100%,rgba(168,85,247,.1),transparent),linear-gradient(180deg,#0a0a0f,#0f0f1a,#0a0a12)}.noise-overlay.svelte-fbe6rh{position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");opacity:.03;mix-blend-mode:overlay}.game-glow.svelte-fbe6rh{position:absolute;top:-100px;right:-100px;width:400px;height:400px;background:var(--color);filter:blur(150px);opacity:.15}.container.svelte-fbe6rh{max-width:500px;margin:0 auto;display:flex;flex-direction:column;gap:1.25rem}.container.svelte-fbe6rh>:where(.svelte-fbe6rh){opacity:0;transform:translateY(12px);transition:all .5s cubic-bezier(.16,1,.3,1);transition-delay:var(--delay, 0ms)}.container.mounted.svelte-fbe6rh>:where(.svelte-fbe6rh){opacity:1;transform:translateY(0)}.header.svelte-fbe6rh{display:flex;align-items:center;justify-content:space-between;gap:1rem}.code-btn.svelte-fbe6rh{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:.875rem;cursor:pointer;transition:all .2s ease}.code-btn.svelte-fbe6rh:hover{background:#ffffff0f}.code-label.svelte-fbe6rh{font-size:.6875rem;font-weight:600;color:#fff6;text-transform:uppercase;letter-spacing:.05em}.code-value.svelte-fbe6rh{font-family:JetBrains Mono,monospace;font-size:1.125rem;font-weight:700;letter-spacing:.15em;color:#fff}.code-btn.svelte-fbe6rh svg{color:#ffffff80;transition:color .2s ease}.code-btn.svelte-fbe6rh:hover svg{color:#fff}.code-btn.svelte-fbe6rh .check-icon{color:#22c55e}.header-right.svelte-fbe6rh{display:flex;align-items:center;gap:.5rem}.player-count.svelte-fbe6rh{display:flex;align-items:center;gap:.375rem;padding:.5rem .75rem;background:#ffffff0a;border-radius:2rem;font-size:.8125rem;font-weight:600;color:#fff9}.visibility-badge.svelte-fbe6rh{display:flex;align-items:center;gap:.375rem;padding:.5rem .75rem;background:#ffffff0a;border-radius:2rem;font-size:.6875rem;font-weight:600;color:#ffffff80;text-transform:uppercase;letter-spacing:.03em}.visibility-badge.public.svelte-fbe6rh{background:#22c55e1a;color:#4ade80}.game-section.svelte-fbe6rh{position:relative;z-index:1}.game-section.dropdown-open.svelte-fbe6rh{z-index:100}.game-selector.svelte-fbe6rh,.game-display.svelte-fbe6rh{display:flex;align-items:center;gap:1rem;width:100%;padding:1rem 1.25rem;background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:1rem;transition:all .2s ease}.game-selector.svelte-fbe6rh{cursor:pointer}.game-selector.svelte-fbe6rh:hover{background:#ffffff0a;border-color:color-mix(in srgb,var(--color) 30%,transparent)}.game-icon-large.svelte-fbe6rh{display:flex;align-items:center;justify-content:center;width:3.5rem;height:3.5rem;background:color-mix(in srgb,var(--color) 15%,transparent);border-radius:1rem;font-size:1.75rem;flex-shrink:0}.game-info.svelte-fbe6rh{flex:1;text-align:left}.game-name.svelte-fbe6rh{display:block;font-family:Outfit,system-ui,sans-serif;font-size:1.25rem;font-weight:700;color:#fff}.game-players.svelte-fbe6rh{font-size:.8125rem;color:#fff6}.game-chevron.svelte-fbe6rh{color:#fff6;transition:transform .2s ease}.game-chevron.open.svelte-fbe6rh{transform:rotate(180deg)}.game-dropdown.svelte-fbe6rh{position:absolute;top:100%;left:0;right:0;margin-top:.5rem;background:#0f0f19fa;border:1px solid rgba(255,255,255,.1);border-radius:1rem;padding:1rem;z-index:50;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);max-height:400px;overflow-y:auto}.dropdown-header.svelte-fbe6rh{font-size:.75rem;font-weight:600;color:#fff6;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.75rem;padding:0 .25rem}.dropdown-grid.svelte-fbe6rh{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}.dropdown-item.svelte-fbe6rh{display:flex;align-items:center;gap:.625rem;padding:.75rem;background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:.75rem;cursor:pointer;transition:all .15s ease;text-align:left}.dropdown-item.svelte-fbe6rh:hover{background:#ffffff0d;border-color:#ffffff1a}.dropdown-item.selected.svelte-fbe6rh{background:color-mix(in srgb,var(--item-color) 15%,transparent);border-color:color-mix(in srgb,var(--item-color) 40%,transparent)}.dropdown-icon.svelte-fbe6rh{font-size:1.25rem}.dropdown-name.svelte-fbe6rh{flex:1;font-size:.8125rem;font-weight:600;color:#fff}.players-section.svelte-fbe6rh{display:flex;flex-direction:column;gap:.75rem}.section-header.svelte-fbe6rh{display:flex;align-items:center;justify-content:space-between}.section-title.svelte-fbe6rh{font-size:.875rem;font-weight:700;color:#fff}.player-status.svelte-fbe6rh{font-size:.75rem;color:#fff6}.players-grid.svelte-fbe6rh{display:flex;flex-direction:column;gap:.5rem}.player-card.svelte-fbe6rh{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:#ffffff05;border:1px solid rgba(255,255,255,.04);border-radius:.875rem;transition:all .2s ease}.player-card.ready.svelte-fbe6rh{background:#22c55e0f;border-color:#22c55e26}.player-card.me.svelte-fbe6rh{border-color:color-mix(in srgb,var(--color) 30%,transparent)}.player-card.empty.svelte-fbe6rh{opacity:.4;justify-content:flex-start}.player-avatar.svelte-fbe6rh{position:relative;width:2.5rem;height:2.5rem;flex-shrink:0}.player-avatar.svelte-fbe6rh img:where(.svelte-fbe6rh){width:100%;height:100%;border-radius:.625rem;object-fit:cover}.ready-indicator.svelte-fbe6rh{position:absolute;bottom:-4px;right:-4px;display:flex;align-items:center;justify-content:center;width:1.25rem;height:1.25rem;background:#22c55e;border:2px solid #0a0a0f;border-radius:50%;color:#fff}.empty-avatar.svelte-fbe6rh{width:2.5rem;height:2.5rem;background:#ffffff0d;border-radius:.625rem}.player-info.svelte-fbe6rh{flex:1;min-width:0}.player-name.svelte-fbe6rh{display:flex;align-items:center;gap:.375rem;font-size:.9375rem;font-weight:600;color:#fff}.player-score.svelte-fbe6rh{font-size:.75rem;color:#fff6}.empty-text.svelte-fbe6rh{font-size:.8125rem;color:#ffffff4d}.you-badge.svelte-fbe6rh{padding:.25rem .5rem;background:color-mix(in srgb,var(--color) 15%,transparent);border-radius:.375rem;font-size:.625rem;font-weight:700;color:var(--color);text-transform:uppercase;letter-spacing:.05em}.profile-card.svelte-fbe6rh{display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:1rem}.avatar-btn.svelte-fbe6rh{position:relative;width:3.5rem;height:3.5rem;border-radius:.875rem;overflow:hidden;cursor:pointer;border:none;background:none;flex-shrink:0}.avatar-btn.svelte-fbe6rh img:where(.svelte-fbe6rh){width:100%;height:100%;object-fit:cover;transition:opacity .2s ease}.avatar-overlay.svelte-fbe6rh{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#0009;color:#fff;opacity:0;transition:opacity .2s ease}.avatar-btn.svelte-fbe6rh:hover img:where(.svelte-fbe6rh){opacity:.7}.avatar-btn.svelte-fbe6rh:hover .avatar-overlay:where(.svelte-fbe6rh){opacity:1}.profile-name.svelte-fbe6rh{flex:1;min-width:0}.name-btn.svelte-fbe6rh{width:100%;padding:.5rem 0;background:none;border:none;color:#fff;font-size:1rem;font-weight:600;text-align:left;cursor:pointer;transition:color .2s ease}.name-btn.svelte-fbe6rh:hover{color:#ffffffb3}.name-input.svelte-fbe6rh{width:100%;padding:.5rem .75rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.15);border-radius:.5rem;color:#fff;font-size:1rem;font-weight:600;outline:none}.name-input.svelte-fbe6rh:focus{border-color:var(--color)}.settings-section.svelte-fbe6rh{display:flex;flex-direction:column;gap:.75rem}.settings-toggle.svelte-fbe6rh{display:flex;align-items:center;gap:.625rem;padding:.875rem 1rem;background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:.875rem;color:#ffffffb3;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease}.settings-toggle.svelte-fbe6rh:hover{background:#ffffff0a;color:#fff}.settings-summary.svelte-fbe6rh{margin-left:auto;padding:.25rem .5rem;background:color-mix(in srgb,var(--color) 15%,transparent);border-radius:.375rem;font-size:.6875rem;font-weight:600;color:var(--color)}.settings-summary.svelte-fbe6rh+.toggle-chevron:where(.svelte-fbe6rh){margin-left:0}.settings-info-card.svelte-fbe6rh{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:.875rem}.settings-info-card.svelte-fbe6rh svg{color:#fff6;flex-shrink:0}.settings-info-content.svelte-fbe6rh{display:flex;flex-direction:column;gap:.125rem;flex:1;min-width:0}.settings-info-label.svelte-fbe6rh{font-size:.6875rem;font-weight:600;color:#fff6;text-transform:uppercase;letter-spacing:.05em}.settings-info-value.svelte-fbe6rh{font-size:.875rem;font-weight:600;color:#fff}.settings-info-detail.svelte-fbe6rh{font-size:.75rem;color:#fff6;white-space:nowrap;flex-shrink:0}.toggle-chevron.svelte-fbe6rh{display:flex;margin-left:auto;transition:transform .2s ease;color:#ffffff80}.toggle-chevron.open.svelte-fbe6rh{transform:rotate(180deg)}.settings-panel.svelte-fbe6rh{display:flex;flex-direction:column;gap:1rem;padding:1.25rem;background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:1rem}.setting-group.svelte-fbe6rh{display:flex;flex-direction:column;gap:.625rem}.setting-label.svelte-fbe6rh{font-size:.75rem;font-weight:600;color:#ffffff80;text-transform:uppercase;letter-spacing:.05em}.preset-btns.svelte-fbe6rh{display:flex;gap:.5rem;flex-wrap:wrap}.preset-btn.svelte-fbe6rh{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;padding:.625rem .5rem;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:.625rem;color:#fff9;cursor:pointer;transition:all .15s ease}.preset-label.svelte-fbe6rh{font-size:.8125rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.preset-detail.svelte-fbe6rh{font-size:.6875rem;font-weight:400;color:#ffffff59;white-space:nowrap}.preset-btn.svelte-fbe6rh:hover{background:#ffffff0f;color:#fff}.preset-btn.svelte-fbe6rh:hover .preset-detail:where(.svelte-fbe6rh){color:#ffffff80}.preset-btn.active.svelte-fbe6rh{background:color-mix(in srgb,var(--color) 20%,transparent);border-color:color-mix(in srgb,var(--color) 40%,transparent);color:#fff}.preset-btn.active.svelte-fbe6rh .preset-detail:where(.svelte-fbe6rh){color:#fff9}.setting-row.svelte-fbe6rh{display:flex;align-items:center;justify-content:space-between;gap:1rem}.setting-info.svelte-fbe6rh{display:flex;align-items:center;gap:.625rem;font-size:.875rem;font-weight:600;color:#fffc}.setting-info.svelte-fbe6rh svg{color:#ffffff80}.event-icon.svelte-fbe6rh{font-size:1.125rem}.toggle-switch.svelte-fbe6rh{position:relative;width:48px;height:26px;background:#ffffff1a;border:none;border-radius:13px;cursor:pointer;transition:background .2s ease;flex-shrink:0}.toggle-switch.on.svelte-fbe6rh{background:var(--color)}.toggle-thumb.svelte-fbe6rh{position:absolute;top:3px;left:3px;width:20px;height:20px;background:#fff;border-radius:50%;transition:transform .2s ease}.toggle-switch.on.svelte-fbe6rh .toggle-thumb:where(.svelte-fbe6rh){transform:translate(22px)}.language-btns.svelte-fbe6rh{display:flex;gap:.5rem}.lang-btn.svelte-fbe6rh{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:.625rem;color:#fff9;font-size:.8125rem;font-weight:600;cursor:pointer;transition:all .15s ease}.lang-btn.svelte-fbe6rh:hover{background:#ffffff0f;color:#fff}.lang-btn.active.svelte-fbe6rh{background:color-mix(in srgb,var(--color) 20%,transparent);border-color:color-mix(in srgb,var(--color) 40%,transparent);color:#fff}.flag-emoji.svelte-fbe6rh{font-size:1.125rem}.actions.svelte-fbe6rh{display:flex;flex-direction:column;gap:.75rem;margin-top:auto;padding-top:.5rem}.start-btn.svelte-fbe6rh{position:relative;display:flex;align-items:center;justify-content:center;gap:.625rem;padding:1rem 1.5rem;background:var(--color);border:none;border-radius:1rem;color:#fff;font-size:1rem;font-weight:700;cursor:pointer;overflow:hidden;transition:all .2s ease}.start-btn.svelte-fbe6rh:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 40px -8px color-mix(in srgb,var(--color) 50%,transparent)}.start-btn.svelte-fbe6rh:disabled{opacity:.4;cursor:not-allowed}.btn-glow.svelte-fbe6rh{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.start-btn.svelte-fbe6rh:hover:not(:disabled) .btn-glow:where(.svelte-fbe6rh){left:100%}.ready-action-btn.svelte-fbe6rh{position:relative;display:flex;align-items:center;justify-content:center;gap:.625rem;padding:1rem 1.5rem;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:1rem;color:#fff;font-size:1rem;font-weight:700;cursor:pointer;overflow:hidden;transition:all .2s ease}.ready-action-btn.svelte-fbe6rh:hover{background:#ffffff1a;border-color:#ffffff26;transform:translateY(-2px)}.ready-action-btn.active.svelte-fbe6rh{background:#22c55e26;border-color:#22c55e4d;color:#4ade80}.ready-action-btn.active.svelte-fbe6rh:hover{background:#22c55e33;box-shadow:0 12px 40px -8px #22c55e4d}.start-hint.svelte-fbe6rh{text-align:center;font-size:.8125rem;color:#fff6}.leave-btn.svelte-fbe6rh{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1rem;background:none;border:1px solid rgba(255,255,255,.06);border-radius:.75rem;color:#ffffff80;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.leave-btn.svelte-fbe6rh:hover{background:#ef44441a;border-color:#ef444440;color:#f87171}@media(min-width:640px){.lobby.svelte-fbe6rh{padding:2rem}.container.svelte-fbe6rh{max-width:540px}.dropdown-grid.svelte-fbe6rh{grid-template-columns:repeat(3,1fr)}}@media(prefers-reduced-motion:reduce){.container.svelte-fbe6rh>:where(.svelte-fbe6rh){transition:none}}