:root{--bg: #fff8ef;--surface: #ffffff;--surface-2: #f8ecdc;--ink: #2b1d14;--ink-2: #7a6656;--line: #ecdcc7;--tile-line: #dfcab0;--tile-line-strong: #a58b72;--tile-bg: var(--surface);--correct: #5b9a4c;--present: #d19b27;--absent: #8d8279;--on-tile: #ffffff;--key-bg: #f0e2cd;--key-ink: var(--ink);--accent: #e0532b;--accent-ink: #ffffff;--accent-soft: #fde5da;--shadow: 0 18px 50px -18px rgba(70, 38, 14, .45);--radius: 12px;--tile: 58px;--gap: 6px;--font-display: "Fredoka", "Nunito", system-ui, -apple-system, "Segoe UI", sans-serif;--font-body: "Nunito", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;color-scheme:light}:root[data-theme=dark]{--bg: #17120e;--surface: #211a15;--surface-2: #2c231c;--ink: #f6ecdf;--ink-2: #b9a898;--line: #3a2e25;--tile-line: #4a3c31;--tile-line-strong: #806a58;--tile-bg: transparent;--correct: #548f45;--present: #b98a22;--absent: #3a302a;--key-bg: #7d6b5c;--key-ink: #ffffff;--accent: #f0673f;--accent-soft: #3e2419;--shadow: 0 18px 50px -18px rgba(0, 0, 0, .8);color-scheme:dark}:root[data-colorblind=on]{--correct: #f5793a;--present: #85c0f9}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;background:var(--bg)}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}button:disabled{cursor:default}:focus-visible{outline:3px solid var(--accent);outline-offset:2px}[hidden]{display:none!important}.app{display:flex;flex-direction:column;width:100%;max-width:520px;height:100vh;height:100dvh;max-height:940px;margin:0 auto;padding:0 10px env(safe-area-inset-bottom)}.topbar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;padding:8px 0 4px;flex:none}.topbar__side{display:flex;gap:2px}.topbar__side--end{justify-content:flex-end}.logo{margin:0;line-height:0}.logo img{display:block;width:auto;height:44px;max-width:44vw;object-fit:contain}.iconbtn{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;color:var(--ink);transition:background-color .15s}.iconbtn svg{width:23px;height:23px}.iconbtn:hover:not(:disabled){background:var(--surface-2)}.iconbtn:disabled{opacity:.3}.segmented{display:inline-flex;padding:3px;gap:2px;border-radius:999px;background:var(--surface-2);border:1px solid var(--line)}.segmented--wide{display:flex;width:100%}.segmented__opt{flex:1;min-height:34px;padding:6px 14px;border-radius:999px;font-family:var(--font-display);font-weight:600;font-size:15px;color:var(--ink-2);transition:background-color .15s,color .15s}.segmented__opt[aria-pressed=true],.segmented__opt[aria-checked=true],.segmented__opt[aria-selected=true]{background:var(--surface);color:var(--ink);box-shadow:0 1px 3px #3c1e0a2e}:root[data-theme=dark] .segmented__opt[aria-pressed=true],:root[data-theme=dark] .segmented__opt[aria-checked=true],:root[data-theme=dark] .segmented__opt[aria-selected=true]{background:var(--key-bg)}.modebar{flex:none;margin:4px 0 0}.infobar{flex:none;display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:40px;padding:6px 2px 2px}.infobar__info{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 10px;min-width:0}.infobar__title{font-family:var(--font-display);font-weight:600;font-size:16px}.infobar__sub{font-size:13px;color:var(--ink-2)}.chip{display:inline-flex;align-items:center;gap:5px;min-height:32px;padding:4px 12px;border-radius:999px;border:1px solid var(--line);background:var(--surface);font-size:13px;font-weight:700;white-space:nowrap;align-self:center}.chip__icon{display:inline-grid;width:16px;height:16px}.chip__icon svg{width:100%;height:100%}.chip--pack{font-family:var(--font-display);font-weight:600;font-size:14px}.chip--accent{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.chip--hard{min-height:24px;padding:2px 8px;font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--accent);border-color:currentColor;background:none}.chip--hint{flex:none;color:var(--ink);border-color:var(--tile-line)}.chip--hint:hover:not(:disabled){background:var(--surface-2)}.chip--hint:disabled{opacity:.45}.hintline{flex:none;margin:4px 0 0;padding:7px 12px;border-radius:var(--radius);background:var(--accent-soft);font-size:14px;text-align:center;animation:rise .25s ease}.stage{flex:1 1 auto;min-height:0;display:grid;place-items:center;padding:4px}.board{display:grid;gap:var(--gap)}.row{display:grid;grid-template-columns:repeat(5,var(--tile));gap:var(--gap)}.tile{width:var(--tile);height:var(--tile);display:grid;place-items:center;border:2px solid var(--tile-line);border-radius:10px;background:var(--tile-bg);font-family:var(--font-display);font-weight:600;font-size:calc(var(--tile) * .52);line-height:1;text-transform:uppercase;color:var(--ink);-webkit-user-select:none;user-select:none}.tile[data-state=tbd]{border-color:var(--tile-line-strong)}.tile[data-state=invalid]{border-color:var(--accent);color:var(--accent)}.tile[data-state=correct],.tile[data-state=present],.tile[data-state=absent]{border-color:transparent;color:var(--on-tile)}.tile[data-state=correct]{background:var(--correct)}.tile[data-state=present]{background:var(--present)}.tile[data-state=absent]{background:var(--absent)}.tile--pop{animation:pop .12s ease}.tile--flip{animation:flip .5s ease both}.tile--dance{animation:dance .5s ease both}.row--shake{animation:shake .6s ease}@keyframes pop{50%{transform:scale(1.1)}}@keyframes flip{0%{transform:rotateX(0)}50%{transform:rotateX(-90deg)}to{transform:rotateX(0)}}@keyframes dance{20%{transform:translateY(0)}40%{transform:translateY(-30%)}60%{transform:translateY(4%)}80%{transform:translateY(-6%)}}@keyframes shake{10%,90%{transform:translate(-2px)}20%,80%{transform:translate(4px)}30%,50%,70%{transform:translate(-6px)}40%,60%{transform:translate(6px)}}@keyframes rise{0%{transform:translateY(10px);opacity:0}}@media(prefers-reduced-motion:reduce){.tile--pop,.tile--flip,.tile--dance,.row--shake,.hintline{animation:none}}.keyboard{flex:none;container-type:inline-size;display:grid;gap:7px;padding:8px 0 10px;-webkit-user-select:none;user-select:none;touch-action:manipulation}.keyboard__row{display:flex;gap:5px}.keyboard__spacer{flex:.5}.key{flex:1;height:56px;min-width:0;display:grid;place-items:center;border-radius:8px;background:var(--key-bg);color:var(--key-ink);font-family:var(--font-display);font-weight:600;font-size:19px;text-transform:uppercase;transition:background-color .2s,transform .06s}.key:active{transform:translateY(1px) scale(.97)}.keyboard .key--wide{flex:1.55;font-size:13px;letter-spacing:.02em}.key svg{width:24px;height:24px}.key[data-state]{color:var(--on-tile)}.key[data-state=correct]{background:var(--correct)}.key[data-state=present]{background:var(--present)}.key[data-state=absent]{background:var(--absent)}:root[data-theme=light] .key[data-state=absent]{opacity:.85}@media(max-height:700px){.key{height:50px}.keyboard{gap:6px;padding-bottom:6px}.logo img{height:38px}.topbar{padding-top:4px}}@media(max-height:600px){.key{height:44px}.infobar{min-height:34px;padding-top:2px}.segmented__opt{min-height:30px;padding:3px 12px}}@container (max-width: 340px){.keyboard .key--wide{font-size:11px;letter-spacing:0}}@container (max-width: 290px){.keyboard .key--wide{font-size:9.5px}}@media(max-height:520px){.topbar{padding:2px 0 0}.iconbtn{width:36px;height:36px}.iconbtn svg{width:20px;height:20px}.logo img{height:30px}.modebar{margin-top:2px}.segmented__opt{min-height:28px;padding:2px 10px;font-size:14px}.infobar{min-height:30px;padding:2px 2px 0}.infobar__sub{display:none}.chip{min-height:28px;padding:2px 10px}.hintline{margin-top:2px;padding:3px 10px;font-size:13px}.key{height:40px;font-size:17px}.keyboard{gap:5px;padding:6px 0}}@media(max-height:400px){.key{height:36px}.keyboard{gap:4px;padding:4px 0}}@media(min-aspect-ratio:5/4)and (max-height:640px)and (min-width:560px){.app{display:grid;max-width:1040px;grid-template-columns:minmax(0,1fr) clamp(260px,42%,400px);grid-template-rows:auto minmax(0,1fr) auto auto auto auto auto minmax(0,1fr);grid-template-areas:"top top" "stage ." "stage ad" "stage mode" "stage info" "stage hint" "stage keys" "stage .";column-gap:20px;padding:0 16px}.topbar{grid-area:top}.modebar{grid-area:mode}.infobar{grid-area:info}.hintline{grid-area:hint}.stage{grid-area:stage}#nn_mobile_lb1{grid-area:ad}.keyboard{grid-area:keys;margin-top:6px}}@media(max-width:360px){.key{font-size:16px}.keyboard__row{gap:4px}.infobar__sub{display:none}}:root:not([data-ads=on]) .ad{display:none!important}.ad:has(>ins[data-ad-status=unfilled]){display:none!important}#nn_mobile_lb1{flex:none;display:flex;justify-content:center;margin:0 -10px;line-height:0}#nn_mobile_lb1:not(:empty){padding-top:6px}@media(min-width:991px),(max-height:599px){#nn_mobile_lb1{display:none}}#Addivlb{width:100%;text-align:center}#nn_lb1{display:flex;justify-content:center;line-height:0}#nn_lb1:not(:empty){padding-top:16px}.ad--rail{display:none;position:absolute;top:70px;line-height:0}#nn_skinl{right:calc(50% + 380px)}#nn_skinr{left:calc(50% + 380px)}@media(min-width:1120px)and (min-height:641px){.ad--rail{display:block;width:160px}}@media(min-width:1440px)and (min-height:641px){.ad--rail{width:300px}}.toasts{position:fixed;top:108px;left:50%;z-index:90;display:grid;justify-items:center;gap:8px;transform:translate(-50%);pointer-events:none;width:max-content;max-width:calc(100vw - 32px)}.toast{padding:11px 18px;border-radius:10px;background:var(--ink);color:var(--bg);font-weight:800;font-size:15px;text-align:center;box-shadow:0 8px 24px -8px #00000073;animation:toast-in .18s ease}.toast--leaving{animation:toast-out .3s ease forwards}@keyframes toast-in{0%{opacity:0;transform:translateY(-6px)}}@keyframes toast-out{to{opacity:0}}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:70;display:grid;place-items:center;padding:16px;background:#28160a80;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:fade .15s ease}@keyframes fade{0%{opacity:0}}.modal__panel{position:relative;width:100%;max-width:460px;max-height:min(94vh,820px);max-height:min(94dvh,820px);overflow-y:auto;overscroll-behavior:contain;padding:22px 20px 20px;border-radius:20px;background:var(--surface);color:var(--ink);box-shadow:var(--shadow);animation:rise .2s ease}.modal__close{position:absolute;top:12px;right:12px;width:36px;height:36px;display:grid;place-items:center;border-radius:50%}.modal__panel:focus{outline:none}.modal__close:hover{background:var(--surface-2)}.modal__close svg{width:20px;height:20px}.modal__title{margin:0 40px 4px 0;font-family:var(--font-display);font-weight:700;font-size:26px;line-height:1.15}.modal__sub{margin:0 0 16px;font-size:15px;color:var(--ink-2)}.modal h3{margin:20px 0 10px;font-family:var(--font-display);font-weight:600;font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-2)}.modal p{font-size:15px;line-height:1.55;margin:0 0 12px}.modal hr{border:none;border-top:1px solid var(--line);margin:18px 0}.hint{font-size:14px;color:var(--ink-2)}.hint--center{text-align:center;margin-top:10px}.howto__list{margin:0 0 8px;padding-left:20px;font-size:15px;line-height:1.55}.howto__list li{margin-bottom:6px}.demo{display:flex;gap:5px;--tile: 40px;margin-top:4px}.demo .tile{font-size:21px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:10px 18px;border-radius:999px;border:2px solid var(--tile-line);background:var(--surface);font-family:var(--font-display);font-weight:600;font-size:16px;transition:filter .15s,transform .06s}.btn:hover{filter:brightness(.97)}.btn:active{transform:translateY(1px)}.btn__icon{display:inline-grid;width:20px;height:20px}.btn__icon svg{width:100%;height:100%}.btn--primary{background:var(--correct);border-color:var(--correct);color:#fff}.btn--accent{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.btn--ghost{background:none;color:var(--ink-2);border-color:var(--line)}.btn--block{display:flex;width:100%}.btnrow{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:14px 0 10px}.setting{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 0;border-bottom:1px solid var(--line)}.setting__label{font-weight:800;font-size:16px}.setting__hint{font-size:13px;color:var(--ink-2);margin-top:2px}.switch{position:relative;flex:none;width:48px;height:28px;border-radius:999px;background:var(--tile-line);transition:background-color .2s}.switch:after{content:"";position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0000004d;transition:transform .2s}.switch[aria-checked=true]{background:var(--correct)}.switch[aria-checked=true]:after{transform:translate(20px)}.switch[aria-disabled=true]{opacity:.45}.setting .segmented__opt{flex:none;min-height:30px;padding:4px 11px;font-size:14px}.stats{margin-top:14px}.stats__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;text-align:center}.stats__value{font-family:var(--font-display);font-weight:600;font-size:32px;line-height:1.1}.stats__label{font-size:12px;line-height:1.25;color:var(--ink-2)}.dist{display:grid;gap:5px}.dist__row{display:grid;grid-template-columns:14px 1fr;align-items:center;gap:8px;font-weight:800;font-size:14px}.dist__bar{min-width:26px;padding:2px 8px;border-radius:6px;background:var(--absent);color:#fff;text-align:right;font-size:13px;font-weight:800;transition:width .4s ease}.dist__bar--now{background:var(--correct)}.countdown{text-align:center}.countdown__label{font-size:13px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-2)}.countdown__value{font-family:var(--font-display);font-weight:600;font-size:36px;font-variant-numeric:tabular-nums}.dish{padding:16px;border-radius:16px;background:var(--surface-2);text-align:center}.dish__word{display:flex;justify-content:center;gap:5px;--tile: 46px}.dish__word .tile{font-size:24px}.dish__cat{display:inline-block;margin-top:12px;padding:3px 10px;border-radius:999px;background:var(--surface);font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-2)}.dish__blurb{margin:8px 0 0!important;font-size:16px!important}.result{padding-top:18px}.result .modal__title{font-size:24px}.result .modal__sub{margin-bottom:12px;font-size:14px}.result .dish{padding:12px 14px}.result .dish__word{--tile: 40px}.result .dish__word .tile{font-size:21px;border-radius:8px}.result .dish__cat{margin-top:8px}.result .dish__blurb{margin-top:6px!important;font-size:15px!important;line-height:1.4;text-wrap:balance}.result .stats{margin-top:14px}.result .stats__value{font-size:26px}.result .stats__label{font-size:11px}.result h3{margin:12px 0 6px;font-size:12px}.result .dist{gap:3px}.result .dist__row{font-size:13px}.result .dist__bar{padding:0 7px;line-height:19px;font-size:12px}.result__row{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:10px;margin-top:14px}.result__row--more{grid-template-columns:auto 1fr;margin-top:10px}.result__row--more:has(>:only-child){grid-template-columns:1fr}.result .btn{min-height:46px;padding:8px 16px;white-space:nowrap}@media(max-width:420px){.result__row--more .btn:not(.btn--accent){width:46px;padding:0}.result__row--more .btn:not(.btn--accent)>span:last-child{display:none}.result__row--more .btn--accent .btn__icon{display:none}.result__row--more .btn--accent{padding:8px 12px}}.result .countdown{padding-right:10px;border-right:1px solid var(--line)}.result .countdown__label{font-size:11px}.result .countdown__value{font-size:28px;line-height:1.15}@media(max-height:720px){.modal{padding:10px}.result{padding:14px 16px 16px}.result .modal__title{font-size:21px}.result .modal__sub{margin-bottom:8px}.result .dish{padding:10px 12px}.result .dish__word{--tile: 34px;gap:4px}.result .dish__word .tile{font-size:18px}.result .dish__blurb{font-size:14px!important;line-height:1.3}.result .stats{margin-top:10px}.result .stats__value{font-size:22px}.result h3{margin:8px 0 4px}.result .dist__bar{line-height:16px}.result__row{margin-top:10px}.result__row--more{margin-top:8px}.result .btn{min-height:42px}.result .countdown__value{font-size:24px}}@media(max-height:540px)and (max-width:559px),(max-height:540px)and (max-aspect-ratio:5/4){.result h3,.result .dist{display:none}}@media(min-aspect-ratio:5/4)and (max-height:640px)and (min-width:560px){.result{max-width:780px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:auto auto auto auto auto minmax(0,1fr);grid-template-areas:"title stats" "sub stats" "dish stats" "row stats" "more stats" ". stats";column-gap:24px;align-content:start}.result>.modal__title{grid-area:title}.result>.modal__sub{grid-area:sub}.result>.dish{grid-area:dish}.result>.stats{grid-area:stats;margin-top:44px}.result>.result__row{grid-area:row}.result>.result__row--more{grid-area:more}}.packs{display:grid;gap:8px}.pack{display:grid;grid-template-columns:40px 1fr auto;align-items:center;gap:12px;padding:10px 14px 10px 10px;border-radius:14px;border:2px solid var(--line);text-align:left;transition:border-color .15s,background-color .15s}.pack:hover{background:var(--surface-2)}.pack[aria-pressed=true]{border-color:var(--correct)}.pack--featured{background:var(--accent-soft);border-color:var(--accent)}.pack__emoji{font-size:28px;text-align:center}.pack__text{display:grid;min-width:0}.pack__name{font-family:var(--font-display);font-weight:600;font-size:16px}.pack__blurb{font-size:13px;color:var(--ink-2)}.pack__count{font-size:12px;font-weight:800;color:var(--ink-2);white-space:nowrap}.cal__head{display:grid;grid-template-columns:auto 1fr auto;align-items:center;margin-bottom:8px}.cal__title{text-align:center;font-family:var(--font-display);font-weight:600;font-size:18px}.cal__grid{display:grid;grid-template-columns:repeat(7,1fr);gap:5px}.cal__dow{padding:4px 0;text-align:center;font-size:12px;font-weight:800;color:var(--ink-2)}.cal__day{aspect-ratio:1;display:grid;place-items:center;border-radius:10px;border:2px solid var(--line);font-weight:800;font-size:15px}.cal__day:hover:not(:disabled){border-color:var(--tile-line-strong)}.cal__day:disabled{opacity:.3}.cal__day[data-today=true]{border-color:var(--accent)}.cal__day[data-result=won]{background:var(--correct);border-color:var(--correct);color:#fff}.cal__day[data-result=lost]{background:var(--absent);border-color:var(--absent);color:#fff}.cal__legend{display:flex;justify-content:center;gap:16px;margin-top:12px;font-size:13px;color:var(--ink-2)}.cal__key:before{content:"";display:inline-block;width:12px;height:12px;margin-right:6px;border-radius:3px;vertical-align:-1px}.cal__key[data-result=won]:before{background:var(--correct)}.cal__key[data-result=lost]:before{background:var(--absent)}.confetti{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;pointer-events:none}.page{max-width:720px;margin:24px auto 0;padding:28px 20px 8px;border-top:1px solid var(--line);font-size:16px;line-height:1.65}.page h2{margin:0 0 10px;font-family:var(--font-display);font-weight:700;font-size:28px;line-height:1.2}.page h3{margin:28px 0 6px;font-family:var(--font-display);font-weight:600;font-size:20px}.page h4{margin:18px 0 2px;font-size:16px}.page p{margin:0 0 14px}.page ul,.page ol{padding-left:22px}.page li{margin-bottom:6px}.page a{color:var(--accent);font-weight:700}.page__lead{font-size:18px}.page__packs{display:flex;flex-wrap:wrap;gap:8px;padding:0;list-style:none}.page__packs li{margin:0}.page__packs a{display:inline-block;padding:6px 12px;border-radius:999px;border:1px solid var(--line);background:var(--surface);color:var(--ink);text-decoration:none;font-weight:700;font-size:14px}.page__footer{max-width:720px;margin:0 auto;padding:16px 20px 40px;font-size:13px;color:var(--ink-2)}.page__footer a{color:inherit}:root[data-embed=true] .page,:root[data-embed=true] .page__footer{display:none}:root[data-embed=true],:root[data-embed=true] body{height:100%;overflow:hidden}:root[data-embed=true] .app{height:100%;max-height:none}