.online.svelte-xm4bzi{position:relative;width:100%;height:100%;overflow:auto;color:#e8ecf5;font-family:system-ui,sans-serif;background:radial-gradient(circle at 30% 0%,color-mix(in srgb,var(--accent) 22%,#0b1020),#070a14 70%)}.lobby.svelte-xm4bzi{max-width:620px;margin:0 auto;padding:22px 18px;display:grid;gap:14px}header.svelte-xm4bzi{display:flex;justify-content:space-between;align-items:center}h1.svelte-xm4bzi{margin:0;font-size:1.8rem;letter-spacing:.02em;color:var(--accent)}h2.svelte-xm4bzi{margin:0 0 6px;font-size:1rem}.panel.svelte-xm4bzi{padding:14px 16px;border-radius:14px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1)}.panel.svelte-xm4bzi p:where(.svelte-xm4bzi){margin:0 0 10px;color:#c3cbe0;font-size:.92rem}.stats.svelte-xm4bzi{display:grid;grid-template-columns:repeat(4,1fr);text-align:center}.stats.svelte-xm4bzi span:where(.svelte-xm4bzi){display:block;font-size:.75rem;color:#94a3b8;text-transform:uppercase;letter-spacing:.06em}.stats.svelte-xm4bzi b:where(.svelte-xm4bzi){font-size:1.5rem}.stats.svelte-xm4bzi div:where(.svelte-xm4bzi):first-child b:where(.svelte-xm4bzi){color:var(--accent)}.private.svelte-xm4bzi{margin:-6px 2px 0;font-size:.8rem;color:#94a3b8}.play.svelte-xm4bzi{display:grid;grid-template-columns:1fr 1fr;gap:18px}.ranked.svelte-xm4bzi{display:flex;align-items:center;justify-content:space-between;gap:14px;border-color:color-mix(in srgb,var(--accent) 45%,transparent)}.ranked.svelte-xm4bzi p:where(.svelte-xm4bzi){margin:0}.ranked.svelte-xm4bzi .primary:where(.svelte-xm4bzi){flex:none}.opt-label.svelte-xm4bzi{display:block;margin:10px 0 4px;font-size:.8rem;color:#94a3b8}.seg.svelte-xm4bzi{display:inline-flex;border:1px solid rgba(255,255,255,.2);border-radius:9px;overflow:hidden}.seg.svelte-xm4bzi button:where(.svelte-xm4bzi){border:none;border-radius:0;background:transparent;padding:6px 12px;font-size:.85rem}.seg.svelte-xm4bzi button:where(.svelte-xm4bzi)+button:where(.svelte-xm4bzi){border-left:1px solid rgba(255,255,255,.2)}.seg.svelte-xm4bzi button.on:where(.svelte-xm4bzi){background:var(--accent);color:#070a14}select.svelte-xm4bzi{padding:6px 8px;border-radius:8px;border:1px solid rgba(148,163,184,.4);background:#11162a;color:inherit;font:inherit;font-size:.9rem}.create.svelte-xm4bzi{display:block;margin-top:14px}.summary.svelte-xm4bzi{font-size:.85rem;color:#94a3b8!important}.clock.svelte-xm4bzi{font:700 1.05rem ui-monospace,monospace;padding:3px 10px;border-radius:8px;background:#ffffff0f;color:#94a3b8}.clock.run.svelte-xm4bzi{background:var(--accent);color:#070a14}.clock.run.low.svelte-xm4bzi{background:#ef4444;color:#fff}.ask.svelte-xm4bzi{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:center;color:#fde68a;font-size:.9rem}.ask.svelte-xm4bzi button:where(.svelte-xm4bzi){padding:5px 12px}@media(max-width:520px){.play.svelte-xm4bzi{grid-template-columns:1fr}}label.svelte-xm4bzi{display:block;font-size:.8rem;color:#94a3b8;margin-bottom:4px}.row.svelte-xm4bzi{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.play.svelte-xm4bzi .row:where(.svelte-xm4bzi){justify-content:flex-start}input.svelte-xm4bzi{width:9ch;padding:8px 10px;border-radius:8px;border:1px solid rgba(148,163,184,.4);background:#ffffff0f;color:inherit;font:600 1.1rem ui-monospace,monospace;letter-spacing:.15em}button.svelte-xm4bzi{padding:8px 16px;border-radius:9px;font:inherit;font-weight:650;cursor:pointer;color:#e8ecf5}button.svelte-xm4bzi:disabled{opacity:.5;cursor:default}.primary.svelte-xm4bzi{border:none;background:var(--accent);color:#070a14}.ghost.svelte-xm4bzi{border:1px solid rgba(255,255,255,.25);background:#ffffff0d}.danger.svelte-xm4bzi{border:none;background:#ef4444}.themes.svelte-xm4bzi{display:flex;flex-wrap:wrap;gap:8px}.theme.svelte-xm4bzi{display:flex;align-items:center;gap:8px;border:1px solid rgba(255,255,255,.18);background:#ffffff0a;font-weight:600}.theme.on.svelte-xm4bzi{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.sw.svelte-xm4bzi{display:flex}.sw.svelte-xm4bzi i:where(.svelte-xm4bzi){width:14px;height:14px;border-radius:3px;margin-right:2px}.err.svelte-xm4bzi{margin:0;color:#fca5a5;text-align:center}.note.svelte-xm4bzi{margin:4px 0 0;color:#fde68a;text-align:center;font-size:.9rem}.waiting.svelte-xm4bzi{min-height:100%;display:grid;place-content:center;justify-items:center;gap:10px;padding:20px;text-align:center}.waiting.svelte-xm4bzi p:where(.svelte-xm4bzi){color:#c3cbe0;max-width:36ch;margin:0}.code.svelte-xm4bzi{font:800 3rem ui-monospace,monospace;letter-spacing:.2em;padding:10px 20px;border:2px dashed var(--accent);background:#ffffff0a;color:var(--accent)}.dots.svelte-xm4bzi{display:flex;gap:6px}.dots.svelte-xm4bzi i:where(.svelte-xm4bzi){width:8px;height:8px;border-radius:50%;background:var(--accent);animation:svelte-xm4bzi-pulse 1.2s infinite ease-in-out}.dots.svelte-xm4bzi i:where(.svelte-xm4bzi):nth-child(2){animation-delay:.2s}.dots.svelte-xm4bzi i:where(.svelte-xm4bzi):nth-child(3){animation-delay:.4s}@keyframes svelte-xm4bzi-pulse{50%{opacity:.2}}.game.svelte-xm4bzi{min-height:100%;display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px}.bar.svelte-xm4bzi{width:min(100%,560px);display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap}.player.svelte-xm4bzi{display:flex;align-items:baseline;gap:8px}.player.svelte-xm4bzi span:where(.svelte-xm4bzi){font-size:.8rem;color:#94a3b8}.player.svelte-xm4bzi em:where(.svelte-xm4bzi){font-size:.75rem;color:#fde68a}.player.off.svelte-xm4bzi b:where(.svelte-xm4bzi){opacity:.6}.room.svelte-xm4bzi{font:600 .8rem ui-monospace,monospace;color:#94a3b8}.actions.svelte-xm4bzi{display:flex;gap:6px}.actions.svelte-xm4bzi button:where(.svelte-xm4bzi){padding:6px 12px;font-size:.85rem}.board.svelte-xm4bzi{width:min(100%,560px)}.end.svelte-xm4bzi{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#04060e8c;animation:svelte-xm4bzi-fade .25s ease-out}.end.svelte-xm4bzi .box:where(.svelte-xm4bzi){padding:22px 26px;border-radius:16px;background:#0c101ef5;border:1px solid var(--accent);text-align:center;display:grid;gap:10px}.end.svelte-xm4bzi h2:where(.svelte-xm4bzi){font-size:1.5rem;margin:0}.mmr.svelte-xm4bzi{margin:0;color:#c3cbe0}.up.svelte-xm4bzi{color:#4ade80}.down.svelte-xm4bzi{color:#f87171}@keyframes svelte-xm4bzi-fade{0%{opacity:0}}