:root{--font-display: "Fraunces Variable", Georgia, "Times New Roman", serif;--font-ui: "Spline Sans Variable", ui-sans-serif, system-ui, sans-serif;--bg-base: #f1ece1;--bg: var(--bg-base);--surface: #fbf8f1;--ink: #211c16;--ink-soft: #6f6557;--accent: #c8502a;--entry: #2f6d63;--line: #d8cfbe;--line-strong: #2b251d;--peer-bg: #ece4d4;--same-bg: color-mix(in srgb, var(--accent) 13%, var(--surface));--sel-bg: color-mix(in srgb, var(--accent) 24%, var(--surface));--danger: #b23120;--danger-bg: color-mix(in srgb, var(--danger) 18%, var(--surface));--space: 1rem;--radius: 14px;--radius-board: 10px;--frame: 2.5px;--board-max: 540px}:root{color-scheme:light}[data-theme=dark]{--bg-base: #14120d;--surface: #1e1b14;--ink: #ece5d6;--ink-soft: #9a9081;--accent: #e9794a;--entry: #6fc7b8;--line: #3a3326;--line-strong: #c7bca6;--peer-bg: #2a261d;--same-bg: color-mix(in srgb, var(--accent) 22%, var(--surface));--sel-bg: color-mix(in srgb, var(--accent) 34%, var(--surface));--danger: #f08a72;--danger-bg: color-mix(in srgb, var(--danger) 24%, var(--surface));color-scheme:dark}@media(prefers-reduced-motion:reduce){*{animation-duration:.001ms!important;transition-duration:.001ms!important}}*{box-sizing:border-box}:focus:not(:focus-visible){outline:none}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}html,body{margin:0;min-height:100%;-webkit-tap-highlight-color:transparent}button,a,input,label,.cell{-webkit-tap-highlight-color:transparent;touch-action:manipulation}body{background:var(--bg);color:var(--ink);font-family:var(--font-ui);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}#app{min-height:100dvh}.screen{min-height:100dvh;display:flex;flex-direction:column;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.screen[hidden]{display:none}[data-tier=easy]{--tier-hue: #4fa84a}[data-tier=medium]{--tier-hue: #9aae33}[data-tier=hard]{--tier-hue: #db8a2e}[data-tier=expert]{--tier-hue: #d2473a}.screen--game[data-tier]{--bg: color-mix(in srgb, var(--tier-hue) 14%, var(--bg-base));background:var(--bg)}.topbar{display:flex;align-items:center;justify-content:space-between;gap:var(--space);padding:calc(var(--space) * .9) var(--space)}.brand{margin:0;font-family:var(--font-display);font-weight:600;font-size:clamp(1.5rem,6vw,2rem);letter-spacing:.01em;font-variation-settings:"opsz" 144}.topbar__tier{font-size:.85rem;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft)}.game{flex:1;display:grid;place-items:center;padding:var(--space);padding-top:0}.board-frame{position:relative;width:100%;max-width:min(92vmin,var(--board-max))}.gamebar{width:100%;max-width:min(92vmin,var(--board-max));margin:0 auto;padding:0 .1rem .5rem;display:flex;align-items:center;justify-content:space-between}.timer{font-family:var(--font-display);font-variant-numeric:lining-nums tabular-nums;font-weight:600;font-size:1.35rem;color:var(--ink)}.ghostbtn{display:inline-flex;align-items:center;gap:.4rem;background:transparent;border:1px solid var(--line);border-radius:999px;padding:.4rem .9rem;min-height:40px;color:var(--ink-soft);font-family:var(--font-ui);font-size:.9rem;cursor:pointer}.ghostbtn:active{background:var(--peer-bg)}.ghostbtn__glyph{font-size:.85rem}.board--blurred{filter:blur(7px);pointer-events:none;transition:filter .16s ease}.pause-veil{position:absolute;inset:0;display:grid;place-items:center;background:color-mix(in srgb,var(--bg) 30%,transparent);border-radius:var(--radius-board);z-index:5}.pause-veil[hidden]{display:none}.board{display:grid;touch-action:manipulation;grid-template-columns:repeat(9,1fr);grid-template-rows:repeat(9,1fr);aspect-ratio:1 / 1;width:100%;background:var(--surface);border:var(--frame) solid var(--line-strong);border-radius:var(--radius-board);overflow:hidden;box-shadow:0 1px #0000000a,0 14px 34px -22px #00000080}.cell{appearance:none;margin:0;padding:0;background:transparent;border:none;border-right:1px solid var(--line);border-bottom:1px solid var(--line);color:var(--entry);font-family:var(--font-display);font-weight:500;font-size:clamp(1rem,6.2vmin,1.9rem);line-height:1;display:grid;place-items:center;min-width:0;min-height:0;overflow:hidden;cursor:pointer;user-select:none;font-variant-numeric:lining-nums tabular-nums;transition:background-color .12s ease,box-shadow .12s ease}.cell:focus-visible{outline:none;box-shadow:inset 0 0 0 2px var(--accent)}.cell--last-col{border-right:none}.cell--last-row{border-bottom:none}.cell--sep-left{border-left:var(--frame) solid var(--line-strong)}.cell--sep-top{border-top:var(--frame) solid var(--line-strong)}.cell--given{color:var(--ink);font-weight:600;cursor:default}.cell__value{transform:translateY(.02em)}.cell--hint{color:var(--accent);font-weight:600;cursor:default}.cell__notes{display:none;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);width:100%;height:100%;padding:5%}.cell--has-notes .cell__notes{display:grid}.cell--has-notes .cell__value{display:none}.cell__note{display:grid;place-items:center;font-family:var(--font-ui);font-weight:500;font-size:clamp(.5rem,2.3vmin,.72rem);line-height:1;color:var(--ink-soft);font-variant-numeric:lining-nums tabular-nums}.cell__note--match{color:var(--accent);font-weight:700}.cell--peer{background-color:var(--peer-bg)}.cell--same{background-color:var(--same-bg)}.cell--conflict{background-color:var(--danger-bg);color:var(--danger);box-shadow:inset 0 0 0 2px var(--danger)}.cell--selected{background-color:var(--sel-bg);box-shadow:inset 0 0 0 2.5px var(--accent)}.dock{position:sticky;bottom:0;display:flex;flex-direction:column;gap:.6rem;padding:.75rem var(--space) calc(.75rem + env(safe-area-inset-bottom));background:linear-gradient(to top,var(--bg) 72%,transparent)}.keypad{width:100%;max-width:min(92vmin,var(--board-max));margin-inline:auto;display:flex;flex-direction:column;gap:.55rem}.keypad__actions{display:flex;gap:.4rem}.keypad__digits{display:grid;grid-template-columns:repeat(9,1fr);gap:.4rem}.keypad__digit{position:relative;appearance:none;display:grid;place-items:center;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--ink);font-family:var(--font-display);font-weight:500;font-variant-numeric:lining-nums tabular-nums;font-size:clamp(1.1rem,5vw,1.6rem);height:clamp(46px,13vw,62px);cursor:pointer;transition:transform 90ms ease,background-color .12s ease}.keypad__digit:active{transform:translateY(1px) scale(.97);background:var(--peer-bg)}.keypad__num{line-height:1}.keypad__count{position:absolute;top:3px;right:5px;font-family:var(--font-ui);font-weight:500;font-size:.6rem;line-height:1;color:var(--ink-soft)}.keypad__digit--done{visibility:hidden}.keypad__action{flex:1;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:.15rem;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--ink-soft);font-family:var(--font-ui);padding:.45rem .3rem;min-height:52px;cursor:pointer;transition:background-color .12s ease,color .12s ease}.keypad__action:active{background:var(--peer-bg)}.keypad__action--active{background:var(--accent);border-color:var(--accent);color:#fff}.keypad__action:disabled{opacity:.4;cursor:default}.keypad__glyph{font-size:1.15rem;line-height:1}.keypad__label{font-size:.7rem;letter-spacing:.02em}.overlay{position:fixed;inset:0;display:grid;place-items:center;padding:var(--space);background:color-mix(in srgb,var(--ink) 45%,transparent);z-index:10}.overlay[hidden]{display:none}.overlay__card{width:min(90vw,360px);background:var(--surface);border-radius:var(--radius);padding:calc(var(--space) * 1.5);text-align:center;box-shadow:0 24px 60px -20px #0009}.overlay__title{margin:0 0 .25rem;font-family:var(--font-display);font-weight:600;font-variation-settings:"opsz" 144;font-size:2rem;color:var(--accent)}.overlay__meta{margin:0 0 1.25rem;color:var(--ink-soft);text-transform:uppercase;letter-spacing:.06em;font-size:.85rem}.btn{appearance:none;border:1px solid transparent;border-radius:12px;font-family:var(--font-ui);font-size:1rem;font-weight:500;padding:.7rem 1.4rem;min-height:48px;cursor:pointer}.btn--primary{background:var(--accent);color:#fff}.btn--primary:active{transform:translateY(1px)}.topbar__right{display:flex;align-items:center;gap:.6rem}.iconbtn{display:inline-grid;place-items:center;width:40px;height:40px;border:1px solid var(--line);border-radius:999px;background:transparent;color:var(--ink-soft);font-size:1.1rem;cursor:pointer}.iconbtn:active{background:var(--peer-bg)}.sheet{position:fixed;inset:0;z-index:20;display:flex;align-items:flex-end;justify-content:center}.sheet[hidden]{display:none}.sheet__scrim{position:absolute;inset:0;background:color-mix(in srgb,var(--ink) 45%,transparent)}.sheet__panel{position:relative;width:100%;max-width:480px;background:var(--surface);border-radius:20px 20px 0 0;padding:calc(var(--space) * 1.2) var(--space) calc(var(--space) * 1.2 + env(safe-area-inset-bottom));box-shadow:0 -16px 50px -20px #0009;animation:sheet-rise .2s ease}@keyframes sheet-rise{0%{transform:translateY(12px);opacity:0}}.sheet__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.sheet__title{margin:0;font-family:var(--font-display);font-weight:600;font-variation-settings:"opsz" 120;font-size:1.4rem}.setting{display:flex;align-items:center;justify-content:space-between;gap:var(--space);padding:.7rem 0;border-top:1px solid var(--line)}.setting__label{font-size:1rem}.sheet__version{margin:1rem 0 0;text-align:center;font-size:.72rem;letter-spacing:.04em;color:var(--ink-soft);font-variant-numeric:lining-nums tabular-nums}.segment{display:inline-flex;border:1px solid var(--line);border-radius:10px;overflow:hidden}.segment button{appearance:none;border:none;background:transparent;color:var(--ink-soft);font-family:var(--font-ui);font-size:.85rem;padding:.5rem .8rem;cursor:pointer}.segment button+button{border-left:1px solid var(--line)}.segment button.is-active{background:var(--accent);color:#fff}.switch{appearance:none;position:relative;width:46px;height:28px;border-radius:999px;background:var(--line);cursor:pointer;transition:background-color .14s ease;flex:none}.switch:after{content:"";position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:var(--surface);box-shadow:0 1px 3px #0000004d;transition:transform .14s ease}.switch:checked{background:var(--accent)}.switch:checked:after{transform:translate(18px)}@media(min-width:600px){.sheet{align-items:center}.sheet__panel{border-radius:20px}}@media(min-width:768px){.topbar{padding-inline:calc(var(--space) * 1.5)}}.home__top{display:flex;justify-content:flex-end;padding:calc(var(--space) * .9) var(--space)}.home__hero{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:.2rem}.home__brand{margin:0;font-family:var(--font-display);font-weight:600;font-variation-settings:"opsz" 144;font-size:clamp(3rem,16vw,5rem);line-height:1;letter-spacing:.01em}.home__tagline{margin:0;color:var(--ink-soft);font-size:.95rem;letter-spacing:.18em;text-transform:uppercase}.home__menu{display:flex;flex-direction:column;gap:.6rem;width:100%;max-width:420px;margin:0 auto;padding:var(--space) var(--space) calc(var(--space) * 1.5)}.menu-btn{appearance:none;display:flex;flex-direction:column;align-items:flex-start;gap:.1rem;width:100%;text-align:left;border:1px solid var(--line);border-radius:14px;background:var(--surface);color:var(--ink);padding:.85rem 1.1rem;cursor:pointer;transition:transform 90ms ease,background-color .12s ease}.menu-btn:active{transform:translateY(1px)}.menu-btn[hidden]{display:none}.menu-btn__title{font-family:var(--font-display);font-weight:600;font-size:1.3rem}.menu-btn__sub{font-size:.85rem;color:var(--ink-soft)}.menu-btn--primary{background:var(--accent);border-color:var(--accent);color:#fff}.menu-btn--primary .menu-btn__sub{color:color-mix(in srgb,#fff 80%,var(--accent))}.subhead{display:flex;align-items:center;gap:.5rem;padding:calc(var(--space) * .9) var(--space)}.subhead__title{margin:0;font-family:var(--font-display);font-weight:600;font-variation-settings:"opsz" 120;font-size:1.6rem}.stats{width:100%;max-width:560px;margin:0 auto;padding:0 var(--space) var(--space)}.stats__empty{color:var(--ink-soft);text-align:center;padding:2rem 1rem}.statcards{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem;margin-bottom:1.25rem}.statcard{display:flex;flex-direction:column;align-items:center;gap:.15rem;padding:.9rem .4rem;border:1px solid var(--line);border-radius:12px;background:var(--surface)}.statcard__value{font-family:var(--font-display);font-weight:600;font-size:1.5rem;font-variant-numeric:lining-nums tabular-nums}.statcard__label{font-size:.72rem;color:var(--ink-soft);text-transform:uppercase;letter-spacing:.05em}.stattable{width:100%;border-collapse:collapse;font-variant-numeric:lining-nums tabular-nums}.stattable th,.stattable td{padding:.6rem .5rem;text-align:right;border-bottom:1px solid var(--line)}.stattable thead th{font-size:.72rem;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-soft);font-weight:500}.stattable tbody th{text-align:left;font-family:var(--font-display);font-weight:600}@media(max-width:380px){.statcards{grid-template-columns:repeat(2,1fr)}}.difficulty{display:flex;flex-direction:column;gap:.5rem}.difficulty__btn{appearance:none;display:flex;flex-direction:column;align-items:flex-start;gap:.1rem;text-align:left;border:1px solid color-mix(in srgb,var(--tier-hue, var(--line)) 45%,var(--line));border-radius:12px;background:color-mix(in srgb,var(--tier-hue, transparent) 18%,var(--surface));color:var(--ink);padding:.8rem 1rem;cursor:pointer;transition:transform 90ms ease,border-color .12s ease,background-color .12s ease}.difficulty__btn:active{transform:translateY(1px)}.difficulty__btn:hover{border-color:var(--tier-hue, var(--accent))}.difficulty__name{font-family:var(--font-display);font-weight:600;font-size:1.2rem}.difficulty__hint{font-size:.82rem;color:var(--ink-soft)}.overlay__actions{display:flex;flex-direction:column;gap:.5rem}.btn--ghost{background:transparent;border-color:var(--line);color:var(--ink-soft)}.btn--ghost:active{transform:translateY(1px)}.daily{width:100%;max-width:480px;margin:0 auto;padding:0 var(--space) var(--space)}.daily__hero{text-align:center;padding:.5rem 0 1.25rem}.daily__date{margin:0;color:var(--ink-soft);font-size:.95rem}.daily__tier{margin:.1rem 0 .9rem;font-family:var(--font-display);font-weight:600;font-variation-settings:"opsz" 120;font-size:2rem}.daily__done{margin:0 0 .8rem;color:var(--entry);font-weight:600;letter-spacing:.02em}.daily__hero .btn{width:100%;max-width:320px}.daily__next{margin:.9rem 0 0;color:var(--ink-soft);font-size:.85rem;font-variant-numeric:lining-nums tabular-nums}.daily__streaks{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin-bottom:1.5rem}.cal{border:1px solid var(--line);border-radius:14px;padding:.9rem;background:var(--surface)}.cal__head{text-align:center;font-family:var(--font-display);font-weight:600;margin-bottom:.6rem}.cal__grid{display:grid;grid-template-columns:repeat(7,1fr);gap:.25rem}.cal__dow{display:grid;place-items:center;font-size:.7rem;color:var(--ink-soft);padding-bottom:.2rem}.cal__cell{display:grid;place-items:center;aspect-ratio:1 / 1;border-radius:8px;font-variant-numeric:lining-nums tabular-nums;font-size:.85rem;color:var(--ink)}.cal__cell--blank{visibility:hidden}.cal__cell--done{background:var(--accent);color:#fff;font-weight:600}.cal__cell--today{box-shadow:inset 0 0 0 2px var(--accent)}.cal__cell--today.cal__cell--done{box-shadow:inset 0 0 0 2px var(--ink)}.ad-slot{width:100%;max-width:480px;margin:0 auto;padding:0 var(--space) calc(var(--space) + env(safe-area-inset-bottom))}.ad-banner{display:flex;align-items:center;justify-content:center;gap:.5rem;height:60px;border:1px dashed var(--line);border-radius:12px;color:var(--ink-soft);font-size:.85rem}.ad-banner__tag{font-size:.62rem;text-transform:uppercase;letter-spacing:.08em;border:1px solid var(--line);border-radius:4px;padding:1px 5px}.cell--pop .cell__value{animation:cell-pop .17s ease-out}@keyframes cell-pop{0%{transform:translateY(.02em) scale(.5)}55%{transform:translateY(.02em) scale(1.15)}to{transform:translateY(.02em) scale(1)}}.cell--complete{animation:cell-complete .6s ease-out}@keyframes cell-complete{0%{background-color:color-mix(in srgb,var(--accent) 45%,var(--surface))}to{background-color:transparent}}.board--celebrate .cell__value{animation:win-wave .6s ease-out both;animation-delay:calc(var(--cd, 0) * 22ms)}@keyframes win-wave{0%{transform:translateY(.02em) scale(1)}45%{transform:translateY(.02em) scale(1.28);color:var(--accent)}to{transform:translateY(.02em) scale(1)}}.mistakes{display:inline-flex;align-items:center;gap:.3rem;font-family:var(--font-display);font-variant-numeric:lining-nums tabular-nums;font-weight:600;font-size:1.05rem;color:var(--ink-soft)}.mistakes[hidden]{display:none}.mistakes__icon{color:var(--danger);font-family:var(--font-ui);font-weight:700}.cell--shake .cell__value{animation:cell-shake .3s ease}@keyframes cell-shake{0%,to{transform:translateY(.02em) translate(0)}20%{transform:translateY(.02em) translate(-3px)}40%{transform:translateY(.02em) translate(3px)}60%{transform:translateY(.02em) translate(-2px)}80%{transform:translateY(.02em) translate(2px)}}@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/fraunces-vietnamese-wght-normal-CnvboYUG.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/fraunces-latin-ext-wght-normal-Ca2vKHc0.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/fraunces-latin-wght-normal-ukD16Tqj.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Spline Sans Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/spline-sans-latin-ext-wght-normal-DGzmlScV.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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:Spline Sans Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/spline-sans-latin-wght-normal-DI10v4rJ.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}