.page.svelte-14vgag1{min-height:100vh;min-height:100dvh;background:linear-gradient(180deg,#0a0a12,#1a1a2e,#0a0a12);display:flex;flex-direction:column;padding:60px 16px 16px}.header.svelte-14vgag1{text-align:center;padding:10px 0 20px}.title.svelte-14vgag1{font-size:clamp(24px,7vw,32px);font-weight:700;margin:0;display:flex;justify-content:center;align-items:center;gap:12px;color:#fff}.title-icon.svelte-14vgag1{font-size:1.1em}.subtitle.svelte-14vgag1{margin-top:6px;font-size:14px;color:#666}.refresher-link.svelte-14vgag1{display:block;text-align:center;font-size:13px;color:#666;text-decoration:none;margin-bottom:8px;transition:color .15s ease}.refresher-link.svelte-14vgag1:hover{color:#00d9ff;text-decoration:underline}.content.svelte-14vgag1{flex:1;display:flex;flex-direction:column;align-items:center;gap:20px;max-width:420px;margin:0 auto;width:100%}.name-section.svelte-14vgag1{width:100%}.input-label.svelte-14vgag1{display:block;font-size:12px;color:#666;margin-bottom:8px;text-transform:uppercase;letter-spacing:.05em}.name-input.svelte-14vgag1{width:100%;padding:14px;font-size:16px;text-align:center;background:#ffffff14;border:2px solid rgba(255,255,255,.25);border-radius:12px;color:#fff;outline:none;transition:all .15s ease}.name-input.svelte-14vgag1:focus{border-color:#a855f7;background:#ffffff1a;box-shadow:0 0 0 3px #a855f733}.name-input.svelte-14vgag1::placeholder{color:#888}.name-input.svelte-14vgag1:disabled{opacity:.5}.input-hint.svelte-14vgag1{margin-top:6px;font-size:12px;color:#666;text-align:center}.input-hint.error.svelte-14vgag1{color:#ef4444}.menu-section.svelte-14vgag1{width:100%;display:flex;flex-direction:column;gap:14px}.action-btn.svelte-14vgag1{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:16px 24px;font-size:16px;font-weight:600;border-radius:12px;cursor:pointer;transition:all .15s ease}.action-btn.primary.svelte-14vgag1{background:linear-gradient(180deg,#a855f7,#7c3aed);border:none;color:#fff;box-shadow:0 4px 20px #a855f74d}.action-btn.primary.svelte-14vgag1:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 30px #a855f766}.action-btn.secondary.svelte-14vgag1{background:#ffffff08;border:2px solid rgba(255,255,255,.15);color:#fff}.action-btn.secondary.svelte-14vgag1:hover:not(:disabled){background:#8a2be21a;border-color:#8a2be266}.action-btn.svelte-14vgag1:disabled{opacity:.4;cursor:not-allowed;transform:none}.btn-icon.svelte-14vgag1{font-size:18px;font-weight:700}.divider.svelte-14vgag1{display:flex;align-items:center;gap:16px;color:#555;font-size:13px}.divider.svelte-14vgag1:before,.divider.svelte-14vgag1:after{content:"";flex:1;height:1px;background:#ffffff1a}.create-section.svelte-14vgag1{width:100%;display:flex;flex-direction:column;gap:16px}.create-title.svelte-14vgag1{font-size:18px;font-weight:600;color:#fff;margin:0;text-align:center}.option-group.svelte-14vgag1{display:flex;flex-direction:column;gap:8px}.option-label.svelte-14vgag1{font-size:12px;color:#888;text-transform:uppercase;letter-spacing:.05em}.option-hint.svelte-14vgag1{font-size:11px;color:#555}.player-options.svelte-14vgag1{display:flex;gap:6px}.player-btn.svelte-14vgag1{flex:1;padding:10px;background:#0000004d;border:2px solid rgba(255,255,255,.1);border-radius:8px;color:#888;font-size:14px;font-weight:600;cursor:pointer;transition:all .15s ease}.player-btn.svelte-14vgag1:hover:not(:disabled){border-color:#a855f74d;color:#fff}.player-btn.selected.svelte-14vgag1{background:#a855f733;border-color:#a855f7;color:#a855f7}.difficulty-options.svelte-14vgag1{display:flex;gap:8px}.difficulty-btn.svelte-14vgag1{flex:1;padding:10px 8px;background:#0000004d;border:2px solid rgba(255,255,255,.1);border-radius:8px;font-size:12px;font-weight:600;cursor:pointer;transition:all .15s ease;color:#888}.difficulty-btn.svelte-14vgag1:hover:not(:disabled){border-color:#a855f74d;color:#fff}.difficulty-btn.selected.svelte-14vgag1{background:#a855f733;border-color:#a855f7;color:#a855f7}.range-slider.svelte-14vgag1{position:relative;height:24px;margin:12px 0 8px}.range-track.svelte-14vgag1{position:absolute;top:50%;left:0;right:0;height:6px;transform:translateY(-50%);background:#ffffff1a;border-radius:3px}.range-fill.svelte-14vgag1{position:absolute;top:0;bottom:0;background:linear-gradient(90deg,#a855f7,#7c3aed);border-radius:3px}.range-input.svelte-14vgag1{position:absolute;top:0;left:0;width:100%;height:100%;-webkit-appearance:none;appearance:none;background:transparent;pointer-events:none;margin:0}.range-input.svelte-14vgag1::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;background:#fff;border-radius:50%;cursor:pointer;pointer-events:auto;box-shadow:0 2px 6px #0000004d;transition:transform .15s ease}.range-input.svelte-14vgag1::-webkit-slider-thumb:hover{transform:scale(1.1)}.range-input.svelte-14vgag1::-moz-range-thumb{width:20px;height:20px;background:#fff;border:none;border-radius:50%;cursor:pointer;pointer-events:auto;box-shadow:0 2px 6px #0000004d}.range-display.svelte-14vgag1{display:flex;justify-content:center;align-items:center;gap:8px;font-size:14px}.range-value.svelte-14vgag1{color:#a855f7;font-weight:600;font-family:monospace}.range-separator.svelte-14vgag1{color:#555}.game-mode-options.svelte-14vgag1{display:flex;gap:8px;margin-bottom:8px}.mode-btn.svelte-14vgag1{flex:1;padding:10px 12px;background:#0000004d;border:2px solid rgba(255,255,255,.1);border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .15s ease;color:#888}.mode-btn.svelte-14vgag1:hover:not(:disabled){border-color:#a855f74d;color:#fff}.mode-btn.selected.svelte-14vgag1{background:#a855f733;border-color:#a855f7;color:#a855f7}.game-value-options.svelte-14vgag1{display:flex;gap:8px}.value-btn.svelte-14vgag1{flex:1;padding:10px;background:#0000004d;border:2px solid rgba(255,255,255,.1);border-radius:8px;font-size:16px;font-weight:700;cursor:pointer;transition:all .15s ease;color:#888}.value-btn.svelte-14vgag1:hover:not(:disabled){border-color:#a855f74d;color:#fff}.value-btn.selected.svelte-14vgag1{background:#a855f733;border-color:#a855f7;color:#a855f7}.toggle-row.svelte-14vgag1{display:flex;align-items:center;justify-content:space-between;cursor:pointer}.toggle-btn.svelte-14vgag1{position:relative;width:48px;height:28px;background:none;border:none;padding:0;cursor:pointer}.toggle-track.svelte-14vgag1{position:absolute;inset:0;background:#ffffff1a;border-radius:14px;transition:background .2s ease}.toggle-btn.active.svelte-14vgag1 .toggle-track:where(.svelte-14vgag1){background:#a855f780}.toggle-thumb.svelte-14vgag1{position:absolute;top:2px;left:2px;width:24px;height:24px;background:#fff;border-radius:50%;transition:transform .2s ease}.toggle-btn.active.svelte-14vgag1 .toggle-thumb:where(.svelte-14vgag1){transform:translate(20px)}.join-section.svelte-14vgag1{width:100%;display:flex;flex-direction:column;gap:16px}.back-link.svelte-14vgag1{display:flex;align-items:center;gap:6px;background:none;border:none;color:#888;font-size:14px;cursor:pointer;padding:0;transition:color .15s ease}.back-link.svelte-14vgag1:hover:not(:disabled){color:#fff}.back-link.svelte-14vgag1:disabled{opacity:.5}.code-input.svelte-14vgag1{width:100%;padding:20px;font-size:32px;font-weight:700;text-align:center;letter-spacing:.2em;text-transform:uppercase;background:#0000004d;border:2px solid rgba(255,255,255,.15);border-radius:12px;color:#a855f7;outline:none;transition:all .15s ease}.code-input.svelte-14vgag1:focus{border-color:#a855f7;box-shadow:0 0 0 3px #a855f733}.code-input.svelte-14vgag1::placeholder{color:#444;letter-spacing:.3em}.code-input.svelte-14vgag1:disabled{opacity:.5}.error-message.svelte-14vgag1{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px;color:#ef4444;font-size:14px;width:100%}.timer-options.svelte-14vgag1{display:flex;gap:6px;margin-top:4px}.timer-btn.svelte-14vgag1{flex:1;padding:8px 4px;background:#0000004d;border:2px solid rgba(255,255,255,.1);border-radius:8px;color:#888;font-size:11px;font-weight:600;cursor:pointer;transition:all .15s ease;display:flex;flex-direction:column;align-items:center;gap:2px}.timer-btn.svelte-14vgag1:hover:not(:disabled){border-color:#a855f74d;color:#fff}.timer-btn.selected.svelte-14vgag1{background:#a855f733;border-color:#a855f7;color:#a855f7}.timer-seconds.svelte-14vgag1{font-size:10px;opacity:.7}.spinner.svelte-14vgag1{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:svelte-14vgag1-spin .8s linear infinite}@keyframes svelte-14vgag1-spin{to{transform:rotate(360deg)}}@media(max-width:400px){.code-input.svelte-14vgag1{font-size:24px;padding:16px}.player-btn.svelte-14vgag1{padding:8px;font-size:13px}}.public-rooms-section.svelte-14vgag1{width:100%;margin-top:32px;padding-top:32px;border-top:1px solid rgba(255,255,255,.1)}