:root{--bg:#f4f4f1;--surface:#fff;--surface-2:#ebebe6;--grid-line:#d8d8d1;--grid-line-bold:#3a3a35;--given:#1b1b19;--entered:#1354d6;--pencil:#64645d;--sel:#d4e3ff;--peer:#edf1f9;--same-digit:#c6daff;--error:#b32828;--accent:#1354d6;--on-accent:#fff;--muted:#75756d;--radius:12px;--tap:44px}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#16161a;--surface:#1f1f24;--surface-2:#2a2a31;--grid-line:#34343c;--grid-line-bold:#8c8c99;--given:#f0f0f2;--entered:#9cb9ff;--pencil:#a4a4ab;--sel:#2e3a55;--peer:#2d2d37;--same-digit:#3a4a6b;--error:#ffa1a1;--accent:#9cb9ff;--on-accent:#10101a;--muted:#9a9aa4}}:root[data-theme=dark]{--bg:#16161a;--surface:#1f1f24;--surface-2:#2a2a31;--grid-line:#34343c;--grid-line-bold:#8c8c99;--given:#f0f0f2;--entered:#9cb9ff;--pencil:#a4a4ab;--sel:#2e3a55;--peer:#2d2d37;--same-digit:#3a4a6b;--error:#ffa1a1;--accent:#9cb9ff;--on-accent:#10101a;--muted:#9a9aa4}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}html,body,#root{height:100%}body{background:var(--bg);color:var(--given);font-variant-numeric:tabular-nums;touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;overscroll-behavior:none;font:400 16px/1.4 -apple-system,BlinkMacSystemFont,SF Pro Text,system-ui,sans-serif;overflow:hidden}button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation;min-height:var(--tap);min-width:var(--tap);background:0 0;border:0}.app{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}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.board{aspect-ratio:1;background:var(--surface);border:2px solid var(--grid-line-bold);border-radius:6px;grid-template-columns:repeat(9,1fr);width:100%;max-width:min(100%,62vh);margin:0 auto;display:grid;overflow:hidden;container-type:inline-size}.cell{aspect-ratio:1;background:var(--surface);border-right:1px solid var(--grid-line);border-bottom:1px solid var(--grid-line);justify-content:center;align-items:center;min-width:0;min-height:0;padding:0;transition:background-color 90ms ease-out;display:flex;position:relative}.cell:nth-child(9n){border-right:0}.cell:nth-child(9n+3),.cell:nth-child(9n+6){border-right:2px solid var(--grid-line-bold)}.cell:nth-child(n+73){border-bottom:0}.cell:nth-child(n+19):nth-child(-n+27),.cell:nth-child(n+46):nth-child(-n+54){border-bottom:2px solid var(--grid-line-bold)}.cell--peer{background:var(--peer)}.cell--same{background:var(--same-digit)}.cell--selected{background:var(--sel)}.cell__value{color:var(--entered);font-size:7cqw;font-weight:400;line-height:1}.cell--given .cell__value{color:var(--given);font-weight:600}.cell--conflict .cell__value{color:var(--error)}.cell__pencil{color:var(--pencil);grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(3,1fr);font-size:2.5cqw;line-height:1;display:grid;position:absolute;inset:7%}.cell__mark{justify-content:center;align-items:center;display:flex}@keyframes cell-place{0%{opacity:.4;transform:scale(.72)}to{opacity:1;transform:scale(1)}}.cell__value{animation:90ms ease-out cell-place}.cell--given .cell__value{animation:none}.pad{grid-template-columns:repeat(9,1fr);gap:4px;padding:8px 4px;display:grid}.pad__key{aspect-ratio:3/4;color:var(--accent);background:var(--surface);border-radius:var(--radius);justify-content:center;align-items:center;min-width:0;font-size:clamp(20px,5.5vw,30px);font-weight:500;transition:transform 70ms ease-out,background-color 90ms ease-out;display:flex}.pad__key:active{background:var(--surface-2);transform:scale(.92)}.pad__key--done{color:var(--muted)}.pad--pencil .pad__key{color:var(--pencil);align-items:flex-start;padding-top:6px;font-size:clamp(15px,4vw,22px)}.toolbar{justify-content:space-between;gap:6px;padding:4px;display:flex}.toolbar button{border-radius:var(--radius);background:var(--surface);color:var(--given);flex:1;padding:8px 4px;font-size:15px}.toolbar button:disabled{opacity:.35}.toolbar button.is-on{background:var(--accent);color:var(--on-accent)}.progress{background:var(--surface-2);border-radius:999px;width:100%;height:4px;overflow:hidden}.progress__fill{background:var(--accent);height:100%;transition:width .2s ease-out}.screen__head{align-items:center;gap:8px;padding:4px 8px;display:flex}.screen__head button{min-height:40px;font-size:26px;line-height:1}.screen__title{text-align:center;flex:1;font-weight:600}.screen__timer{color:var(--muted);text-align:right;min-width:52px;font-size:15px}.screen__save-warning{text-align:center;color:var(--muted);padding:2px 8px 6px;font-size:12px}.screen__body{flex:1;justify-content:center;align-items:center;min-height:0;padding:8px;display:flex}.screen__foot{padding-bottom:4px}.done{background:color-mix(in oklab, var(--bg) 82%, transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);place-items:center;display:grid;position:fixed;inset:0}.done__card{background:var(--surface);text-align:center;border-radius:20px;gap:12px;padding:28px 36px;display:grid}.done__card h2{font-size:26px}.done__card p{color:var(--muted)}.done__btn{background:var(--accent);color:var(--on-accent);border-radius:var(--radius);padding:10px 20px;font-weight:600}.home{padding:max(24px, env(safe-area-inset-top)) max(24px, env(safe-area-inset-right)) max(24px, env(safe-area-inset-bottom)) max(24px, env(safe-area-inset-left));justify-content:center;gap:20px}.home__title{text-align:center;letter-spacing:-.02em;font-size:34px;font-weight:700}.home__resume{background:var(--accent);width:100%;color:var(--on-accent);border-radius:var(--radius);gap:2px;padding:14px;font-weight:600;display:grid}.home__resume small{opacity:.85;font-weight:400}.home__tiers{gap:8px;display:grid}.home__tier{background:var(--surface);color:var(--given);border-radius:var(--radius);padding:14px;font-size:17px}.home__tier:disabled{opacity:.4}.home__busy{text-align:center;color:var(--muted)}.home__note{text-align:center;color:var(--muted);font-size:13px}.pill{left:50%;bottom:calc(12px + env(safe-area-inset-bottom));background:var(--surface);z-index:10;border-radius:999px;align-items:center;gap:10px;padding:8px 8px 8px 16px;font-size:14px;display:flex;position:fixed;transform:translate(-50%);box-shadow:0 6px 24px #0000002e}.pill button{background:var(--surface-2);border-radius:999px;min-height:32px;padding:4px 12px;font-size:14px}.pill button:first-of-type{background:var(--accent);color:var(--on-accent)}