.sudoku-page.svelte-19imw41{position:relative;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;--tint: var(--color-sudoku);--digit-size: 6cqw}.sudoku-page.large.svelte-19imw41{--digit-size: 7.6cqw}.panel.svelte-19imw41{flex:1;display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-6) var(--space-5);max-width:420px;margin:0 auto;width:100%;box-sizing:border-box}.panel.svelte-19imw41>*{flex-shrink:0}.panel.centered.svelte-19imw41{justify-content:center;align-items:center;text-align:center}h1.svelte-19imw41{margin:0;font-family:var(--font-display);font-weight:500;font-size:32px;letter-spacing:-.04em}.field.svelte-19imw41{display:flex;flex-direction:column;gap:var(--space-2)}.segmented.svelte-19imw41{display:flex;gap:var(--space-2)}.segmented.svelte-19imw41 button:where(.svelte-19imw41){flex:1;height:40px;border:1px solid var(--color-line);border-radius:var(--radius-control);background:var(--color-surface-1);color:var(--color-text-2);font:500 14px var(--font-body)}.segmented.svelte-19imw41 button.selected:where(.svelte-19imw41){background:var(--color-volt-fill);color:var(--ink-on-accent);border-color:var(--color-volt-fill);font-weight:600}.hint.svelte-19imw41{color:var(--color-text-2);margin:0}.hint.small.svelte-19imw41{font-size:13px}.error.svelte-19imw41{margin:0;font-size:13px;color:var(--color-signal)}.join-row.svelte-19imw41{display:flex;gap:var(--space-2)}.code-input.svelte-19imw41{flex:1;height:44px;border:1px solid var(--color-line);border-radius:var(--radius-control);background:var(--color-surface-2);color:var(--color-text-1);font:600 16px var(--font-mono);letter-spacing:.1em;text-align:center;text-transform:uppercase;padding:0 var(--space-3)}.room-code.svelte-19imw41{font-family:var(--font-mono);font-size:48px;font-weight:600;letter-spacing:.1em;color:var(--color-volt-ink)}.duo.svelte-19imw41{display:flex;align-items:stretch;gap:var(--space-3);min-height:96px}.duo-info.svelte-19imw41{flex:1;display:flex;flex-direction:column;justify-content:center;gap:var(--space-1);font-size:14px}.legend.svelte-19imw41{display:inline-flex;align-items:center;gap:var(--space-2)}.swatch.svelte-19imw41{width:12px;height:12px;border-radius:3px}.swatch.mine.svelte-19imw41{background:color-mix(in srgb,var(--tint) 65%,var(--color-text-1))}.swatch.theirs.svelte-19imw41{background:var(--color-bricks)}.race-bar.svelte-19imw41{height:6px;border-radius:var(--radius-full);background:var(--color-surface-2);overflow:hidden}.race-bar.svelte-19imw41 span:where(.svelte-19imw41){display:block;height:100%;background:var(--color-bricks);transition:width .3s ease}.dock-slot.svelte-19imw41{width:128px;flex-shrink:0}.sudoku-page.svelte-19imw41 .dock:not(.max){top:calc(var(--space-4) + 36px + var(--space-3));bottom:auto;right:max(var(--space-4),calc((100% - 480px) / 2 + var(--space-4)));width:128px;height:96px}.result.svelte-19imw41{font-size:18px;color:var(--color-text-2);margin:0}.play-area.svelte-19imw41{flex:1;display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4);max-width:480px;width:100%;margin:0 auto;box-sizing:border-box}.hud.svelte-19imw41{display:flex;align-items:center;gap:var(--space-3)}.back-btn.svelte-19imw41{height:36px;width:36px;padding:0}.stat.svelte-19imw41{display:inline-flex;align-items:baseline;gap:var(--space-2);font:600 16px var(--font-mono)}.hud.svelte-19imw41 .stat:where(.svelte-19imw41):first-of-type{margin-left:auto}.time.svelte-19imw41{min-width:5ch;text-align:right}.board.svelte-19imw41{container-type:inline-size;width:100%;max-width:calc(100dvh - 300px);min-width:260px;aspect-ratio:1;align-self:center;display:grid;grid-template-columns:repeat(3,1fr);gap:3px;padding:3px;box-sizing:border-box;background:var(--color-text-3);border-radius:var(--radius-chip)}.board.duo-board.svelte-19imw41{max-width:calc(100dvh - 410px)}.box.svelte-19imw41{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--color-line)}.cell.svelte-19imw41{border:0;padding:0;min-width:0;background:var(--color-surface-1);color:color-mix(in srgb,var(--tint) 65%,var(--color-text-1));font:400 var(--digit-size) / 1 var(--font-body);display:flex;align-items:center;justify-content:center;position:relative}.cell.given.svelte-19imw41{color:var(--color-text-1);font-weight:600}.cell.hinted.svelte-19imw41{color:var(--color-text-1);font-style:italic}.cell.related.svelte-19imw41{background:color-mix(in srgb,var(--tint) 10%,var(--color-surface-1))}.cell.same.svelte-19imw41{background:color-mix(in srgb,var(--tint) 28%,var(--color-surface-1));font-weight:700}.cell.selected.svelte-19imw41{background:color-mix(in srgb,var(--tint) 40%,var(--color-surface-1));outline:2px solid var(--tint);outline-offset:-2px;z-index:1}.cell.wrong.svelte-19imw41{color:var(--color-signal);text-decoration:underline wavy;text-underline-offset:.15em;text-decoration-thickness:1px}.cell.theirs.svelte-19imw41{color:color-mix(in srgb,var(--color-bricks) 70%,var(--color-text-1))}.cell.theirs.svelte-19imw41:after{content:"";position:absolute;top:3px;right:3px;width:4px;height:4px;border-radius:50%;background:var(--color-bricks)}.cell.svelte-19imw41:focus-visible{outline:2px solid var(--color-volt-fill);outline-offset:-2px}.notes.svelte-19imw41{position:absolute;top:2px;right:2px;bottom:2px;left:2px;display:grid;grid-template-columns:repeat(3,1fr);font-size:calc(var(--digit-size) * .38);font-weight:500;color:var(--color-text-2);line-height:1}.notes.svelte-19imw41 span:where(.svelte-19imw41){display:flex;align-items:center;justify-content:center}.tools.svelte-19imw41{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-2)}.tools.three.svelte-19imw41{grid-template-columns:repeat(3,1fr)}.tool.svelte-19imw41{height:40px;border:1px solid var(--color-line);border-radius:var(--radius-control);background:var(--color-surface-1);color:var(--color-text-1);font:500 13px var(--font-body)}.tool.on.svelte-19imw41{background:var(--color-volt-fill);color:var(--ink-on-accent);border-color:var(--color-volt-fill)}.tool.svelte-19imw41:disabled,.pad-key.svelte-19imw41:disabled{opacity:.35;cursor:default}.pad.svelte-19imw41{display:grid;grid-template-columns:repeat(9,1fr);gap:var(--space-1)}.pad-key.svelte-19imw41{height:52px;border:0;border-radius:var(--radius-chip);background:var(--color-surface-2);color:var(--color-text-1);font:500 22px var(--font-body)}.pad-key.notes-mode.svelte-19imw41{font-size:15px;color:var(--color-text-2)}.pad-key.svelte-19imw41:active:not(:disabled){transform:scale(.95)}