@font-face{font-family:ChunkFive;src:url(../fonts/ChunkFive-Regular.otf)format("opentype");font-display:swap}:root{--bg:#14161f;--panel:#1e2230;--panel-2:#2a2f42;--line:#ffffff24;--text:#f4f5f8;--muted:#a9afc2;--key:#414141;--green:#2f855a;--purple:#991c99;--yellow:#ffe600;--red:#d8402c;--accent:#3a57c9;--accent-deep:#22357e;--display:"ChunkFive", Georgia, "Times New Roman", serif;--ui:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.mode-daily{--accent:#1f9498;--accent-deep:#105a5d}.mode-endless,.mode-tutorial{--accent:#8a2cb0;--accent-deep:#4f176a}.mode-countdown{--accent:#c63a27;--accent-deep:#7a1f13}.mode-how,.mode-account{--accent:#2f62e0;--accent-deep:#1b3a8c}*{box-sizing:border-box}[hidden]{display:none!important}html,body{background:var(--bg);height:100%;color:var(--text);font-family:var(--ui);-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;overscroll-behavior-y:none;margin:0;font-size:16px}h1,h2{font-family:var(--display);letter-spacing:.02em;margin:0;font-weight:400}h1{font-size:2rem}h2{font-size:1.3rem}p{margin:0;line-height:1.45}b{font-weight:700}.muted{color:var(--muted);font-size:.92rem}button{font:inherit;color:inherit;touch-action:manipulation}button:focus-visible,input:focus-visible{outline:3px solid var(--yellow);outline-offset:2px}.screen{width:100%;max-width:480px;min-height:100dvh;padding:max(14px, env(safe-area-inset-top)) max(14px, env(safe-area-inset-right)) max(14px, env(safe-area-inset-bottom)) max(14px, env(safe-area-inset-left));flex-direction:column;gap:14px;margin:0 auto;display:flex}.loading{text-align:center;color:var(--muted);justify-content:center;align-items:center}.loading h1{color:var(--text);font-size:2.6rem}.btn{appearance:none;background:var(--panel-2);cursor:pointer;text-align:center;border:2px solid #0000008c;border-radius:12px;min-height:46px;padding:12px 14px;font-weight:600;transition:transform 60ms,filter .12s}.btn:hover{filter:brightness(1.12)}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.55;cursor:default}.btn.primary{background:var(--green)}.btn.danger{background:var(--red)}.btn.small{border-radius:10px;min-height:36px;padding:6px 10px;font-size:.88rem}.btn.big{min-height:56px;font-size:1.1rem}.btn.link{color:var(--muted);background:0 0;border-color:#0000;min-height:36px;padding:4px;text-decoration:underline}.btn.on{background:var(--accent)}.menu-title{text-align:center;padding:14px 0 4px}.menu-title h1{font-size:clamp(2.4rem,12vw,3.4rem)}.menu-title p{color:var(--muted);margin-top:4px}.card{background:var(--panel);border:1px solid var(--line);border-radius:16px;flex-direction:column;gap:12px;padding:14px;display:flex}.card[class*=mode-]{background:linear-gradient(135deg, var(--accent), var(--accent-deep));border-color:#0006}.card-head p{opacity:.92;margin-top:4px;font-size:.93rem}.card-actions{grid-template-columns:1.2fr 1fr 1.5fr;gap:8px;display:grid}.card-actions .btn{padding-left:6px;padding-right:6px;font-size:.9rem}.card[class*=mode-] .btn:not(.primary){background:#00000052}.menu-row{grid-template-columns:1fr 1fr;gap:10px;display:grid}.menu-account{text-align:center;color:var(--muted);flex-direction:column;gap:10px;margin-top:auto;font-size:.92rem;display:flex}.menu-account b{color:var(--text)}.stack{flex-direction:column;gap:10px;display:flex}.page-head{text-align:center;border-bottom:4px solid var(--accent);padding:10px 0}.how-tabs{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.how-card{flex:1}.how-body{white-space:pre-line}.tiles{grid-template-columns:repeat(auto-fit,minmax(84px,1fr));gap:8px;display:grid}.tile{background:var(--panel);border:1px solid var(--line);text-align:center;border-radius:14px;flex-direction:column;gap:2px;padding:10px 6px;display:flex}.tile b{font-family:var(--display);font-size:1.7rem;font-weight:400}.tile span{color:var(--muted);font-size:.78rem}.histogram{flex-direction:column;gap:4px;display:flex}.hist-row{grid-template-columns:2.6em 1fr 2.4em;align-items:center;gap:8px;font-size:.9rem;display:grid}.hist-label{text-align:right;color:var(--muted)}.hist-track{background:#ffffff0f;border-radius:6px;height:18px;overflow:hidden}.bar{background:var(--accent);border-radius:6px;height:100%}.hist-count{font-variant-numeric:tabular-nums}.lb{flex-direction:column;gap:12px;display:flex}.lb-list{flex-direction:column;gap:4px;display:flex}.lb-row{background:#ffffff0d;border-radius:10px;grid-template-columns:3.2em 1fr 4.5em;gap:8px;padding:8px 10px;display:grid}.lb-row.head{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;background:0 0;font-size:.82rem}.lb-row.me{background:var(--accent)}.lb-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.lb-score{text-align:right;font-variant-numeric:tabular-nums}.lb-mine{text-align:center}.form .field{flex-direction:column;gap:4px;display:flex}.form label{color:var(--muted);font-size:.88rem}.form input{font:inherit;color:var(--text);background:var(--bg);border:2px solid var(--line);border-radius:10px;width:100%;min-height:46px;padding:11px 12px}.form-error{color:#ff8f7d;min-height:1.3em;font-size:.92rem}.account-body{flex-direction:column;gap:12px;display:flex}.game-head{display:none}.overlay-host{display:contents}.game{height:100dvh;min-height:0;padding-top:max(8px, env(safe-area-inset-top));padding-bottom:max(8px, env(safe-area-inset-bottom));padding-left:max(8px, env(safe-area-inset-left));padding-right:max(8px, env(safe-area-inset-right));background:linear-gradient(180deg, var(--accent), var(--accent-deep));gap:8px}.cols,.word-row{grid-template-columns:repeat(5,minmax(0,56px));justify-content:center;gap:6px;display:grid}.col{appearance:none;height:44px;font-family:var(--display);cursor:pointer;background:#00000040;border:2px solid #0009;border-radius:12px;font-size:1.35rem}.col.guessed{background:var(--purple)}.col.known{background:var(--green);cursor:default}.col.editing{border-color:var(--yellow);box-shadow:0 0 0 2px var(--yellow)}.entry{flex-direction:column;gap:4px;display:flex}.entry-label{text-align:center;min-height:1.4em;font-size:1.05rem;font-weight:700}.entry-label.bad{color:#ffb3a6}.entry-label.warn{color:#ffd27a}.cell{flex-direction:column;align-items:center;gap:2px;display:flex}.cell-letter{aspect-ratio:1.15;width:100%;font-family:var(--display);background:#0000002e;border:2px solid #0009;border-radius:12px;place-items:center;font-size:clamp(1.3rem,6.4vw,1.8rem);line-height:1;display:grid}.input .cell-letter{background:#ffffff1f;border-color:#ffffff73}.cell.fit .cell-letter{background:var(--yellow);color:#111}.cell-value{font-variant-numeric:tabular-nums;height:1.25em;font-size:.86rem;font-weight:700}.cell-value.known{background:var(--green);border-radius:6px;padding:0 6px}.cell-value.guessed{color:#f6c6ff}.guesses{overscroll-behavior:contain;border-top:2px solid #0000004d;border-bottom:2px solid #0000004d;flex-direction:column;flex:1 1 0;gap:8px;min-height:0;padding:6px 0;display:flex;overflow-y:auto}.guesses-empty{text-align:center;opacity:.85;padding:18px 20px;font-size:.95rem}.guess{flex-direction:column;gap:2px;display:flex}.guess-meta{opacity:.95;justify-content:center;gap:14px;font-size:.86rem;display:flex}.guess-meta .hint{color:#c9ffe0}.guess.pop{animation:.28s ease-out pop}.shake{animation:.32s shake}@keyframes pop{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes shake{20%,60%{transform:translate(-7px)}40%,80%{transform:translate(7px)}}.infobar{text-align:center;flex-direction:column;gap:2px;font-size:.98rem;display:flex}.infobar b{color:var(--yellow);font-size:1.12em}.infobar .sep{opacity:.5;margin:0 8px}.keyboard{background:#00000059;border-radius:14px;flex-direction:column;gap:5px;padding:6px;display:flex}.kb-tools{grid-template-columns:1fr auto 1fr;gap:6px;display:grid}.btn.tool{background:#ffffff1f;min-height:40px;padding:6px 8px;font-size:.9rem}.kb-menu{width:48px}.kb-row{justify-content:center;gap:4px;display:flex}.kb-return{flex-direction:column;padding:20px 10px;display:flex}.key{appearance:none;background:var(--key);cursor:pointer;border:none;border-radius:9px;flex:1 1 0;min-width:0;max-width:44px;height:46px;padding:0;font-size:1.05rem;font-weight:700;transition:transform 50ms}.key:active{filter:brightness(1.3);transform:scale(.92)}.key.wide{flex:1.6 1 0;max-width:78px;font-size:.86rem}.key.submit{background:var(--green)}.key.num{background:#ffffff29;height:38px}.key.num.on{color:#111;background:#fff}.key.is{background:var(--green)}.key.might{background:var(--purple)}.overlay{z-index:20;background:#0000009e;place-items:center;padding:14px;display:grid;position:fixed;inset:0;overflow-y:auto}.overlay-panel{background:var(--panel);text-align:center;border:2px solid #0009;border-radius:18px;flex-direction:column;gap:12px;width:100%;max-width:440px;padding:16px;animation:.2s ease-out pop;display:flex}.overlay-help{color:var(--muted);min-height:2.6em;font-size:.9rem}.overlay.won .overlay-panel{border-color:var(--green)}.overlay.lost .overlay-panel{border-color:var(--red)}.notes-grid{grid-template-columns:repeat(7,1fr);gap:5px;display:grid}.note{appearance:none;background:var(--panel-2);cursor:pointer;border:2px solid #0009;border-radius:9px;flex-direction:column;align-items:center;min-height:48px;padding:4px 0;display:flex}.note-letter{color:var(--muted);font-size:.8rem}.note-value{min-height:1.2em;font-size:1.05rem;font-weight:700}.note.guessed{background:var(--purple)}.note.guessed .note-letter,.note.known .note-letter{color:#fff}.note.known{background:var(--green);cursor:default}.note.selected{border-color:var(--yellow);box-shadow:0 0 0 2px var(--yellow)}.notes-pad{justify-content:center;gap:4px;display:flex}.notes-pad .key{height:44px}.dist{flex-direction:column;gap:4px;display:flex}.dist-row{background:#ffffff0d;border-radius:8px;justify-content:space-between;padding:7px 12px;display:flex}.end-main{font-size:1.1rem}.end-streak{color:var(--yellow);font-weight:700}.end-next{color:var(--muted);font-variant-numeric:tabular-nums}.end-buttons{flex-direction:column;gap:8px;margin-top:4px;display:flex}.tut-layer{z-index:50;pointer-events:none;position:fixed;inset:0}.tut-dimmer{pointer-events:auto;background:#0000009e;position:absolute;inset:0}.tut-ring{border:3px solid var(--yellow);border-radius:10px;position:absolute}.tut-bubble{border:3px solid var(--yellow);pointer-events:auto;background:#121729f7;border-radius:16px;flex-direction:column;gap:12px;width:min(456px,100% - 20px);padding:14px 16px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.tut-text{white-space:pre-line;font-size:.98rem}.tut-actions{align-items:center;gap:10px;display:flex}.tut-count{text-align:center;color:var(--muted);flex:1;font-size:.86rem}.toast{left:50%;bottom:max(24px, env(safe-area-inset-bottom));z-index:100;color:#111;opacity:0;pointer-events:none;text-align:center;background:#fff;border-radius:999px;max-width:calc(100% - 28px);padding:10px 16px;font-weight:600;transition:opacity .18s,transform .18s;position:fixed;transform:translate(-50%,20px)}.toast.show{opacity:1;transform:translate(-50%)}@media (orientation:landscape) and (min-width:640px){#app{flex-direction:column;justify-content:center;min-height:100dvh;display:flex}.screen{max-width:1040px;padding-left:max(24px, env(safe-area-inset-left));padding-right:max(24px, env(safe-area-inset-right))}.page{max-width:780px}.mode-account{max-width:520px}.menu{grid-template-columns:repeat(3,minmax(0,1fr));align-content:center;gap:18px;display:grid}.menu>*{grid-column:1/-1}.menu>.card{grid-column:auto;padding:18px}.menu .card-head{flex:1}.menu .card-head h2{font-size:1.6rem}.menu .card-actions{grid-template-columns:1fr}.menu .card-actions .btn{font-size:1rem}.menu-row{justify-self:center;width:min(520px,100%)}.menu-account{flex-direction:row;justify-content:center;align-items:center;gap:16px;margin-top:0}.mode-how.page{grid-template-columns:210px minmax(0,1fr);align-content:center;column-gap:18px;display:grid}.mode-how.page>*{grid-column:1/-1}.mode-how.page>.how-tabs{flex-flow:column;grid-column:1;justify-content:flex-start}.mode-how.page>.how-tabs .btn{text-align:left;min-height:42px;padding:8px 14px;font-size:.95rem}.mode-how.page>.how-card{grid-column:2;min-height:330px;padding:20px}.mode-how.page>.btn{justify-self:center;width:min(260px,100%)}.page>.btn,.page>.menu-row{align-self:center;width:min(420px,100%)}.tiles{grid-template-columns:repeat(5,minmax(0,1fr))}.game{max-width:520px}}@media (orientation:landscape) and (min-width:900px) and (min-height:521px){.game{gap:10px;max-width:940px;height:min(100dvh,900px);padding:14px 28px 18px}.game-head{font-family:var(--display);border-bottom:2px solid #0000004d;justify-content:space-between;align-items:baseline;padding-bottom:8px;display:flex}.game-title{font-size:1.7rem}.game-mode{opacity:.85;font-size:1.1rem}.game .cols,.game .entry,.game .keyboard{align-self:center;width:min(500px,100%)}.game .cols,.game .entry .word-row{grid-template-columns:repeat(5,minmax(0,64px));gap:8px}.game .key,.game .key.wide{max-width:none}.game .keyboard{padding:8px}.game .infobar{font-size:1.05rem}.game .guesses{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:max-content;align-content:start;gap:12px 36px;padding:10px 12px;display:grid}.game .guesses-empty{grid-column:1/-1}.guess-meta{font-size:.92rem}}@media (orientation:landscape) and (min-width:900px) and (min-height:940px){.game{border-radius:22px;box-shadow:0 18px 50px #00000080}}@media (orientation:landscape) and (min-width:640px) and (max-height:520px){.game{grid-template:"cols info""entry keyboard""guesses keyboard"minmax(0,1fr)/minmax(300px,1fr) minmax(320px,460px);gap:6px 20px;max-width:1040px;padding:8px 16px;display:grid}.game .cols{grid-area:cols;align-self:center}.game .entry{grid-area:entry}.game .guesses{border-bottom:none;grid-area:guesses}.game .infobar{grid-area:info;align-self:center;font-size:.9rem}.game .keyboard{grid-area:keyboard;align-self:start;gap:4px;padding:5px}.game .cols,.game .word-row{grid-template-columns:repeat(5,minmax(0,50px));gap:6px}.game .key,.game .key.wide{max-width:none}.menu{align-content:start;gap:10px}.menu-title{padding:0}.menu-title h1{font-size:2rem}.menu-title p{display:none}}@media (max-height:640px){.key{height:40px}.key.num{height:32px}.col{height:36px}.cell-letter{aspect-ratio:1.5}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}