@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/archivo-vietnamese-wght-normal-XAtsl5Q_.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:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/archivo-latin-ext-wght-normal-C4zznr8T.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:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/archivo-latin-wght-normal-E0tuGl4L.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:#f4f1e8;--text:#1a1a1b;--muted:#6b675e;--well:#e8e4d9;--border-filled:#6b675e;--key-bg:#e2ddd0;--edge:#cbc6b9;--correct:#1e9a4f;--on-correct:#fff;--present:#f5c518;--on-present:#1a1a1b;--absent:#cbc6b9;--on-absent:#6b675e;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--bg:#141412;--text:#f1ede2;--muted:#a29d91;--well:#1e1d1b;--border-filled:#6d6960;--key-bg:#2c2b28;--edge:#4a4842;--correct:#1f9a50;--on-correct:#fff;--present:#e0b422;--on-present:#151412;--absent:#2a2926;--on-absent:#6d6960;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@media (prefers-color-scheme:dark){:root[data-theme=system]{--bg:#141412;--text:#f1ede2;--muted:#a29d91;--well:#1e1d1b;--border-filled:#6d6960;--key-bg:#2c2b28;--edge:#4a4842;--correct:#1f9a50;--on-correct:#fff;--present:#e0b422;--on-present:#151412;--absent:#2a2926;--on-absent:#6d6960;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);margin:0;font-family:Archivo Variable,Arial Black,system-ui,sans-serif;font-weight:500}.app{flex-direction:column;max-width:500px;height:100dvh;min-height:420px;margin:0 auto;padding:0 8px;display:flex}.header-button svg,.key svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;margin:auto;display:block}.header{border-bottom:3px solid var(--text);justify-content:space-between;align-items:center;gap:8px;padding:10px 0;display:flex}.header h1{letter-spacing:-.02em;text-transform:uppercase;white-space:nowrap;-webkit-user-select:none;user-select:none;margin:0;font-size:1.35rem;font-weight:900}.puzzle-no,.tag{background:var(--correct);color:var(--on-correct);letter-spacing:0;padding:0 5px;font-weight:800}.puzzle-no{font-size:.85rem}.in-archive .puzzle-no{background:var(--text);color:var(--bg)}.archive-bar{background:var(--text);color:var(--bg);text-transform:uppercase;white-space:nowrap;grid-template-columns:1fr minmax(0,max-content) 1fr;align-items:center;gap:10px;padding:6px 10px;font-size:.8rem;font-weight:900;display:grid}.archive-bar a{color:inherit;text-decoration:none}.archive-bar a:hover{text-decoration:underline}.archive-bar .archive-label{background:var(--bg);color:var(--text);justify-self:start;padding:1px 5px}.archive-day{text-overflow:ellipsis;text-align:center;overflow:hidden}.archive-exit{justify-self:end}.archive-day .narrow-only{display:none}@media (width<=420px){.archive-day .wide-only{display:none}.archive-day .narrow-only{display:inline}}.header-actions{align-items:center;gap:6px;display:flex}.header-button{border:2px solid var(--edge);width:32px;height:32px;color:var(--text);cursor:pointer;background:0 0;border-radius:0;place-items:center;padding:0;display:grid}.header-button svg{stroke-width:2px;width:20px;height:20px}@media (width<=340px){.header h1{font-size:1.1rem}.header-actions{gap:4px}.header-button{width:30px;height:30px}}.main{flex-direction:column;flex:1;justify-content:center;align-items:center;min-height:0;display:flex;container-type:size}.toast{text-transform:uppercase;height:1.5em;margin-bottom:8px;font-weight:900}.board{aspect-ratio:5/6;grid-template-rows:repeat(6,1fr);gap:5px;width:min(330px,100cqw,83.3333cqh - 1.25em - 6.66667px);display:grid;container-type:inline-size}.row{grid-template-columns:repeat(5,1fr);gap:5px;display:grid}.tile{background:var(--well);text-transform:uppercase;-webkit-user-select:none;user-select:none;border:3px solid #0000;justify-content:center;align-items:center;font-size:10cqw;font-weight:900;display:flex}.tile.filled{border-color:var(--border-filled);animation:.1s ease-out pop}.tile.correct,.tile.present,.tile.absent{animation:.4s ease-in both flip;animation-delay:calc(var(--i) * .12s)}.tile.correct{background:var(--correct);color:var(--on-correct)}.tile.present{background:var(--present);color:var(--on-present)}.tile.absent{background:var(--absent);color:var(--on-absent)}.row.shake{animation:.3s shake}@keyframes pop{50%{transform:scale(1.1)}}@keyframes flip{0%{transform:rotateX(90deg)}to{transform:rotateX(0)}}@keyframes shake{20%,60%{transform:translate(-5px)}40%,80%{transform:translate(5px)}}.archive{flex:1;min-height:0;padding:12px 0;overflow-y:auto}.archive-days{grid-template-columns:repeat(auto-fill,minmax(76px,1fr));gap:6px;margin:0;padding:0;list-style:none;display:grid}.day{aspect-ratio:1;background:var(--well);color:var(--text);text-transform:uppercase;border:3px solid #0000;flex-direction:column;justify-content:center;align-items:center;gap:2px;text-decoration:none;display:flex}.day:active{transform:translate(2px,2px)}.day.today{border-color:var(--text)}.day.won{background:var(--correct);color:var(--on-correct)}.day.lost{background:var(--absent);color:var(--on-absent)}.day.playing{background:var(--present);color:var(--on-present)}.day-no{font-size:1.25rem;font-weight:900}.day-date,.day-score{font-size:.7rem;font-weight:800}.next-up{text-align:center;align-content:center;gap:10px;min-height:calc(3*clamp(44px,8dvh,58px) + 36px);padding:8px 0 12px;display:grid}.next-up p{color:var(--muted);margin:0;font-size:.85rem}.next-button{background:var(--correct);color:var(--on-correct);text-transform:uppercase;padding:14px;font-weight:900;text-decoration:none;display:block}.keyboard{flex-direction:column;gap:8px;padding:8px 0 12px;display:flex}.key-row{justify-content:center;gap:5px;display:flex}.key{background:var(--key-bg);max-width:43px;height:clamp(44px,8dvh,58px);color:var(--text);font:inherit;text-transform:uppercase;cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;border:none;border-radius:0;flex:1;padding:0;font-weight:900}.key:active,.header-button:active,.sheet-close:active,.share-button:active,.next-button:active,.consent-actions button:active{transform:translate(2px,2px)}.key.wide{flex:1.5;max-width:65px}.key svg{stroke-width:2.5px;width:24px;height:24px}.key.correct{background:var(--correct);color:var(--on-correct)}.key.present{background:var(--present);color:var(--on-present)}.key.absent{background:var(--absent);color:var(--on-absent)}.sheet{border:2px solid var(--edge);border-top:3px solid var(--text);background:var(--bg);width:min(360px,100% - 32px);color:var(--text);transition:transform .3s ease-in, display .3s allow-discrete, overlay .3s allow-discrete;border-radius:0;padding:0;transform:translateY(100dvh)}.sheet:focus-visible{outline:none}.sheet[open]{transition-timing-function:ease-out;transform:none}@starting-style{.sheet[open]{transform:translateY(100dvh)}}.sheet::backdrop{transition:background-color .3s, display .3s allow-discrete, overlay .3s allow-discrete;background:0 0}.sheet[open]::backdrop{background:#00000080}@starting-style{.sheet[open]::backdrop{background:0 0}}.sheet-content{padding:16px 20px 20px;position:relative}.sheet h2{text-align:center;margin:0 0 12px;padding:0 28px;font-size:1.2rem;font-weight:900}.sheet h3{text-align:center;margin:20px 0 8px;font-size:.95rem;font-weight:900}.sheet-close{color:var(--muted);cursor:pointer;background:0 0;border:none;padding:6px;font-size:1rem;position:absolute;top:10px;right:10px}.rules p{margin:0 0 10px;font-size:.9rem;line-height:1.4}.rules-example{margin:14px 0}.rules-row{gap:4px;margin-bottom:6px;display:flex}.rules-row .tile{width:36px;height:36px;font-size:1.2rem;animation:none}.rules p.rules-version{color:var(--muted);text-align:center;margin:18px 0 0;font-size:.75rem}.stats-numbers{text-align:center;justify-content:center;gap:32px;display:flex}.stats-numbers strong{font-size:2rem;font-weight:900;display:block}.stats-numbers span{font-size:.75rem}.distribution{gap:4px;margin:0;padding:0;list-style:none;display:grid}.distribution li{grid-template-columns:1ch 1fr;align-items:center;gap:6px;font-size:.85rem;display:grid}.distribution-bar{width:calc(1.75em + (100% - 1.75em) * var(--share));background:var(--absent);color:var(--on-absent);text-align:right;justify-self:start;padding:1px 6px;font-weight:900}.distribution-bar.today{background:var(--correct);color:var(--on-correct)}.share-button{background:var(--correct);width:100%;color:var(--on-correct);font:inherit;cursor:pointer;border:none;border-radius:0;margin-top:20px;padding:12px;font-weight:900;display:block}.consent p{margin:0 0 12px;font-size:.9rem;line-height:1.4}.inline-icon svg{vertical-align:-.2em;fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:1.15em;height:1.15em;display:inline-block}.consent-current{color:var(--muted)}.consent a{color:var(--correct)}.consent-actions{grid-template-columns:1fr 1fr;gap:8px;margin-top:16px;display:grid}.consent-actions button{background:var(--key-bg);color:var(--text);font:inherit;cursor:pointer;border:none;border-radius:0;padding:12px;font-weight:900}@media (prefers-reduced-motion:reduce){*,::backdrop{transition:none!important;animation:none!important}}