@font-face{font-family:Figtree Variable;font-style:normal;font-display:swap;font-weight:300 900;src:url(/assets/figtree-latin-ext-wght-normal-DCwSJGxG.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:Figtree Variable;font-style:normal;font-display:swap;font-weight:300 900;src:url(/assets/figtree-latin-wght-normal-D_ZTVpCC.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}:root{--bg: #fbfaf8;--surface: #ffffff;--ink: #1d1b26;--muted: #6e6c7a;--line: #e5e2db;--line-strong: #c9c5bb;--sunk: #f2f0eb;--right: #5b4dd9;--right-ink: #ffffff;--near: #f58b6e;--near-ink: #2d120a;--near-logo: #ffb49d;--far: #74727f;--far-ink: #ffffff;--shadow: 0 1px 2px rgb(29 27 38 / 8%), 0 8px 28px rgb(29 27 38 / 8%);--radius: 10px;--page: min(100vw, 460px);--row: clamp(38px, calc((100dvh - 362px) / 6), 58px);color-scheme:light;font-family:Figtree Variable,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;-webkit-text-size-adjust:100%}[data-theme=dark]{--bg: #15141b;--surface: #211f2a;--ink: #f3f1f8;--muted: #a3a0b1;--line: #322f3d;--line-strong: #4a4658;--sunk: #25232f;--right: #7365f0;--near: #f6906f;--near-logo: #ffb49d;--far: #4d4a5b;--far-ink: #f3f1f8;--shadow: 0 1px 2px rgb(0 0 0 / 30%), 0 12px 32px rgb(0 0 0 / 40%);color-scheme:dark}[data-contrast=on]{--right: #0a56d6;--right-ink: #ffffff;--near: #ffb000;--near-ink: #000000;--far: #3a3a42;--far-ink: #ffffff}*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;background:var(--bg);color:var(--ink);font-size:16px;line-height:1.45;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;border:0;background:none;padding:0;cursor:pointer;touch-action:manipulation}button:disabled{cursor:default}:focus-visible{outline:2px solid var(--right);outline-offset:2px}a{color:inherit}h1,h2,h3,p{margin:0}.game{display:flex;flex-direction:column;min-height:100dvh}.top{display:flex;align-items:center;justify-content:space-between;width:100%;padding:8px 10px 8px 14px;padding-top:max(8px,env(safe-area-inset-top));border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:9px}.logo{width:28px;height:28px;flex:none}.top h1{font-size:1.32rem;font-weight:800;letter-spacing:-.03em}.top-buttons{display:flex;gap:2px}.icon-button{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;color:var(--ink);transition:background .15s}.icon-button:hover{background:var(--sunk)}.icon-button svg{width:22px;height:22px;fill:none;stroke:currentcolor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.icon-button svg .fill{fill:currentcolor}#app{display:flex;flex:1;flex-direction:column;width:var(--page);margin-inline:auto;padding:8px 12px max(10px,env(safe-area-inset-bottom))}.noscript{padding:2rem;text-align:center}.status{color:var(--muted);font-size:.8rem;font-weight:600;text-align:center;font-variant-numeric:tabular-nums}.notes{position:relative;display:block;flex:none;width:calc(100% - 22px);height:34px;margin:8px 11px 10px;border-radius:8px}.notes-line{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.notes-line polyline{fill:none;stroke:var(--line-strong);stroke-width:2;stroke-linejoin:round;vector-effect:non-scaling-stroke}.dot{position:absolute;width:14px;height:14px;border-radius:50%;border:2px solid var(--bg);background:var(--line-strong);transform:translate(-50%,-50%);transition:background .1s,transform .14s cubic-bezier(.3,1.8,.5,1)}.dot.on{background:var(--right);transform:translate(-50%,-50%) scale(1.5)}.board{display:grid;gap:5px;flex:none}.row{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}.row.shake{animation:shake .4s}.tile{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0;height:var(--row);border-radius:var(--radius);line-height:1.1;text-align:center;-webkit-user-select:none;user-select:none}.tile.empty{background:var(--sunk)}.tile.edit{background:var(--surface);box-shadow:inset 0 0 0 1.5px var(--line-strong);transition:box-shadow .12s,transform .12s}.tile.edit.on{box-shadow:inset 0 0 0 2.5px var(--right)}.tile.pending{background:var(--surface);box-shadow:inset 0 0 0 1.5px var(--line-strong)}.tile.right{background:var(--right);color:var(--right-ink)}.tile.near{background:var(--near);color:var(--near-ink)}.tile.far{background:var(--far);color:var(--far-ink)}.tile-way{font-size:.66rem;font-weight:600;opacity:.78}.tile-name{font-size:.86rem;font-weight:700;letter-spacing:-.01em}.tile-unset{color:var(--muted);font-size:1.15rem;font-weight:700}.tile.edit.on .tile-unset{color:var(--right)}.tile-arrow{position:absolute;top:4px;right:4px;width:11px;height:11px}.tile-arrow svg,.way-button svg{display:block;width:100%;height:100%;fill:none;stroke:currentcolor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.tile.flipping{animation:flip .3s ease-in-out}.tile.wave{animation:wave .55s cubic-bezier(.3,1.3,.5,1) backwards}@keyframes flip{50%{transform:rotateX(90deg)}}@keyframes wave{40%{transform:translateY(-9px)}}@keyframes shake{20%,60%{transform:translate(-5px)}40%,80%{transform:translate(5px)}}.dock{display:flex;flex-direction:column;gap:8px;margin-top:auto;padding-top:10px}.picker-head{display:flex;align-items:center;gap:10px}.ways{display:flex;flex:none;padding:2px;border-radius:10px;background:var(--sunk)}.way-button{display:flex;align-items:center;gap:4px;height:32px;padding:0 10px;border-radius:8px;color:var(--muted);font-size:.82rem;font-weight:600;transition:background .12s,color .12s}.way-button svg{width:11px;height:11px}.way-button.on{background:var(--surface);color:var(--ink);box-shadow:0 1px 2px #1d1b2629}.current{flex:1;min-width:0;font-size:.92rem;font-weight:700;text-align:right}.current.unset{color:var(--muted);font-weight:500}.keys{display:grid;grid-template-columns:repeat(6,1fr);gap:4px}.key{min-width:0;height:40px;padding:0 2px;border-radius:8px;background:var(--sunk);font-size:.72rem;font-weight:600;line-height:1.05;transition:background .1s,transform .08s}.key:active{transform:scale(.95)}@media(hover:hover){.key:not(.tried):hover{background:var(--line)}}.key.tried.right{background:var(--right);color:var(--right-ink)}.key.tried.near{background:var(--near);color:var(--near-ink)}.key.tried.far{background:var(--far);color:var(--far-ink)}.key.on{box-shadow:0 0 0 2px var(--bg),0 0 0 4px var(--right)}.actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:44px;padding:0 14px;border-radius:12px;background:var(--sunk);font-size:.94rem;font-weight:700;transition:transform .08s,background .15s,opacity .15s}.button:active:not(:disabled){transform:scale(.975)}.button svg{width:12px;height:12px;fill:currentcolor}.button.primary{background:var(--ink);color:var(--bg)}[data-view=picker] .button.primary:not(.ready){opacity:.45}.button.primary.ready,[data-view=result] .button.primary{background:var(--right);color:var(--right-ink)}.button.wide{width:100%;margin-top:8px}.button.hear.call{animation:call 1.6s ease-in-out infinite}@keyframes call{50%{box-shadow:0 0 0 4px color-mix(in srgb,var(--right) 30%,transparent)}}.hint{display:none;color:var(--muted);font-size:.74rem;text-align:center}@media(hover:hover)and (pointer:fine){.hint{display:block}}.result-title{font-size:1.2rem;font-weight:800;letter-spacing:-.02em;text-align:center}.result-label{color:var(--muted);font-size:.74rem;font-weight:600;text-align:center}.answer{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}.answer .tile{height:40px}.result-foot{display:flex;align-items:center;justify-content:space-between;gap:10px}.countdown{color:var(--muted);font-size:.82rem;font-weight:600;font-variant-numeric:tabular-nums}.countdown.centered{margin-top:12px;text-align:center}.link-button{color:var(--ink);font-size:.86rem;font-weight:600;text-decoration:underline;text-decoration-color:var(--line-strong);text-underline-offset:3px;min-height:32px}.ad-area{display:flex;flex-direction:column;align-items:center;gap:6px;margin-top:150px}.ad-area[hidden]{display:none}.ad-label{color:var(--muted);font-size:.7rem}.ad-box{max-width:100%;overflow:hidden;background:var(--sunk)}.about{width:min(100vw,560px);margin:48px auto 0;padding:24px 20px 0;border-top:1px solid var(--line);color:var(--muted);font-size:.92rem}.about h2{margin-bottom:8px;color:var(--ink);font-size:1.05rem;font-weight:800}.about p+p{margin-top:10px}.foot{display:flex;justify-content:center;flex-wrap:wrap;gap:6px 14px;padding:28px 20px 36px;color:var(--muted);font-size:.8rem}.dialog{width:min(calc(100vw - 24px),420px);max-height:calc(100dvh - 24px);padding:0;overflow:auto;border:0;border-radius:18px;background:var(--surface);color:var(--ink);box-shadow:var(--shadow)}.dialog[open]{animation:rise .2s cubic-bezier(.2,.9,.3,1.1)}.dialog::backdrop{background:#0f0e1673;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}@keyframes rise{0%{opacity:0;transform:translateY(14px) scale(.98)}}.dialog-head{display:flex;align-items:center;justify-content:space-between;padding:12px 10px 4px 20px}.dialog-head h2{font-size:1.2rem;font-weight:800;letter-spacing:-.02em}.dialog-body{display:flex;flex-direction:column;gap:10px;padding:4px 20px 20px;font-size:.93rem}.help-intro{font-weight:600}.help-mark{display:grid;grid-template-columns:82px 1fr;align-items:center;gap:12px}.help-mark .tile{height:44px}.stat-numbers{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.stat{display:flex;flex-direction:column;align-items:center;padding:8px 2px;border-radius:10px;background:var(--sunk);line-height:1.15;text-align:center}.stat strong{font-size:1.5rem;font-weight:800;font-variant-numeric:tabular-nums}.stat span{color:var(--muted);font-size:.7rem;font-weight:600}.stat-empty{color:var(--muted);text-align:center}.dialog-body h3{margin-top:6px;font-size:.86rem;font-weight:700}.bars{display:grid;gap:4px}.bar-row{display:grid;grid-template-columns:14px 1fr;align-items:center;gap:6px;font-size:.8rem;font-weight:600}.bar{height:22px;padding:0 7px;border-radius:6px;background:var(--far);color:var(--far-ink);line-height:22px;text-align:right;font-variant-numeric:tabular-nums}.bar.today{background:var(--right);color:var(--right-ink)}.setting{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:48px;border-bottom:1px solid var(--line);cursor:pointer}.setting-words{display:flex;flex-direction:column;line-height:1.25}.setting-label{font-weight:600}.setting-note{color:var(--muted);font-size:.78rem}.switch{position:relative;flex:none;width:42px;height:25px;margin:0;border-radius:25px;appearance:none;background:var(--line-strong);cursor:pointer;transition:background .16s}.switch:after{content:"";position:absolute;top:3px;left:3px;width:19px;height:19px;border-radius:50%;background:#fff;box-shadow:0 1px 2px #0000004d;transition:transform .16s}.switch:checked{background:var(--right)}.switch:checked:after{transform:translate(17px)}.setting-links{display:flex;flex-wrap:wrap;gap:4px 18px;padding-top:4px}.setting-links .link-button{display:inline-flex;align-items:center}.toast{position:fixed;top:62px;left:50%;z-index:20;padding:8px 14px;border-radius:10px;background:var(--ink);color:var(--bg);font-size:.86rem;font-weight:600;white-space:nowrap;opacity:0;pointer-events:none;transform:translate(-50%,-6px);transition:opacity .18s,transform .18s}.toast.show{opacity:1;transform:translate(-50%)}.consent{position:fixed;right:10px;bottom:max(10px,env(safe-area-inset-bottom));left:10px;z-index:15;max-width:440px;margin-inline:auto;padding:14px 16px;border:1px solid var(--line);border-radius:16px;background:var(--surface);box-shadow:var(--shadow);font-size:.84rem}.consent h2{margin-bottom:4px;font-size:.98rem;font-weight:800}.consent-buttons{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}.legal{width:min(100vw,640px);margin-inline:auto;padding:28px 20px 64px}.legal h1{margin-top:18px;font-size:1.9rem;font-weight:800;letter-spacing:-.03em}.legal h2{margin:26px 0 6px;font-size:1.1rem;font-weight:700}.legal p+p{margin-top:10px}.legal a{overflow-wrap:anywhere}.legal-back{font-weight:600;text-decoration:none}.legal-date{margin-top:4px;color:var(--muted);font-size:.86rem}@media(min-width:420px){.tile-name{font-size:.94rem}.tile-way{font-size:.7rem}.key{font-size:.76rem;height:42px}}@media(min-width:720px){.top{padding-inline:22px 18px}}@media(max-height:600px){.tile{height:38px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}.dialog .button.primary{background:var(--right);color:var(--right-ink)}.dock[data-view=result]{margin-top:0;padding-top:14px}