@font-face{font-family:Sora Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/assets/sora-latin-ext-wght-normal-CawQDOvP.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Sora Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/assets/sora-latin-wght-normal-DdqRvwsR.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--bg:#eef0f6;--surface:#f9fafc;--ink:#1c2541;--muted:#545e7a;--line:#c9cfdf;--rail:#b9c1d6;--accent:#5b45d6;--on-accent:#fff;--error:#c62f45;--tile:#fff;--peer:#e6e4f8;--same:#cfc8f5;--selected:#d3cbf7;--shadow:0 14px 36px #0a0f282e;--font-ui:"Sora Variable", ui-sans-serif, "Segoe UI", system-ui, -apple-system, sans-serif;--ease-out:cubic-bezier(.22, 1, .36, 1);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#10142a;--surface:#181d38;--ink:#e4e7f5;--muted:#959cba;--line:#2b3253;--rail:#353d63;--accent:#a593ff;--on-accent:#120b33;--error:#ff7a8c;--tile:#161b34;--peer:#1f2448;--same:#312c66;--selected:#433a8a;--shadow:0 14px 36px #00000073;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--bg:#10142a;--surface:#181d38;--ink:#e4e7f5;--muted:#959cba;--line:#2b3253;--rail:#353d63;--accent:#a593ff;--on-accent:#120b33;--error:#ff7a8c;--tile:#161b34;--peer:#1f2448;--same:#312c66;--selected:#433a8a;--shadow:0 14px 36px #00000073;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--ink);font-family:var(--font-ui);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);margin:0;font-size:16px;line-height:1.45}button,input,textarea{font:inherit;color:inherit}h2,h3{text-wrap:balance}:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.app{flex-direction:column;max-width:480px;height:100%;margin:0 auto;padding:8px 14px 10px;display:flex}.header{grid-template-columns:1fr auto 1fr;align-items:center;padding:4px 0 10px;display:grid}.title{letter-spacing:.14em;text-transform:uppercase;align-items:center;gap:10px;margin:0;font-size:28px;font-weight:800;line-height:1;display:flex}.logo-mark{width:26px;height:26px;color:var(--accent)}.header-side{gap:2px;display:flex}.header-end{justify-content:flex-end}.icon-button{cursor:pointer;width:44px;height:44px;color:var(--muted);background:0 0;border:0;border-radius:50%;place-items:center;transition:color .15s,background-color .15s;display:grid}.icon-button:hover{color:var(--ink);background:color-mix(in srgb, var(--ink) 7%, transparent)}.icon-button svg{width:21px;height:21px}.meta{color:var(--muted);border-bottom:1.5px solid var(--line);justify-content:space-between;align-items:baseline;gap:12px;padding-bottom:6px;font-size:14px;display:flex}.meta strong{color:var(--ink);font-weight:600}.meta-score{font-variant-numeric:tabular-nums;white-space:nowrap}.difficulty{margin:0 0 10px}.difficulty .segment>span,.stats-picker .segment>span{height:36px;font-size:13px}.segment-done{color:var(--accent);margin-left:5px;font-weight:800}.board-wrap{flex:1;place-items:start center;min-height:0;margin:12px 0 6px;display:grid;container-type:size}.board-frame{--size:min(100cqw, 100cqh);--cell:calc(var(--size) / 9);width:var(--size);height:var(--size);position:relative}.board{border:2.5px solid var(--ink);background:var(--tile);-webkit-user-select:none;user-select:none;border-radius:10px;grid-template-columns:repeat(9,1fr);width:100%;height:100%;display:grid;overflow:hidden}.board-row{display:contents}.cell{border-right:1px solid var(--line);border-bottom:1px solid var(--line);min-width:0;min-height:0;font-size:calc(var(--cell) * .56);font-variant-numeric:tabular-nums;cursor:pointer;touch-action:manipulation;place-items:center;line-height:1;display:grid;position:relative}.cell:nth-child(9){border-right:0}.board-row:last-child .cell{border-bottom:0}.cell.edge-right{border-right:2.5px solid var(--ink)}.cell.edge-bottom{border-bottom:2.5px solid var(--ink)}.cell:focus-visible{outline:3px solid var(--accent);outline-offset:-3px}.cell.is-peer{background:var(--peer)}.cell.is-same{background:var(--same)}.cell.is-selected{background:var(--selected);box-shadow:inset 0 0 0 2px var(--accent)}.cell.is-given{font-weight:700}.cell.is-entry,.cell.is-hinted{color:var(--accent);font-weight:600}.cell.is-hinted:after{content:"";background:currentColor;border-radius:1px;width:28%;height:2px;margin-left:-14%;position:absolute;bottom:12%;left:50%}.cell.is-wrong{color:var(--error);font-weight:600}.cell.is-wrong .cell-digit{text-underline-offset:3px;-webkit-text-decoration:underline wavy;text-decoration:underline wavy;text-decoration-thickness:1.5px}.cell-digit{animation:.12s pop}.notes{grid-template-columns:repeat(3,1fr);width:100%;height:100%;padding:3%;display:grid}.note{font-size:calc(var(--cell) * .24);color:var(--muted);place-items:center;font-weight:600;display:grid}.note:after{content:attr(data-note)}.note.is-same{color:var(--accent);font-weight:800}.board.is-solved .cell{cursor:default;animation:wave .6s var(--ease-out) both;animation-delay:calc(var(--i) * 40ms)}@keyframes wave{40%{background:var(--same);transform:scale(1.1)}}@keyframes pop{50%{transform:scale(1.15)}}.paused{border-radius:10px;place-content:center;justify-items:center;gap:4px;display:grid;position:absolute;inset:0}.paused p{margin:0;font-size:24px;font-weight:800}.clock{color:var(--ink);font-weight:600}.pause{width:28px;height:28px;color:var(--muted);cursor:pointer;vertical-align:middle;background:0 0;border:0;border-radius:50%;place-items:center;margin:-6px -6px -6px 2px;padding:0;display:inline-grid}.pause:hover,.pause[aria-pressed=true]{color:var(--ink);background:color-mix(in srgb, var(--ink) 8%, transparent)}.pause svg{width:16px;height:16px}.placeholder{text-align:center;padding:48px 12px}.placeholder h2{margin:0 0 6px;font-size:26px;font-weight:800}.placeholder p{color:var(--muted);margin:0 0 18px}.placeholder-spinner{border:4px solid var(--rail);border-top-color:var(--accent);border-radius:50%;width:48px;height:48px;margin:0 auto;animation:.9s linear infinite spin;display:block}@keyframes spin{to{rotate:1turn}}.tools{gap:6px;padding:6px 0 8px;display:flex}.tool{border:1.5px solid var(--line);cursor:pointer;min-width:0;height:52px;color:var(--muted);touch-action:manipulation;background:0 0;border-radius:8px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;font-size:12px;font-weight:600;display:flex}.tool svg{width:20px;height:20px}.tool:hover:not(:disabled){color:var(--ink);border-color:var(--ink)}.tool.is-on{background:var(--ink);border-color:var(--ink);color:var(--bg)}.tool.is-on:hover{color:var(--bg)}.tool:disabled{opacity:.45;cursor:default}.keypad{-webkit-user-select:none;user-select:none;grid-template-columns:repeat(9,1fr);gap:5px;display:grid}.key{background:var(--surface);height:60px;box-shadow:inset 0 0 0 1.5px var(--line);cursor:pointer;touch-action:manipulation;border:0;border-radius:8px;place-content:center;gap:2px;padding:0;display:grid}.key-digit{font-size:26px;font-weight:600;line-height:1}.key-left:after{content:attr(data-left)}.key-left{height:11px;color:var(--muted);font-variant-numeric:tabular-nums;font-size:11px;line-height:1}.key:active:not(:disabled){background:var(--line)}.key:disabled{opacity:.35;cursor:default}.keypad.is-notes .key-digit{color:var(--accent);font-size:19px}.button{cursor:pointer;border:0;border-radius:8px;justify-content:center;align-items:center;gap:8px;height:46px;padding:0 20px;font-weight:700;display:inline-flex}.button svg{width:22px;height:22px}.button-primary{background:var(--ink);color:var(--bg)}.button-ghost{border:1.5px solid var(--line);color:var(--ink);background:0 0}.button-ghost:hover{border-color:var(--ink)}.result{padding:12px 0 4px}.result-title{letter-spacing:-.02em;margin:0;font-size:32px;font-weight:800;line-height:1.1}.result-sub{color:var(--muted);margin:4px 0 0}.result-actions{gap:8px;margin-top:14px;display:flex}.result-actions .button{flex:1;height:54px}.result-actions .button-ghost{white-space:nowrap;padding:0 12px;font-size:15px}.button-share{background:var(--accent);color:var(--on-accent);font-size:19px;font-weight:800}.manual{border:1.5px solid var(--line);background:var(--surface);border-radius:8px;width:100%;min-height:80px;margin-top:10px;padding:10px}.countdown{color:var(--muted);justify-content:space-between;margin-top:12px;font-size:15px;display:flex}.countdown-time{color:var(--ink);font-variant-numeric:tabular-nums;font-weight:600}.toasts{left:50%;top:calc(env(safe-area-inset-top,0px) + 150px);z-index:20;pointer-events:none;gap:8px;display:grid;position:fixed;transform:translate(-50%)}.toast{background:var(--ink);color:var(--bg);white-space:nowrap;pointer-events:auto;box-shadow:var(--shadow);animation:toast-in .22s var(--ease-out);border-radius:8px;padding:10px 16px;font-size:15px;font-weight:600}@keyframes toast-in{0%{transform:translateY(-14px)}}.toast-action{color:inherit;cursor:pointer;background:0 0;border:0;padding:0;font-weight:800;text-decoration:underline}.modal{background:var(--surface);width:calc(100% - 32px);max-width:420px;color:var(--ink);box-shadow:var(--shadow);border:0;border-radius:12px;padding:0}.modal[open]{animation:modal-in .22s var(--ease-out)}@keyframes modal-in{0%{transform:translateY(10px)scale(.98)}}.modal::backdrop{background:#050f0f8c}.modal-body{padding:18px 22px 22px}.modal-header{justify-content:space-between;align-items:center;margin:0 -10px 8px 0;display:flex}.modal-header h2{margin:0;font-size:22px;font-weight:800}.modal p{text-wrap:pretty;margin:0 0 8px}.modal-footnote{color:var(--muted);margin-top:14px;font-size:13px}.modal .button-primary{width:100%;height:50px;margin-top:16px}.modal-actions{gap:8px;margin-top:16px;display:flex}.modal-actions .button{flex:1;height:50px;margin:0}.rules{margin:8px 0;padding-left:20px}.rules li+li{margin-top:4px}.stats-grid{text-align:center;grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:18px;display:grid}.stats-grid b{font-variant-numeric:tabular-nums;font-size:28px;font-weight:800;line-height:1.1;display:block}.stats-grid span{color:var(--muted);font-size:12px}.dist-title{margin:0 0 10px;font-size:15px;font-weight:700}.dist{gap:5px;display:grid}.dist-row{grid-template-columns:76px 1fr;align-items:center;gap:8px;font-size:13px;display:grid}.dist-label{color:var(--muted)}.dist-bar{background:var(--rail);color:var(--ink);text-align:right;font-variant-numeric:tabular-nums;border-radius:4px;min-width:26px;padding:1px 8px;font-style:normal;font-weight:600;display:block}.dist-bar.is-mine{background:var(--ink);color:var(--bg)}.stats-picker{margin-bottom:14px}.stats-times{grid-template-columns:1fr 1fr;gap:8px;margin:-6px 0 18px;display:grid}.stats-times div{background:var(--bg);border-radius:8px;justify-content:space-between;align-items:baseline;padding:8px 12px;display:flex}.stats-times span{color:var(--muted);font-size:13px}.stats-times b{font-variant-numeric:tabular-nums;font-size:17px}.setting{border:0;margin:0 0 18px;padding:0}.setting-name{margin-bottom:8px;padding:0;font-weight:600;display:block}.segmented{gap:6px;display:flex}.segment{flex:1;position:relative}.segment input{opacity:0;pointer-events:none;width:1px;height:1px;margin:0;position:absolute}.segment>span{border:1.5px solid var(--line);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;height:40px;font-size:14px;display:flex}.segment>span:hover{border-color:var(--muted)}.segment input:checked+span{border-color:var(--ink);font-weight:700}.segment input:focus-visible+span{outline:3px solid var(--accent);outline-offset:2px}.setting-footer{color:var(--muted);font-size:13px}@media (prefers-reduced-motion:reduce){.cell-digit,.board.is-solved .cell,.toast,.modal[open],.placeholder-spinner{animation:none}}@media (height<=700px){.key{height:48px}.tool{height:44px;font-size:11px}.tool svg{width:17px;height:17px}}