:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--primary:#415f91;--on-primary:#fff;--primary-container:#d6e3ff;--on-primary-container:#284777;--secondary-container:#dae2f9;--on-secondary-container:#3e4759;--surface:#f9f9ff;--on-surface:#191c20;--on-surface-variant:#44474e;--surface-container-lowest:#fff;--surface-container-low:#f3f3fa;--surface-container:#ededf4;--surface-container-high:#e7e8ee;--surface-container-highest:#e2e2e9;--outline:#74777f;--outline-variant:#c4c6d0;--error:#ba1a1a;--error-container:#ffdad6;--scrim:#0006;--radius-s:8px;--radius-m:12px;--radius-l:16px;--radius-xl:28px;-webkit-text-size-adjust:100%;font-family:Roboto,system-ui,-apple-system,Segoe UI,sans-serif;font-size:16px;line-height:1.5}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--primary:#aac7ff;--on-primary:#0a305f;--primary-container:#284777;--on-primary-container:#d6e3ff;--secondary-container:#3e4759;--on-secondary-container:#dae2f9;--surface:#111318;--on-surface:#e2e2e9;--on-surface-variant:#c4c6d0;--surface-container-lowest:#0c0e13;--surface-container-low:#191c20;--surface-container:#1d2024;--surface-container-high:#282a2f;--surface-container-highest:#33353a;--outline:#8e9099;--outline-variant:#44474e;--error:#ffb4ab;--error-container:#93000a;--scrim:#0009}}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--primary:#aac7ff;--on-primary:#0a305f;--primary-container:#284777;--on-primary-container:#d6e3ff;--secondary-container:#3e4759;--on-secondary-container:#dae2f9;--surface:#111318;--on-surface:#e2e2e9;--on-surface-variant:#c4c6d0;--surface-container-lowest:#0c0e13;--surface-container-low:#191c20;--surface-container:#1d2024;--surface-container-high:#282a2f;--surface-container-highest:#33353a;--outline:#8e9099;--outline-variant:#44474e;--error:#ffb4ab;--error-container:#93000a;--scrim:#0009}*,:before,:after{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--surface);color:var(--on-surface);overscroll-behavior:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}#app{height:100%}button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation;background:0 0;border:0;padding:0}button:focus-visible{outline:2px solid var(--primary);outline-offset:2px}h1,h2,p{margin:0}.btn{letter-spacing:.1px;white-space:nowrap;border-radius:20px;justify-content:center;align-items:center;gap:8px;min-height:40px;padding:0 24px;font-size:14px;font-weight:500;display:inline-flex;position:relative}.btn:after{content:"";position:absolute;inset:-4px 0}.btn.filled{background:var(--primary);color:var(--on-primary)}.btn.tonal{background:var(--secondary-container);color:var(--on-secondary-container)}.btn.text{color:var(--primary);padding:0 12px}.btn:disabled{opacity:.38;cursor:default}@media (hover:hover){.btn:not(:disabled):hover{filter:brightness(.95)}.btn.text:not(:disabled):hover{filter:none;background:color-mix(in srgb, var(--primary) 8%, transparent)}}.icon-btn{width:48px;height:48px;color:var(--on-surface-variant);border-radius:50%;justify-content:center;align-items:center;display:inline-flex}@media (hover:hover){.icon-btn:hover{background:color-mix(in srgb, var(--on-surface) 8%, transparent)}}.icon-btn:active{background:color-mix(in srgb, var(--on-surface) 12%, transparent)}.board.svelte-yo8uk3{width:var(--board);height:var(--board);background:var(--outline);border-radius:var(--radius-m);flex:none;grid-template:repeat(3,1fr)/repeat(3,1fr);gap:2px;padding:2px;display:grid;overflow:hidden;container-type:size}.box.svelte-yo8uk3{background:var(--outline-variant);grid-template:repeat(3,1fr)/repeat(3,1fr);gap:1px;min-width:0;min-height:0;display:grid;overflow:hidden}.box.svelte-yo8uk3:first-child{border-top-left-radius:calc(var(--radius-m) - 2px)}.box.svelte-yo8uk3:nth-child(3){border-top-right-radius:calc(var(--radius-m) - 2px)}.box.svelte-yo8uk3:nth-child(7){border-bottom-left-radius:calc(var(--radius-m) - 2px)}.box.svelte-yo8uk3:nth-child(9){border-bottom-right-radius:calc(var(--radius-m) - 2px)}.cell.svelte-yo8uk3{background:var(--surface-container-lowest);min-width:0;min-height:0;color:var(--primary);font-variant-numeric:tabular-nums;justify-content:center;align-items:center;font-size:6.2cqw;font-weight:400;line-height:1;display:flex}.cell.svelte-yo8uk3:focus-visible{outline:none}.cell.given.svelte-yo8uk3{color:var(--on-surface);font-weight:500}.cell.peer.svelte-yo8uk3{background:var(--surface-container)}.cell.same.svelte-yo8uk3{background:color-mix(in srgb, var(--primary) 24%, var(--surface-container-lowest))}.cell.error.svelte-yo8uk3{background:var(--error-container);color:var(--error)}.cell.selected.svelte-yo8uk3{background:var(--primary-container);box-shadow:inset 0 0 0 2px var(--primary)}.cell.selected.error.svelte-yo8uk3{background:var(--error-container);box-shadow:inset 0 0 0 2px var(--error)}.notes.svelte-yo8uk3{width:100%;height:100%;color:var(--on-surface-variant);grid-template:repeat(3,1fr)/repeat(3,1fr);padding:4%;font-size:2.7cqw;font-weight:400;display:grid}.notes.svelte-yo8uk3 span:where(.svelte-yo8uk3){justify-content:center;align-items:center;display:flex}.notes.svelte-yo8uk3 .hl:where(.svelte-yo8uk3){color:var(--primary);font-weight:700}.board.hidden.svelte-yo8uk3 .cell:where(.svelte-yo8uk3){background:var(--surface-container);box-shadow:none}.controls.svelte-1tgnge9{width:var(--controls);flex-direction:column;flex:none;gap:12px;display:flex}.actions.svelte-1tgnge9{justify-content:space-around;display:flex}.action.svelte-1tgnge9{min-width:72px;color:var(--on-surface-variant);letter-spacing:.5px;flex-direction:column;align-items:center;gap:4px;font-size:12px;font-weight:500;display:flex}.action.svelte-1tgnge9:focus-visible{outline:none}.action.svelte-1tgnge9:focus-visible .pill:where(.svelte-1tgnge9){outline:2px solid var(--primary);outline-offset:2px}.pill.svelte-1tgnge9{border-radius:16px;justify-content:center;align-items:center;width:64px;height:32px;transition:background-color .15s;display:flex}.action.on.svelte-1tgnge9{color:var(--on-surface)}.action.on.svelte-1tgnge9 .pill:where(.svelte-1tgnge9){background:var(--secondary-container);color:var(--on-secondary-container)}.action.svelte-1tgnge9:disabled{opacity:.38;cursor:default}@media (hover:hover){.action.svelte-1tgnge9:not(:disabled):not(.on):hover .pill:where(.svelte-1tgnge9){background:color-mix(in srgb, var(--on-surface) 8%, transparent)}}.pad.svelte-1tgnge9{grid-template-columns:repeat(var(--pad-columns), 1fr);gap:var(--pad-gap);display:grid}.digit.svelte-1tgnge9{height:var(--pad-height);border-radius:var(--radius-m);background:var(--surface-container-high);min-width:0;color:var(--on-surface);font-variant-numeric:tabular-nums;flex-direction:column;justify-content:center;align-items:center;gap:2px;transition:background-color .1s;display:flex}.num.svelte-1tgnge9{font-size:24px;line-height:1}.left.svelte-1tgnge9{color:var(--on-surface-variant);font-size:11px;line-height:1}.digit.svelte-1tgnge9:active:not(:disabled){background:var(--primary-container)}.digit.done.svelte-1tgnge9 .num:where(.svelte-1tgnge9),.digit.done.svelte-1tgnge9 .left:where(.svelte-1tgnge9){opacity:.38}.digit.svelte-1tgnge9:disabled{opacity:.38;cursor:default}.pad.notes.svelte-1tgnge9 .digit:where(.svelte-1tgnge9){box-shadow:inset 0 0 0 1px var(--outline);color:var(--on-surface-variant);background:0 0}.pad.notes.svelte-1tgnge9 .digit.done:where(.svelte-1tgnge9) .num:where(.svelte-1tgnge9),.pad.notes.svelte-1tgnge9 .digit.done:where(.svelte-1tgnge9) .left:where(.svelte-1tgnge9){opacity:1}@media (hover:hover){.digit.svelte-1tgnge9:not(:disabled):hover{background:var(--surface-container-highest)}.pad.notes.svelte-1tgnge9 .digit:where(.svelte-1tgnge9):not(:disabled):hover{background:color-mix(in srgb, var(--on-surface) 8%, transparent)}}dialog.svelte-1ayz0dr{border-radius:var(--radius-xl);background:var(--surface-container-high);width:min(100vw - 48px,400px);max-height:calc(100dvh - 48px);color:var(--on-surface);border:0;padding:0}dialog.svelte-1ayz0dr::backdrop{background:var(--scrim)}.body.svelte-1ayz0dr{padding:24px}h2.svelte-1ayz0dr{margin-bottom:16px;font-size:24px;font-weight:400;line-height:32px}.content.svelte-1ayz0dr{color:var(--on-surface-variant);font-size:14px;line-height:20px}.actions.svelte-1ayz0dr{flex-wrap:wrap;justify-content:flex-end;gap:8px;margin-top:24px;display:flex}.screen.svelte-1gupv3x{--bar:64px;--pad-columns:9;--pad-gap:4px;--pad-height:clamp(56px, 100dvh - var(--bar) - 100vw - 150px, 72px);--board:min(100vw - 24px, 100dvh - var(--bar) - 190px - env(safe-area-inset-top) - env(safe-area-inset-bottom), 600px);--controls:var(--board);height:100dvh;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);flex-direction:column;display:flex}.bar.svelte-1gupv3x{height:var(--bar);flex:none;align-items:center;gap:4px;padding:0 4px;display:flex}h1.svelte-1gupv3x{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:22px;font-weight:400;line-height:28px;overflow:hidden}.mistakes.svelte-1gupv3x{color:var(--on-surface-variant);white-space:nowrap;margin-right:12px;font-size:14px}.time.svelte-1gupv3x{font-variant-numeric:tabular-nums;padding-left:4px;font-size:16px;font-weight:500}.time.dim.svelte-1gupv3x{color:var(--on-surface-variant)}.icon-btn.svelte-1gupv3x:disabled{opacity:.38}.play.svelte-1gupv3x{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:20px;min-height:0;padding:0 12px 16px;display:flex}.board-wrap.svelte-1gupv3x{flex:none;position:relative}.paused.svelte-1gupv3x{border-radius:var(--radius-m);color:var(--on-surface);flex-direction:column;justify-content:center;align-items:center;gap:12px;font-size:16px;font-weight:500;display:flex;position:absolute;inset:0}.fab.svelte-1gupv3x{background:var(--primary-container);width:72px;height:72px;color:var(--on-primary-container);border-radius:24px;justify-content:center;align-items:center;display:flex}.stats.svelte-1gupv3x{gap:32px;margin:0;display:flex}dt.svelte-1gupv3x{letter-spacing:.4px;font-size:12px}dd.svelte-1gupv3x{color:var(--on-surface);font-variant-numeric:tabular-nums;margin:0;font-size:28px;line-height:36px}@media (height<=480px){.screen.svelte-1gupv3x{--bar:48px}}@media (aspect-ratio>=1) and (width>=600px){.screen.svelte-1gupv3x{--controls:clamp(200px, 30vw, 300px);--pad-columns:3;--pad-gap:8px;--pad-height:clamp(44px, (100dvh - var(--bar) - 130px) / 3, 72px);--board:min(100dvh - var(--bar) - 24px - env(safe-area-inset-top) - env(safe-area-inset-bottom), 100vw - var(--controls) - 72px - env(safe-area-inset-left) - env(safe-area-inset-right), 720px)}.play.svelte-1gupv3x{flex-direction:row;gap:32px;padding-bottom:24px}}.screen.svelte-mqnx2g{min-height:100dvh;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.bar.svelte-mqnx2g{align-items:center;height:64px;padding:0 4px 0 16px;display:flex}h1.svelte-mqnx2g{flex:1;font-size:22px;font-weight:400;line-height:28px}main.svelte-mqnx2g{max-width:1040px;margin:0 auto;padding:8px 16px 24px}.levels.svelte-mqnx2g{grid-template-columns:1fr;gap:12px;max-width:560px;margin:0 auto;display:grid}.card.svelte-mqnx2g{border-radius:var(--radius-l);background:var(--surface-container-low);flex-direction:column;padding:16px;display:flex}h2.svelte-mqnx2g{font-size:22px;font-weight:400;line-height:28px}.sub.svelte-mqnx2g{color:var(--on-surface-variant);font-size:14px;line-height:20px}.sub.current.svelte-mqnx2g{color:var(--on-surface)}.sub.current.svelte-mqnx2g:first-letter{text-transform:uppercase}.buttons.svelte-mqnx2g{flex-wrap:wrap;justify-content:flex-end;gap:8px;margin-top:auto;padding-top:16px;display:flex}.error.svelte-mqnx2g{border-radius:var(--radius-m);background:var(--error-container);max-width:560px;color:var(--on-surface);margin:0 auto 12px;padding:12px 16px;font-size:14px}@media (width>=840px){.levels.svelte-mqnx2g{grid-template-columns:repeat(3,1fr);gap:16px;max-width:none}}.row.svelte-1564via{margin-bottom:20px}.label.svelte-1564via{color:var(--on-surface);margin-bottom:8px;font-size:16px;line-height:24px;display:block}.segmented.svelte-1564via{border:1px solid var(--outline);border-radius:20px;display:flex;overflow:hidden}.segmented.svelte-1564via button:where(.svelte-1564via){min-width:0;min-height:40px;color:var(--on-surface);flex:1;padding:0 8px;font-size:14px;font-weight:500;line-height:1.2}.segmented.svelte-1564via button:where(.svelte-1564via)+button:where(.svelte-1564via){border-left:1px solid var(--outline)}.segmented.svelte-1564via button.on:where(.svelte-1564via){background:var(--secondary-container);color:var(--on-secondary-container)}.segmented.svelte-1564via button:where(.svelte-1564via):focus-visible{outline-offset:-3px}.switch-row.svelte-1564via{cursor:pointer;align-items:center;gap:16px;display:flex}.switch-row.svelte-1564via .label:where(.svelte-1564via){margin-bottom:2px}.note.svelte-1564via{display:block}input[role=switch].svelte-1564via{appearance:none;border:2px solid var(--outline);background:var(--surface-container-highest);cursor:pointer;border-radius:16px;flex:none;width:52px;height:32px;margin:0;transition:background-color .15s,border-color .15s;position:relative}input[role=switch].svelte-1564via:before{content:"";background:var(--outline);border-radius:50%;width:16px;height:16px;transition:all .15s;position:absolute;top:50%;left:6px;transform:translateY(-50%)}input[role=switch].svelte-1564via:checked{background:var(--primary);border-color:var(--primary)}input[role=switch].svelte-1564via:checked:before{background:var(--on-primary);width:24px;height:24px;left:22px}input[role=switch].svelte-1564via:focus-visible{outline:2px solid var(--primary);outline-offset:2px}