@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(./bricolage-grotesque-vietnamese-wght-normal-BUzh504Q.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(./bricolage-grotesque-latin-ext-wght-normal-CcLUaPy7.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:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(./bricolage-grotesque-latin-wght-normal-DLoelf7F.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}@font-face{font-family:Atkinson Hyperlegible;font-style:normal;font-display:swap;font-weight:400;src:url(./atkinson-hyperlegible-latin-ext-400-normal-DRk46D-x.woff2)format("woff2"),url(./atkinson-hyperlegible-latin-ext-400-normal-Bbz-b3yf.woff)format("woff");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:Atkinson Hyperlegible;font-style:normal;font-display:swap;font-weight:400;src:url(./atkinson-hyperlegible-latin-400-normal-BrHNak5F.woff2)format("woff2"),url(./atkinson-hyperlegible-latin-400-normal-BbWidj28.woff)format("woff");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}@font-face{font-family:Atkinson Hyperlegible;font-style:normal;font-display:swap;font-weight:700;src:url(./atkinson-hyperlegible-latin-ext-700-normal-BoVPHkS0.woff2)format("woff2"),url(./atkinson-hyperlegible-latin-ext-700-normal-CKkU2Dpt.woff)format("woff");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:Atkinson Hyperlegible;font-style:normal;font-display:swap;font-weight:700;src:url(./atkinson-hyperlegible-latin-700-normal-GZI4o3u0.woff2)format("woff2"),url(./atkinson-hyperlegible-latin-700-normal-BK6Glc0m.woff)format("woff");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}@font-face{font-family:Caveat;font-style:normal;font-display:swap;font-weight:500;src:url(./caveat-cyrillic-ext-500-normal-DcrB4vVx.woff2)format("woff2"),url(./caveat-cyrillic-ext-500-normal-DqTXtm5N.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Caveat;font-style:normal;font-display:swap;font-weight:500;src:url(./caveat-cyrillic-500-normal-DpMZbbjM.woff2)format("woff2"),url(./caveat-cyrillic-500-normal-DLSfp5IU.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Caveat;font-style:normal;font-display:swap;font-weight:500;src:url(./caveat-latin-ext-500-normal-jKqJW7bC.woff2)format("woff2"),url(./caveat-latin-ext-500-normal-wUUXxlbS.woff)format("woff");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:Caveat;font-style:normal;font-display:swap;font-weight:500;src:url(./caveat-latin-500-normal-B9SDL8cy.woff2)format("woff2"),url(./caveat-latin-500-normal-Do9veZfZ.woff)format("woff");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,[data-palette=notebook]{--paper-l:#f8fafd;--grid-l:#28468c12;--margin-l:#c94a754d;--ink-l:#22305e;--ink-soft-l:#5b6688;--surface-l:#fff;--line-l:#d5dce9;--pencil-l:#3a4766;--key-l:#e6ebf3;--tile-empty-l:#d0d8e5;--correct-l:#0d8370;--present-l:#c94a75;--absent-l:#8a93a6;--paper-d:#141b31;--grid-d:#becdff0f;--margin-d:#d65a8666;--ink-d:#e8ecf7;--ink-soft-d:#a7b0cc;--surface-d:#1b2442;--line-d:#303c63;--pencil-d:#ccd4ec;--key-d:#2d3960;--tile-empty-d:#36426b;--correct-d:#14957f;--present-d:#d65a86;--absent-d:#3b4566}[data-palette=sage]{--paper-l:#f5f9f6;--grid-l:#28644612;--margin-l:#c4661c52;--ink-l:#1f3d33;--ink-soft-l:#587166;--surface-l:#fff;--line-l:#d3e1d8;--pencil-l:#355247;--key-l:#e3ede6;--tile-empty-l:#c9d9ce;--correct-l:#1f7aa0;--present-l:#b85f19;--absent-l:#8b9a91;--paper-d:#131d19;--grid-d:#beffdc0d;--margin-d:#cf723066;--ink-d:#e6f0ea;--ink-soft-d:#a3b8ad;--surface-d:#1a2722;--line-d:#2e4239;--pencil-d:#c9dbd1;--key-d:#2a3b34;--tile-empty-d:#34493f;--correct-d:#2a8db3;--present-d:#cf7230;--absent-d:#3a4a43}[data-palette=lavender]{--paper-l:#faf8fd;--grid-l:#5a3c9612;--margin-l:#c2457a4d;--ink-l:#35295a;--ink-soft-l:#6c6187;--surface-l:#fff;--line-l:#e0d8ec;--pencil-l:#4a3d6e;--key-l:#eee9f6;--tile-empty-l:#d8cfe7;--correct-l:#23825d;--present-l:#c2457a;--absent-l:#958cab;--paper-d:#18142a;--grid-d:#dcc8ff0f;--margin-d:#d0568b66;--ink-d:#eeeaf7;--ink-soft-d:#b1a8cb;--surface-d:#211b38;--line-d:#3a3159;--pencil-d:#d6cfee;--key-d:#342b52;--tile-empty-d:#40365f;--correct-d:#2a946b;--present-d:#d0568b;--absent-d:#443b62}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--paper:var(--paper-l);--grid:var(--grid-l);--margin-line:var(--margin-l);--ink:var(--ink-l);--ink-soft:var(--ink-soft-l);--surface:var(--surface-l);--line:var(--line-l);--pencil:var(--pencil-l);--key:var(--key-l);--key-ink:var(--ink-l);--tile-empty:var(--tile-empty-l);--correct:var(--correct-l);--present:var(--present-l);--absent:var(--absent-l);--on-correct:#fff;--on-present:#fff;--on-absent:#fff;--focus:#2f6fe0;--toast:var(--ink-l);--on-toast:var(--paper-l);--press-edge:#00000029;--press-light:#fff3;--lift:0 1px 2px #141e4614, 0 8px 24px -12px #141e462e;--sheet-shadow:0 2px 6px #0a102814, 0 24px 60px -20px #0a102859;--font-ui:"Atkinson Hyperlegible", system-ui, sans-serif;--font-display:"Bricolage Grotesque Variable", "Atkinson Hyperlegible", system-ui, sans-serif;--font-hand:"Caveat", "Bradley Hand", cursive;--grid-size:22px}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--paper:var(--paper-d);--grid:var(--grid-d);--margin-line:var(--margin-d);--ink:var(--ink-d);--ink-soft:var(--ink-soft-d);--surface:var(--surface-d);--line:var(--line-d);--pencil:var(--pencil-d);--key:var(--key-d);--key-ink:var(--ink-d);--tile-empty:var(--tile-empty-d);--correct:var(--correct-d);--present:var(--present-d);--absent:var(--absent-d);--focus:#7fa8ff;--toast:var(--ink-d);--on-toast:var(--paper-d)}}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--paper:var(--paper-d);--grid:var(--grid-d);--margin-line:var(--margin-d);--ink:var(--ink-d);--ink-soft:var(--ink-soft-d);--surface:var(--surface-d);--line:var(--line-d);--pencil:var(--pencil-d);--key:var(--key-d);--key-ink:var(--ink-d);--tile-empty:var(--tile-empty-d);--correct:var(--correct-d);--present:var(--present-d);--absent:var(--absent-d);--focus:#7fa8ff;--toast:var(--ink-d);--on-toast:var(--paper-d)}:root{--error:#b3261e;--success:#0d6f5e}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--error:#ff8a80;--success:#6fd3bd}}:root[data-theme=dark]{--error:#ff8a80;--success:#6fd3bd}*,:before,:after{box-sizing:border-box}html,body{height:100%}body{height:100dvh;color:var(--ink);background-color:var(--paper);background-image:linear-gradient(var(--grid) 1px, transparent 1px), linear-gradient(90deg, var(--grid) 1px, transparent 1px), linear-gradient(var(--grid) 1px, transparent 1px), linear-gradient(90deg, var(--grid) 1px, transparent 1px);background-size:calc(var(--grid-size) * 5) calc(var(--grid-size) * 5), calc(var(--grid-size) * 5) calc(var(--grid-size) * 5), var(--grid-size) var(--grid-size), var(--grid-size) var(--grid-size);font-family:var(--font-ui);-webkit-tap-highlight-color:transparent;background-position:-1px -1px;flex-direction:column;margin:0;font-size:1rem;line-height:1.45;display:flex;overflow:hidden}button,select,input{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--focus);outline-offset:3px}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}[hidden]{display:none!important}.topbar{padding:8px max(12px, env(safe-area-inset-left));border-bottom:1px solid var(--line);background:color-mix(in srgb, var(--surface) 82%, transparent);-webkit-backdrop-filter:blur(8px)saturate(1.2);backdrop-filter:blur(8px)saturate(1.2);align-items:center;gap:8px;display:flex}.wordmark{font-family:var(--font-display);letter-spacing:-.025em;font-variation-settings:"wdth" 88, "opsz" 48;white-space:nowrap;align-items:center;gap:8px;margin:0 auto 0 0;font-size:1.4rem;font-weight:760;display:flex}.wordmark-glyph{grid-template-columns:repeat(3,7px);gap:2px;display:grid}.wordmark-glyph i{background:var(--ink);border-radius:2px;width:7px;height:8px}.wordmark-glyph i:last-child{background:var(--present);transform:rotate(-12deg)}.mode-switch{border:1px solid var(--line);background:var(--surface);border-radius:999px;padding:2px;display:flex}.mode-switch button{color:var(--ink-soft);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:4px 12px;font-size:.9rem;transition:background-color .18s,color .18s}.mode-switch button[aria-checked=true]{background:var(--ink);color:var(--paper);font-weight:700}.language-picker select{border:1px solid var(--line);background:var(--surface);border-radius:8px;max-width:7.5rem;height:34px;padding:0 6px;font-size:.9rem}.icon-button{cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;width:36px;height:36px;padding:0;display:grid}.icon-button:hover{background:color-mix(in srgb, var(--key) 80%, transparent)}.icon-button svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;width:22px;height:22px}@media (width<=479px){.wordmark-text{display:none}.topbar{gap:4px}.mode-switch button{padding:4px 10px}.language-picker select{max-width:4.2rem}.icon-button{width:32px}}.layout{width:100%;max-width:1080px;min-height:0;padding:0 8px max(8px, env(safe-area-inset-bottom));flex:1;grid-template-rows:minmax(0,1fr) auto auto;grid-template-areas:"board""pad""keys";margin:0 auto;display:grid}.board-area{flex-direction:column;grid-area:board;justify-content:center;align-items:center;min-height:0;padding:6px 0;display:flex;position:relative;container-type:size}.caption-row{justify-content:center;align-items:baseline;gap:12px;margin:0 0 6px;display:flex}.new-word{color:var(--ink);text-decoration:underline;-webkit-text-decoration-color:var(--present);text-decoration-color:var(--present);text-underline-offset:3px;cursor:pointer;background:0 0;border:0;padding:0;font-size:.85rem;font-weight:700}.new-word.confirming{color:var(--present)}.new-word.finished{background:var(--correct);color:var(--on-correct);border-radius:999px;padding:4px 12px;text-decoration:none}.game-caption{color:var(--ink-soft);margin:0;font-size:.85rem}.scratchpad{grid-area:pad}.keyboard{grid-area:keys}@media (width<=899px){.layout:has(#scratchpad-details[open]){grid-template-rows:minmax(46dvh,auto) minmax(0,1fr) auto}.scratchpad{border-radius:10px;min-height:0;overflow:auto}.scratchpad summary{z-index:1;background:var(--surface);border-radius:10px;position:sticky;top:0}.pad-body{max-height:none}}@media (width>=900px){.layout{grid-template:"board pad""keys pad"/minmax(0,500px) 340px;place-content:center;column-gap:40px;padding:16px 24px}.board-area{height:min(500px,100dvh - 300px)}.scratchpad{align-self:start;max-height:calc(100dvh - 100px);overflow:auto}.scratchpad details[open] .pad-summary{display:none}}.board{--letters:5;--gap:6px;gap:var(--gap);width:min(calc(68px * var(--letters)), 100cqw, calc((100cqh - 32px) * var(--letters) / 6));aspect-ratio:var(--letters) / 6;grid-template-rows:repeat(6,1fr);display:grid;container-type:inline-size}.board-row{grid-template-columns:repeat(var(--letters), 1fr);gap:var(--gap);perspective:700px;display:grid}.tile{border:1.5px solid var(--tile-empty);background:color-mix(in srgb, var(--surface) 70%, var(--paper));font-family:var(--font-display);font-size:calc(57.5cqi / var(--letters));font-variation-settings:"opsz" 96;text-transform:uppercase;-webkit-user-select:none;user-select:none;border-radius:7px;place-items:center;font-weight:720;line-height:1;display:grid;position:relative;box-shadow:inset 0 2px 3px #141e460f}.tile[data-state=filled]{border-color:var(--ink);background:var(--surface);box-shadow:0 2px 0 color-mix(in srgb, var(--ink) 22%, transparent);animation:.16s cubic-bezier(.3,1.6,.6,1) stamp}.tile[data-state=correct],.tile[data-state=present],.tile[data-state=absent]{background-image:linear-gradient(var(--press-light), transparent 45%);box-shadow:inset 0 1px 0 var(--press-light), inset 0 -3px 0 var(--press-edge), 0 1px 2px #141e461f;text-shadow:0 1px #0000002e;border-color:#0000}.tile[data-state=correct]{background:var(--correct);color:var(--on-correct)}.tile[data-state=present]{background:var(--present);color:var(--on-present)}.tile[data-state=absent]{background:var(--absent);color:var(--on-absent)}.flip{animation:.32s ease-in-out flip}.shake{animation:.42s ease-in-out shake}.bounce .tile{animation:.52s ease-out bounce}.bounce .tile:nth-child(2){animation-delay:70ms}.bounce .tile:nth-child(3){animation-delay:.14s}.bounce .tile:nth-child(4){animation-delay:.21s}.bounce .tile:nth-child(5){animation-delay:.28s}.bounce .tile:nth-child(6){animation-delay:.35s}.bounce .tile:nth-child(7){animation-delay:.42s}.bounce .tile:nth-child(8){animation-delay:.49s}@keyframes flip{0%{transform:rotateX(0)}50%{transform:rotateX(90deg)}to{transform:rotateX(0)}}@keyframes shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-7px)}40%,80%{transform:translate(7px)}}@keyframes bounce{0%,to{transform:translateY(0)}40%{transform:translateY(-22%)}70%{transform:translateY(4%)}}@keyframes stamp{0%{transform:scale(1.12)}60%{transform:scale(.97)}to{transform:scale(1)}}.verdict{z-index:1;font-family:var(--font-hand);white-space:nowrap;color:var(--ink);text-shadow:0 0 2px var(--paper), 0 0 14px var(--paper), 0 0 28px var(--paper);pointer-events:none;margin:0;font-size:clamp(2.6rem,13cqw,4.4rem);font-weight:600;line-height:1;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-6deg)}.verdict:empty{display:none}.verdict.writing{animation:2.6s cubic-bezier(.45,0,.2,1) both write}@keyframes write{0%{clip-path:inset(-20% 100% -20% 0);opacity:1}32%{clip-path:inset(-20% 0);opacity:1}85%{clip-path:inset(-20% 0);opacity:1}to{clip-path:inset(-20% 0);opacity:0}}.toast{z-index:2;background:var(--toast);max-width:calc(100% - 16px);color:var(--on-toast);text-align:center;box-shadow:var(--lift);opacity:0;pointer-events:none;border-radius:999px;padding:9px 18px;font-weight:700;transition:opacity .16s,transform .2s;position:absolute;top:34px;left:50%;transform:translate(-50%,-6px)}.toast.visible{opacity:1;transform:translate(-50%)}.keyboard{flex-direction:column;gap:6px;width:100%;max-width:500px;margin:6px auto 0;display:flex}.keyboard-row{justify-content:center;gap:5px;display:flex}.key{background:var(--key);max-width:44px;height:clamp(42px,7dvh,56px);box-shadow:inset 0 -2px 0 color-mix(in srgb, var(--ink) 12%, transparent);color:var(--key-ink);font-family:var(--font-display);text-transform:uppercase;cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;border:0;border-radius:7px;flex:1 1 0;padding:0;font-size:1.05rem;font-weight:650;transition:background-color .25s,transform 60ms;position:relative}.key.wide{max-width:68px;font-family:var(--font-ui);text-transform:none;flex-grow:1.6;font-size:.8rem}.key[data-state=correct]{background:var(--correct);box-shadow:inset 0 -2px 0 var(--press-edge);color:var(--on-correct)}.key[data-state=present]{background:var(--present);box-shadow:inset 0 -2px 0 var(--press-edge);color:var(--on-present)}.key[data-state=absent]{background:color-mix(in srgb, var(--absent) 62%, var(--paper));color:color-mix(in srgb, var(--ink) 55%, transparent)}.key:active{filter:brightness(.94);box-shadow:none;transform:translateY(1px)}.scratchpad details{border:1px solid var(--line);background-color:var(--surface);background-image:linear-gradient(90deg, transparent 27px, var(--margin-line) 27px, var(--margin-line) 28px, transparent 28px), linear-gradient(var(--grid) 1px, transparent 1px), linear-gradient(90deg, var(--grid) 1px, transparent 1px);background-size:100% 100%, var(--grid-size) var(--grid-size), var(--grid-size) var(--grid-size);color:var(--pencil);border-radius:10px;position:relative}.scratchpad summary{cursor:pointer;justify-content:space-between;align-items:baseline;gap:12px;padding:6px 12px 6px 38px;list-style:none;display:flex}.scratchpad summary::-webkit-details-marker{display:none}.scratchpad summary:before{content:"▸";font-size:.85rem;transition:transform .15s;position:absolute;left:10px}.scratchpad details[open] summary:before{transform:rotate(90deg)}.pad-title{font-family:var(--font-display);color:var(--ink);font-weight:700}.pad-summary{font-family:var(--font-hand);font-size:1.25rem;line-height:1}.pad-body{max-height:38dvh;padding:0 14px 14px 38px;overflow:auto}@media (width>=900px){.pad-body{max-height:none}.scratchpad summary{padding-block:12px}}.pad-section+.pad-section{margin-top:12px}.pad-section h2{font-family:var(--font-ui);color:var(--ink-soft);margin:0 0 4px;font-size:.8rem;font-weight:700}.pattern{--letters:5;grid-template-columns:repeat(var(--letters), 1fr);max-width:calc(52px * var(--letters));gap:6px;display:grid}.slot{font-family:var(--font-hand);flex-direction:column;align-items:center;display:flex}.slot-letter{color:var(--ink);font-size:2rem;font-weight:500;line-height:1.1}.slot-excluded{text-align:center;min-height:1.3em;text-decoration:line-through;-webkit-text-decoration-color:var(--present);text-decoration-color:var(--present);word-break:break-all;font-size:1.05rem;line-height:1.1}.pool{font-family:var(--font-hand);flex-wrap:wrap;gap:2px 8px;margin:0;font-size:1.45rem;line-height:1.2;display:flex}.pool .known{color:var(--ink);text-decoration:underline;-webkit-text-decoration-color:var(--present);text-decoration-color:var(--present);text-underline-offset:3px;font-weight:500;text-decoration-thickness:2px}.fit-count{font-family:var(--font-hand);color:var(--ink);margin:0 0 8px;font-size:1.6rem;line-height:1.1}.pad-actions{flex-wrap:wrap;gap:8px;display:flex}.pad-button{border:1.5px solid var(--ink);background:var(--surface);color:var(--ink);cursor:pointer;border-radius:8px;padding:6px 12px;font-size:.9rem;font-weight:700}.pad-button:disabled{opacity:.5;cursor:default}.suggestion{color:var(--ink);margin:8px 0 0;font-size:.95rem}.suggestion:empty{display:none}.suggested-word{font-family:var(--font-display);letter-spacing:.06em}.fit-words{font-family:var(--font-hand);grid-template-columns:repeat(auto-fill,minmax(4.4rem,1fr));gap:0 8px;margin:10px 0 0;padding:0;font-size:1.3rem;line-height:1.25;list-style:none;display:grid}.fit-words .more{color:var(--ink-soft);grid-column:1/-1;font-size:1.1rem}.sheet{border:1px solid var(--line);background:var(--surface);width:min(480px,100% - 24px);max-height:calc(100dvh - 24px);box-shadow:var(--sheet-shadow);color:var(--ink);border-radius:18px;padding:0}.sheet[open]{animation:.24s cubic-bezier(.2,.9,.3,1) rise}.sheet::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0a0e1e6b}@keyframes rise{0%{opacity:0;transform:translateY(14px)scale(.985)}to{opacity:1;transform:none}}.sheet-head{background:var(--surface);justify-content:space-between;align-items:center;padding:12px 12px 8px 20px;display:flex;position:sticky;top:0}.sheet-head h2{font-family:var(--font-display);letter-spacing:-.01em;margin:0;font-size:1.5rem}.sheet-body{padding:0 20px 20px}.sheet h3{margin:20px 0 8px;font-size:1rem}.setting{border-bottom:1px solid var(--line);cursor:pointer;justify-content:space-between;align-items:center;gap:16px;padding:12px 0;display:flex}.setting span{flex-direction:column;display:flex}.setting small{color:var(--ink-soft)}.setting input[type=checkbox]{width:22px;height:22px;accent-color:var(--correct);flex:none}.setting select{border:1px solid var(--line);background:var(--surface);border-radius:8px;padding:4px 8px}.mini-tile{width:30px;height:30px;box-shadow:inset 0 1px 0 var(--press-light), inset 0 -2px 0 var(--press-edge);font-family:var(--font-display);color:#fff;border-radius:6px;place-items:center;margin-right:8px;font-weight:700;display:inline-grid;position:relative}.mini-tile[data-state=correct]{background:var(--correct);color:var(--on-correct)}.mini-tile[data-state=present]{background:var(--present);color:var(--on-present)}.mini-tile[data-state=absent]{background:var(--absent);color:var(--on-absent)}.result-answer{max-width:360px;font-family:var(--font-display);gap:5px;margin:0 0 18px;font-size:1.15rem;font-weight:700;display:flex}.answer-tile{aspect-ratio:1;background:var(--correct) linear-gradient(var(--press-light), transparent 45%);min-width:0;box-shadow:inset 0 1px 0 var(--press-light), inset 0 -3px 0 var(--press-edge);color:var(--on-correct);font-variation-settings:"opsz" 96;text-transform:uppercase;text-shadow:0 1px #0000002e;border-radius:7px;flex:0 40px;place-items:center;font-size:1.35rem;display:grid}.result-actions{flex-wrap:wrap;gap:10px;display:flex}.primary-button,.secondary-button{cursor:pointer;border-radius:999px;padding:11px 20px;font-weight:700;transition:transform 80ms,filter .15s}.primary-button{background:var(--ink);color:var(--paper);border:0;box-shadow:inset 0 -2px #00000040}.secondary-button{border:1.5px solid color-mix(in srgb, var(--ink) 30%, transparent);background:0 0}.primary-button:hover,.secondary-button:hover{filter:brightness(1.08)}.primary-button:active,.secondary-button:active{transform:translateY(1px)}.next-daily{color:var(--ink-soft);margin:10px 0 0}.next-daily:empty{display:none}.review-table{border-collapse:collapse;width:100%;font-size:.92rem}.review-table th,.review-table td{border-bottom:1px solid var(--line);text-align:left;vertical-align:top;padding:6px 8px 6px 0}.review-table thead th{color:var(--ink-soft);font-size:.8rem}.review-guess{font-family:var(--font-display);letter-spacing:.06em}.review-counts{white-space:nowrap;font-variant-numeric:tabular-nums}.review-best strong{font-family:var(--font-display);letter-spacing:.06em;display:block}.review-best small{color:var(--ink-soft);display:block}.review-match{color:var(--correct);font-weight:700}.stats-figures{text-align:center;grid-template-columns:repeat(4,1fr);gap:8px;margin:0 0 12px;display:grid}.stats-figures dd{font-family:var(--font-display);margin:0;font-size:1.6rem;font-weight:700}.stats-figures dt{color:var(--ink-soft);font-size:.8rem}.distribution{gap:4px;margin:0;padding:0;list-style:none;display:grid}.distribution li{font-family:var(--font-display);font-variant-numeric:tabular-nums;grid-template-columns:1.2rem 1fr;align-items:center;gap:8px;display:grid}.distribution-label{color:var(--ink-soft)}.distribution-bar{width:calc(1.9rem + (100% - 1.9rem) * var(--share));background:color-mix(in srgb, var(--absent) 45%, var(--surface));color:var(--ink);text-align:right;border-radius:999px;padding:2px 8px;font-size:.82rem;font-weight:700}.distribution .empty .distribution-bar{box-shadow:inset 0 0 0 1px var(--line);color:var(--ink-soft);background:0 0;font-weight:400}.distribution .current .distribution-bar{background:var(--correct);color:var(--on-correct)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.welcome-body{gap:12px;padding:28px 24px 24px;display:grid}.welcome-body h2{font-family:var(--font-display);letter-spacing:-.01em;margin:0;font-size:1.7rem;line-height:1.15}.welcome-body p{margin:0}.welcome-glyph{gap:5px;display:flex}.welcome-glyph i{border:1.5px solid var(--tile-empty);border-radius:5px;width:22px;height:22px;box-shadow:inset 0 2px 2px #141e460f}.welcome-glyph i:nth-child(2),.welcome-glyph i:nth-child(4){box-shadow:inset 0 1px 0 var(--press-light), inset 0 -2px 0 var(--press-edge);border-color:#0000}.welcome-glyph i:nth-child(2){background:var(--present)}.welcome-glyph i:nth-child(4){background:var(--correct)}.welcome-clue{border-left:3px solid var(--present);font-family:var(--font-hand);padding:8px 12px;font-size:1.45rem;line-height:1.15}.welcome-key{gap:6px;margin:0;padding:0;list-style:none;display:grid}.welcome-note{color:var(--ink-soft);font-size:.9rem}.welcome-start{justify-self:stretch;padding-block:12px;font-size:1.05rem}.challenge-clue{max-width:340px;font-family:var(--font-hand);text-align:center;color:var(--ink);margin:-2px 0 8px;font-size:1.35rem;line-height:1.15}.pad-note{color:var(--ink-soft);margin:0 0 8px;font-size:.85rem}.challenge-maker .hint{color:var(--ink-soft);margin:0 0 10px}.challenge-form{gap:10px;display:grid}.challenge-form label{gap:4px;font-size:.9rem;font-weight:700;display:grid}.challenge-form input,.challenge-form select,.challenge-link{border:1.5px solid var(--line);background:var(--paper);border-radius:8px;width:100%;padding:8px 10px;font-weight:400}#challenge-word{font-family:var(--font-display);letter-spacing:.12em;text-transform:uppercase;font-size:1.2rem}.challenge-form .primary-button{justify-self:start}.form-status:empty{display:none}.form-status{min-height:1.4em;color:var(--correct);margin:8px 0 0;font-weight:700}.challenge-link{margin-top:6px;font-size:.85rem}.link-button{color:var(--ink);text-decoration:underline;-webkit-text-decoration-color:var(--present);text-decoration-color:var(--present);text-underline-offset:3px;cursor:pointer;background:0 0;border:0;margin-top:12px;padding:0;font-weight:700}.strategy-score{font-family:var(--font-hand);margin:14px 0 0;font-size:1.6rem;line-height:1.1}.strategy-score:empty{display:none}.stats-figures{grid-template-columns:repeat(5,1fr)}.setting-stack{border-bottom:1px solid var(--line);gap:10px;padding:12px 0;display:grid}.palette-picker{border:0;grid-template-columns:repeat(3,1fr);gap:8px;margin:0;padding:0;display:grid}.palette-option{border:1.5px solid var(--line);cursor:pointer;border-radius:10px;justify-items:center;gap:6px;padding:10px 6px 8px;font-size:.85rem;display:grid;position:relative}.palette-option input{opacity:0;pointer-events:none;position:absolute}.palette-option:has(input:checked){border-color:var(--ink);box-shadow:0 0 0 2px color-mix(in srgb, var(--ink) 15%, transparent);font-weight:700}.palette-option:has(input:focus-visible){outline:3px solid var(--focus);outline-offset:2px}.palette-swatch{background:var(--paper-l);box-shadow:inset 0 0 0 1px var(--line-l);border-radius:6px;gap:3px;padding:6px 8px;display:flex}.palette-swatch i{border-radius:3px;width:14px;height:14px}.palette-swatch i:first-child{background:var(--correct-l)}.palette-swatch i:nth-child(2){background:var(--present-l)}.palette-swatch i:nth-child(3){background:var(--absent-l)}.icon-button{position:relative}.badge{background:var(--present);min-width:17px;height:17px;color:var(--on-present);text-align:center;border-radius:999px;padding:0 4px;font-size:.7rem;font-weight:700;line-height:17px;position:absolute;top:1px;right:0}.welcome-series,.result-series{font-family:var(--font-display);color:var(--ink);margin:0;font-weight:700}.result-series{margin-top:14px}.welcome-name{gap:4px;font-size:.9rem;font-weight:700;display:grid}.welcome-name input{border:1.5px solid var(--line);background:var(--paper);border-radius:8px;padding:8px 10px;font-weight:400}.welcome-name small,.challenge-form small{color:var(--ink-soft);font-weight:400}.challenge-form textarea{border:1.5px solid var(--line);background:var(--paper);width:100%;font:inherit;resize:vertical;border-radius:8px;padding:8px 10px;font-weight:400}.scoreboard{gap:6px;margin:0;padding:0;list-style:none;display:grid}.scoreboard-row{border-radius:8px;grid-template-columns:minmax(0,1fr) auto 2.6rem 2.6rem;align-items:center;gap:10px;padding:6px 8px;display:grid}.scoreboard-row.is-you{background:color-mix(in srgb, var(--correct) 10%, var(--surface));font-weight:700}.scoreboard-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.scoreboard-score,.scoreboard-strategy{font-variant-numeric:tabular-nums;text-align:right}.scoreboard-strategy{color:var(--ink-soft);font-size:.85rem}.mini-grid{gap:1px;display:grid}.mini-grid-row{gap:1px;display:flex}.mini-grid i{background:var(--tile-empty);border-radius:1px;width:6px;height:6px}.mini-grid i[data-state=correct]{background:var(--correct)}.mini-grid i[data-state=present]{background:var(--present)}.mini-grid i[data-state=absent]{background:var(--absent)}.sent-list{gap:10px;margin:0;padding:0;list-style:none;display:grid}.sent-empty{color:var(--ink-soft)}.sent-heading{flex-wrap:wrap;align-items:center;gap:6px 8px;display:flex}.sent-word{font-family:var(--font-display);letter-spacing:.08em}.sent-language{color:var(--ink-soft);font-size:.75rem}.sent-new{white-space:nowrap;background:var(--present);color:var(--on-present);border-radius:999px;padding:0 6px;font-size:.75rem;font-weight:700}.sent-results{color:var(--ink-soft);margin:2px 0 0}.build-info{color:var(--ink-soft);text-align:center;font-variant-numeric:tabular-nums;margin:20px 0 0;font-size:.75rem}.how-to-tiles,.how-to-features{gap:6px;margin:0 0 12px;padding:0;list-style:none;display:grid}.how-to-features li{grid-template-columns:30px 1fr;align-items:start;gap:8px;display:grid}.feature-icon{width:30px;height:24px;color:var(--present);place-items:center;font-size:1.1rem;font-weight:700;display:grid}.feature-icon svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;width:17px;height:17px}.intro-body{gap:12px;padding:28px 24px 24px;display:grid}.intro-body h2{font-family:var(--font-display);letter-spacing:-.01em;margin:0;font-size:1.7rem;line-height:1.15}.intro-body p{margin:0 0 12px}.field-hint{min-height:1.2em;color:var(--ink-soft);font-weight:700}.field-hint[data-tone=error],.form-status[data-tone=error]{color:var(--error)}.field-hint[data-tone=success],.form-status[data-tone=success]{color:var(--success)}.challenge-form input[aria-invalid=true]{border-color:var(--error);box-shadow:0 0 0 1px var(--error)}.challenge-form .primary-button:disabled{opacity:.45;cursor:not-allowed}.sent-copy{white-space:nowrap;border:1.5px solid var(--line);background:var(--surface);cursor:pointer;border-radius:999px;margin-left:auto;padding:2px 10px;font-size:.8rem;font-weight:700}.sent-clue{flex-wrap:wrap;align-items:baseline;gap:2px 10px;margin:4px 0 0;display:flex}.sent-clue-text{font-family:var(--font-hand);color:var(--ink);font-size:1.2rem;line-height:1.15}.sent-clue-text.is-empty{font-family:var(--font-ui);color:var(--ink-soft);font-size:.85rem}.sent-edit,.sent-cancel{color:var(--ink);text-decoration:underline;-webkit-text-decoration-color:var(--present);text-decoration-color:var(--present);text-underline-offset:3px;cursor:pointer;background:0 0;border:0;padding:0;font-size:.82rem;font-weight:700}.sent-clue-form{flex-wrap:wrap;align-items:center;gap:6px 8px;margin:6px 0 0;display:flex}.sent-clue-form input{border:1.5px solid var(--line);background:var(--paper);border-radius:8px;flex:12rem;min-width:0;padding:6px 10px}.sent-clue-form .sent-copy{margin-left:0}.sent-clue-status{color:var(--error);flex-basis:100%;margin:0;font-size:.85rem}.sent-clue-status:empty{display:none}.sent-remove{width:26px;height:26px;color:var(--ink-soft);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:0;font-size:.85rem}.sent-remove:hover{background:var(--key);color:var(--error)}.tabs{border-bottom:1px solid var(--line);gap:4px;margin:0 20px 12px;display:flex}.tab{color:var(--ink-soft);cursor:pointer;background:0 0;border:0;border-bottom:2.5px solid #0000;align-items:center;gap:6px;margin-bottom:-1px;padding:8px 10px;font-weight:700;display:inline-flex}.tab[aria-selected=true]{border-bottom-color:var(--ink);color:var(--ink)}.tab-badge{background:var(--present);min-width:18px;color:var(--on-present);text-align:center;border-radius:999px;padding:0 5px;font-size:.75rem;line-height:18px}.challenge-sheet .challenge-maker{height:min(540px,100dvh - 150px);overflow-y:auto}.sent-list{gap:0}.sent-row{border-bottom:1px solid var(--line);padding:10px 0}.sent-row:last-child{border-bottom:0}.sent-results{font-size:.9rem}.own-challenge-note{background:color-mix(in srgb, var(--correct) 8%, var(--surface));color:var(--ink);border-radius:8px;margin:14px 0 0;padding:10px 12px;font-size:.92rem}.sent-details summary{color:var(--ink);cursor:pointer;margin-top:2px;list-style:none}.sent-details summary::-webkit-details-marker{display:none}.sent-details summary:after{content:" ▸";color:var(--ink-soft)}.sent-details[open] summary:after{content:" ▾"}.sent-boards{gap:12px;margin-top:10px;display:grid}.player-board-heading{margin:0 0 6px;font-size:.9rem;font-weight:700}.player-board-strategy{color:var(--ink-soft);font-weight:400}.player-board-tiles{gap:3px;width:fit-content;display:grid}.player-board-row{grid-auto-columns:24px;grid-auto-flow:column;gap:3px;display:grid}.player-board-tile{height:24px;font-family:var(--font-display);border-radius:4px;place-items:center;font-size:.8rem;font-weight:700;display:grid}.player-board-tile[data-state=correct]{background:var(--correct);color:var(--on-correct)}.player-board-tile[data-state=present]{background:var(--present);color:var(--on-present)}.player-board-tile[data-state=absent]{background:var(--absent);color:var(--on-absent)}.device-card{border:1.5px solid color-mix(in srgb, var(--correct) 45%, var(--line));background:color-mix(in srgb, var(--correct) 9%, var(--surface));width:100%;color:var(--ink);text-align:left;cursor:pointer;border-radius:12px;grid-template-columns:auto 1fr;align-items:center;gap:12px;margin:4px 0 8px;padding:12px 14px;display:grid}.device-card:hover{background:color-mix(in srgb, var(--correct) 14%, var(--surface))}.device-icon{background:var(--correct);width:40px;height:40px;color:var(--on-correct);border-radius:10px;place-items:center;display:grid}.device-icon svg,.feature-icon svg,.inline-icon{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linejoin:round}.device-icon svg{width:24px;height:24px}.device-text{gap:2px;display:grid}.device-text small{color:var(--ink-soft)}.device-cta{background:var(--correct);color:var(--on-correct);white-space:nowrap;border-radius:999px;grid-column:2;justify-self:start;padding:6px 12px;font-size:.85rem;font-weight:700}.devices-hint,.intro-link{text-align:left;align-items:center;gap:6px;margin-top:12px;display:inline-flex}.intro-link{justify-self:center;margin-top:0}.inline-icon{flex:none;width:18px;height:18px}.link-intro{margin:0 0 12px}.link-step{border-top:1px solid var(--line);padding:14px 0}.link-step h3{margin:0 0 4px}.link-step .hint{color:var(--ink-soft);margin:0 0 10px}.link-code-panel{justify-items:center;gap:6px;margin-top:14px;display:grid}.link-code-panel.expired .link-qr,.link-code-panel.expired .link-code{opacity:.25}.link-qr{background:#fff;border-radius:10px;width:min(220px,70vw);padding:8px}.link-qr svg{width:100%;height:auto;display:block}.link-code{font-family:var(--font-display);letter-spacing:.12em;margin:0;font-size:1.8rem;font-weight:700}.link-form{gap:8px;display:flex}.link-form input{border:1.5px solid var(--line);background:var(--paper);min-width:0;font-family:var(--font-display);letter-spacing:.1em;text-transform:uppercase;border-radius:8px;flex:1;padding:8px 10px;font-size:1.15rem}.pad-button:disabled{border-color:var(--line);color:var(--ink-soft)}.aids-locked{margin-top:8px}