@font-face{font-family:Sora;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/Sora-SemiBold.woff2)format("woff2")}@font-face{font-family:Sora;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/Sora-Bold.woff2)format("woff2")}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f1f1ef;--surface:#fff;--fg:#0f0f10;--muted:#5e5e62;--user:#5e5e62;--line:#e1e1de;--line-strong:#0f0f10;--ctl-bg:#fff;--ctl-border:#d4d4d0;--cta:#0f0f10;--on-cta:#fff;--win:#d7eed9;--radius:8px;--ctl-radius:8px;--gutter:16px;--page-top:20px;--page-bottom:32px;--gap:16px;--pad-gap:10px;--control-height:48px;--key-height:56px;--column-width:min(100vw - 2 * var(--gutter), 440px);--page-block:calc(var(--page-top) + var(--page-bottom) + env(safe-area-inset-top,0px) + env(safe-area-inset-bottom,0px));--chrome-height:calc(var(--page-block) + 2 * var(--control-height) + 3 * var(--key-height) + 3 * var(--gap) + 2 * var(--pad-gap))}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#090909;--surface:#131313;--fg:#f4f4f2;--muted:#9a9aa0;--user:#9a9aa0;--line:#262626;--line-strong:#bdbdb8;--ctl-bg:#131313;--ctl-border:#2c2c2c;--cta:#f4f4f2;--on-cta:#090909;--win:#12301a}}@media (height<=700px){:root{--page-top:12px;--page-bottom:16px;--gap:12px;--pad-gap:8px;--control-height:44px;--key-height:48px}}@media (height<=620px){:root{--page-top:8px;--page-bottom:12px;--gap:8px;--key-height:44px}}html,body{background:var(--bg);color:var(--fg);font-variant-numeric:lining-nums tabular-nums;margin:0;font-family:Sora,system-ui,sans-serif;font-weight:600}[hidden]{display:none!important}#app{box-sizing:border-box;gap:var(--gap);width:var(--column-width);padding:calc(var(--page-top) + env(safe-area-inset-top,0px)) 0 calc(var(--page-bottom) + env(safe-area-inset-bottom,0px));-webkit-user-select:none;user-select:none;flex-direction:column;margin:0 auto;font-size:16px;display:flex}button,select{box-sizing:border-box;min-width:var(--control-height);min-height:var(--control-height);border:1px solid var(--ctl-border);border-radius:var(--ctl-radius);background:var(--ctl-bg);color:var(--fg);font:inherit;touch-action:manipulation;cursor:pointer;margin:0;font-size:15px}button:disabled{opacity:.4;cursor:default}button[aria-pressed=true]{border-color:var(--cta);background:var(--cta);color:var(--on-cta)}button:focus-visible,select:focus-visible{outline:2px solid var(--user);outline-offset:2px}.new-game:active,.action:active,.digit:active,.dialog-button:active{transform:scale(.97)}.controls-bar{gap:12px;display:flex}.level-select{appearance:none;background-image:linear-gradient(45deg, transparent 50%, var(--muted) 50%), linear-gradient(135deg, var(--muted) 50%, transparent 50%);background-position:right 22px center,right 16px center;background-repeat:no-repeat;background-size:6px 6px;flex:1;padding:0 44px 0 16px}.new-game,.dialog-button.abandon{border-color:var(--cta);background:var(--cta);color:var(--on-cta)}.new-game{padding:0 22px}.board{box-sizing:border-box;width:min(var(--column-width), max(300px, 100vh - var(--chrome-height)));width:min(var(--column-width), max(300px, 100dvh - var(--chrome-height)));aspect-ratio:1;align-self:center}.grid{box-sizing:border-box;border:2px solid var(--line-strong);border-radius:var(--radius);background:var(--line);grid-template-rows:repeat(9,minmax(0,1fr));width:100%;height:100%;display:grid;overflow:hidden;container-type:size}.grid-row{grid-template-columns:repeat(9,minmax(0,1fr));display:grid}.grid-cell{box-sizing:border-box;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--surface)}.grid.solved .grid-cell{background:var(--win)}.grid-cell:nth-child(3n){border-right:2px solid var(--line-strong)}.grid-cell:last-child{border-right:0}.grid-row:nth-child(3n)>.grid-cell{border-bottom:2px solid var(--line-strong)}.grid-row:last-child>.grid-cell{border-bottom:0}.grid-cell[aria-selected=true]{box-shadow:inset 0 0 0 2px var(--user)}.cell{width:100%;min-width:0;height:100%;min-height:0;color:var(--user);background:0 0;border:0;border-radius:0;place-items:center;padding:0;font-size:6.5cqw;font-weight:600;line-height:1;display:grid}.cell.given{color:var(--fg);font-weight:700}.cell:disabled{opacity:1;cursor:default}.cell:focus-visible{outline:2px solid var(--user);outline-offset:-3px}.cell-notes{width:100%;height:100%;color:var(--muted);grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(3,1fr);place-items:center;font-size:3cqw;display:grid}.board-message{box-sizing:border-box;width:100%;height:100%;padding:var(--gutter);border:2px solid var(--line-strong);border-radius:var(--radius);background:var(--surface);text-align:center;justify-content:center;align-items:center;margin:0;display:flex}.action-row,.number-pad{gap:var(--pad-gap);grid-template-columns:repeat(3,1fr);display:grid}.action{justify-content:center;align-items:center;gap:8px;font-size:14px;display:inline-flex}.icon{flex:none;width:18px;height:18px}.digit{min-height:var(--key-height);font-size:20px}.confirm-dialog{box-sizing:border-box;max-width:min(100vw - 2 * var(--gutter), 360px);border:2px solid var(--line-strong);border-radius:var(--radius);background:var(--surface);color:var(--fg);padding:20px}.confirm-dialog::backdrop{background:color-mix(in srgb, var(--bg) 60%, transparent)}.confirm-dialog p{margin:0 0 20px}.confirm-dialog form{justify-content:flex-end;gap:var(--pad-gap);display:flex}.dialog-button{padding:0 20px}@media (width>=820px) and (height>=560px){:root{--page-top:24px;--page-bottom:24px}#app{width:min(100vw - 2 * var(--gutter), 988px);grid-template:"board head""board."1fr"board actions""board pad"/minmax(0,600px) minmax(300px,340px);gap:16px 48px;display:grid}.controls-bar{grid-area:head}.board{width:min(100%, max(300px, 100vh - var(--page-block)));width:min(100%, max(300px, 100dvh - var(--page-block)));grid-area:board;place-self:start}.action-row{grid-area:actions}.number-pad{grid-area:pad}}