.mini-board.svelte-1i7tqh1{background:var(--color-board-bg);border-radius:5px;width:100%;min-width:0;height:100%;min-height:0;transition:box-shadow .15s,background .2s;position:relative;overflow:hidden;container-type:size}.mini-board.active.svelte-1i7tqh1{box-shadow:0 0 0 3px var(--color-active-glow), inset 0 0 0 1px var(--color-active-glow)}.mini-board.won-x.svelte-1i7tqh1{background:var(--color-x-bg)}.mini-board.won-o.svelte-1i7tqh1{background:var(--color-o-bg)}.mini-board.drawn.svelte-1i7tqh1{background:var(--color-draw-bg)}.mini-overlay.svelte-1i7tqh1{letter-spacing:-.05em;z-index:2;pointer-events:none;justify-content:center;align-items:center;font-size:clamp(1.8rem,5vw,3.5rem);font-weight:900;display:flex;position:absolute;inset:0}.mini-overlay.x.svelte-1i7tqh1{color:var(--color-x)}.mini-overlay.o.svelte-1i7tqh1{color:var(--color-o)}.mini-overlay.draw.svelte-1i7tqh1{color:var(--color-draw-text);font-size:clamp(1.2rem,3vw,2rem)}.grid.svelte-1i7tqh1{background:var(--color-mini-line);grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(3,1fr);gap:2px;width:100%;height:100%;min-height:0;padding:2px;display:grid}.cell.svelte-1i7tqh1{letter-spacing:-.03em;background:var(--color-board-bg);cursor:default;color:var(--color-cell-text);border:none;justify-content:center;align-items:center;min-width:0;min-height:0;font-size:11cqh;font-weight:800;line-height:1;transition:background .1s;display:flex;overflow:hidden}.cell.x.svelte-1i7tqh1{color:var(--color-x)}.cell.o.svelte-1i7tqh1{color:var(--color-o)}.cell.playable.svelte-1i7tqh1{cursor:pointer}.cell.playable.svelte-1i7tqh1:hover{background:var(--color-cell-hover-active)}.cell.svelte-1i7tqh1:disabled{opacity:1}.meta-board.svelte-1iuvy83{--board-size:min(92vw, 520px);width:var(--board-size);height:var(--board-size);background:var(--color-meta-line);border-radius:10px;grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(3,1fr);gap:6px;min-width:0;min-height:0;padding:6px;display:grid;overflow:hidden}:root{--color-bg:#111318;--color-surface:#1c1f2b;--color-border:#2a2d3d;--color-text:#eceef5;--color-text-muted:#6b7191;--color-x:#ff5f5f;--color-x-bg:#ff5f5f21;--color-o:#4da6ff;--color-o-bg:#4da6ff21;--color-draw-bg:#ffffff0a;--color-draw-text:#555970;--color-meta-line:#2a2d3d;--color-mini-line:#2a2d3d;--color-active-glow:#4da6ff;--color-board-bg:#181b26;--color-cell-bg:#181b26;--color-cell-text:#eceef5;--color-cell-hover-active:#4da6ff1f;--color-primary:#5b5ef4;--color-primary-hover:#4547d0;--color-secondary:#252836;--color-secondary-hover:#2f3347}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{background:var(--color-bg);color:var(--color-text);justify-content:center;align-items:flex-start;min-height:100dvh;font-family:Inter,system-ui,sans-serif;display:flex}button{cursor:pointer;background:var(--color-primary);color:#fff;border:none;border-radius:8px;padding:.6em 1.4em;font-family:inherit;font-size:1rem;font-weight:600;transition:background .15s,opacity .15s}button:hover:not(:disabled){background:var(--color-primary-hover)}button:disabled{opacity:.45;cursor:not-allowed}button.secondary{background:var(--color-secondary);color:var(--color-text-muted)}button.secondary:hover:not(:disabled){background:var(--color-secondary-hover);color:var(--color-text)}button.small{padding:.4em 1em;font-size:.85rem}main.svelte-1uha8ag{flex-direction:column;align-items:center;gap:1.5rem;width:100%;max-width:600px;padding:1.5rem 1rem 3rem;display:flex}h1.svelte-1uha8ag{letter-spacing:-.03em;text-align:center;font-size:clamp(1.4rem,5vw,2rem);font-weight:800}.banner.svelte-1uha8ag{border-radius:8px;justify-content:space-between;align-items:center;gap:.5rem;width:100%;padding:.75rem 1rem;display:flex}.banner.error.svelte-1uha8ag{color:#fca5a5;background:#f8717126;border:1px solid #f871714d}.close.svelte-1uha8ag{color:inherit;opacity:.7;background:0 0;padding:0;font-size:1.2rem;line-height:1}.close.svelte-1uha8ag:hover{opacity:1;background:0 0}.lobby.svelte-1uha8ag{flex-direction:column;align-items:center;gap:1.25rem;width:100%;max-width:340px;display:flex}button.big{width:100%;padding:.8em 1.4em;font-size:1.05rem}.divider.svelte-1uha8ag{width:100%;color:var(--color-text-muted);align-items:center;gap:.75rem;font-size:.85rem;display:flex}.divider.svelte-1uha8ag:before,.divider.svelte-1uha8ag:after{content:"";background:var(--color-border);flex:1;height:1px}.join-form.svelte-1uha8ag{gap:.5rem;width:100%;display:flex}.join-form.svelte-1uha8ag input:where(.svelte-1uha8ag){background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text);letter-spacing:.1em;text-transform:uppercase;border-radius:8px;outline:none;flex:1;min-width:0;padding:.6em .9em;font-family:Courier New,monospace;font-size:1rem;font-weight:700;transition:border-color .15s}.join-form.svelte-1uha8ag input:where(.svelte-1uha8ag):focus{border-color:var(--color-primary)}.waiting.svelte-1uha8ag{text-align:center;flex-direction:column;align-items:center;gap:1rem;display:flex}.waiting-label.svelte-1uha8ag{color:var(--color-text-muted);font-size:1rem}.room-code-display.svelte-1uha8ag{letter-spacing:.2em;color:var(--color-text);background:var(--color-surface);border:2px solid var(--color-border);-webkit-user-select:all;user-select:all;border-radius:12px;padding:.4em .8em;font-family:Courier New,monospace;font-size:clamp(2rem,10vw,3.5rem);font-weight:900}.copy-btn.svelte-1uha8ag{background:var(--color-secondary);color:var(--color-text-muted);align-items:center;gap:.4em;padding:.5em 1.2em;font-size:.9rem;display:flex}.copy-btn.svelte-1uha8ag:hover{background:var(--color-secondary-hover);color:var(--color-text)}.share-hint.svelte-1uha8ag{color:var(--color-text-muted);font-size:.9rem}.qr.svelte-1uha8ag{background:#fff;border-radius:10px;padding:8px;display:block}.spinner.svelte-1uha8ag{border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;width:32px;height:32px;animation:.8s linear infinite svelte-1uha8ag-spin}@keyframes svelte-1uha8ag-spin{to{transform:rotate(360deg)}}.game.svelte-1uha8ag{flex-direction:column;align-items:center;gap:1rem;width:100%;display:flex}.status-bar.svelte-1uha8ag{text-align:center;flex-direction:column;align-items:center;gap:.3rem;display:flex}.symbol-badge.svelte-1uha8ag{color:var(--color-text-muted);align-items:center;gap:.4em;font-size:1rem;display:flex}.symbol-badge.x.svelte-1uha8ag strong:where(.svelte-1uha8ag){color:var(--color-x)}.symbol-badge.o.svelte-1uha8ag strong:where(.svelte-1uha8ag){color:var(--color-o)}.room-tag.svelte-1uha8ag{opacity:.5;font-family:Courier New,monospace;font-size:.8em}.turn-info.svelte-1uha8ag{color:var(--color-text-muted);font-size:1.1rem;font-weight:700;transition:color .2s}.turn-info.your-turn.svelte-1uha8ag{color:var(--color-primary)}.active-hint.svelte-1uha8ag{color:var(--color-text-muted);font-size:.85rem}.ended.svelte-1uha8ag{text-align:center;flex-direction:column;align-items:center;gap:1.25rem;display:flex}.ended.svelte-1uha8ag h2:where(.svelte-1uha8ag){font-size:clamp(1.3rem,5vw,1.8rem);font-weight:800}h2.win.svelte-1uha8ag{color:#4ade80}h2.lose.svelte-1uha8ag{color:var(--color-text-muted)}.final-board.svelte-1uha8ag{pointer-events:none;opacity:.8}.end-actions.svelte-1uha8ag{flex-wrap:wrap;justify-content:center;gap:.75rem;display:flex}.waiting-rematch.svelte-1uha8ag{color:var(--color-text-muted);font-size:.9rem;font-style:italic}