@font-face{font-family:Newsreader;src:url(/fonts/newsreader-var.woff2)format("woff2");font-weight:200 800;font-style:normal;font-display:swap}@font-face{font-family:Newsreader;src:url(/fonts/newsreader-italic-var.woff2)format("woff2");font-weight:200 800;font-style:italic;font-display:swap}:root{--paper:#f6f1e7;--ink:#1d2433;--ink-soft:#4a5063;--ink-faint:#6f6959;--cream:#fdf8ec;--line:#d5cdbc;--line-strong:#9b9483;--tile-line:#b7ad99;--correct:#266b4d;--present:#9c7317;--absent-wash:#e9e1d0;--absent-line:#d9d1be;--key-bg:#e4ded0;--key-bg-active:#d8d0bd;--key-spent:#ded6c2;--key-spent-ink:#a09884;--surface:#fffdf8;--serif:"Newsreader", Georgia, "Times New Roman", serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body{overscroll-behavior:none;background:var(--paper);height:100dvh;margin:0;padding:0;overflow:hidden}body{color:var(--ink);-webkit-tap-highlight-color:transparent;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}#root{height:100dvh}button{font-family:inherit}.app{background:var(--paper);background-image:radial-gradient(at 50% -10%,#1d24330d,#0000 55%);flex-direction:column;height:100dvh;display:flex;position:relative}.header{border-bottom:1px solid var(--line);flex:none;justify-content:space-between;align-items:center;padding:10px 12px;display:flex}.wordmark{font-family:var(--serif);letter-spacing:.005em;color:var(--ink);margin:0;font-size:clamp(24px,6.5vw,30px);font-style:italic;font-weight:600}.icon-button{appearance:none;color:var(--ink-soft);cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:17px;font-weight:600;display:flex}.icon-button:active{background:#1d243312}.board-wrap{flex:auto;justify-content:center;align-items:center;min-height:0;padding:6px 10px;display:flex;overflow:hidden}.board{--tile-size:min(16.5vw, 10.5dvh, 68px);flex-direction:column;align-items:center;gap:5px;display:flex}.row{gap:5px;display:flex}.row--shake{animation:.5s shake}.tile{width:var(--tile-size);height:var(--tile-size);border:1.5px solid var(--line);background:0 0;border-radius:3px;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.row--active .tile--empty{border-color:var(--tile-line)}.tile__letter{z-index:1;font-family:var(--serif);font-weight:600;font-size:calc(var(--tile-size) * .52);text-transform:uppercase;color:var(--ink);line-height:1;position:relative}.tile--filled{border-color:var(--line-strong);animation:.1s pop}.tile--correct{background:var(--correct);border-color:var(--correct)}.tile--present{background:var(--present);border-color:var(--present)}.tile--correct .tile__letter,.tile--present .tile__letter{color:var(--cream)}.tile--absent{background:var(--absent-wash);border-color:var(--absent-line)}.tile--absent .tile__letter{color:var(--ink-faint)}.tile--revealing.tile--correct,.tile--revealing.tile--present,.tile--revealing.tile--absent{background:0 0}.tile--revealing:before{content:"";animation:blot-spread .35s ease-out var(--reveal-delay,0s) both;position:absolute;inset:0;transform:scale(0)}.tile--revealing.tile--correct:before{background:radial-gradient(circle, var(--correct) 58%, transparent 74%)}.tile--revealing.tile--present:before{background:radial-gradient(circle, var(--present) 58%, transparent 74%)}.tile--revealing.tile--absent:before{background:radial-gradient(circle, var(--absent-wash) 58%, transparent 74%)}.tile--revealing.tile--correct{animation:border-soak-correct .35s ease var(--reveal-delay,0s) both}.tile--revealing.tile--present{animation:border-soak-present .35s ease var(--reveal-delay,0s) both}.tile--revealing.tile--absent{animation:border-soak-absent .35s ease var(--reveal-delay,0s) both}.tile--revealing.tile--correct .tile__letter,.tile--revealing.tile--present .tile__letter{animation:letter-soak-cream .35s ease var(--reveal-delay,0s) both}.tile--revealing.tile--absent .tile__letter{animation:letter-soak-faint .35s ease var(--reveal-delay,0s) both}@keyframes blot-spread{0%{transform:scale(0)}to{transform:scale(2.6)}}@keyframes letter-soak-cream{0%,30%{color:var(--ink)}55%,to{color:var(--cream)}}@keyframes letter-soak-faint{0%,30%{color:var(--ink)}55%,to{color:var(--ink-faint)}}@keyframes border-soak-correct{0%,40%{border-color:var(--line-strong)}to{border-color:var(--correct)}}@keyframes border-soak-present{0%,40%{border-color:var(--line-strong)}to{border-color:var(--present)}}@keyframes border-soak-absent{0%,40%{border-color:var(--line-strong)}to{border-color:var(--absent-line)}}.tile--bounce{animation:.5s bounce}@keyframes pop{0%{transform:scale(.9)}50%{transform:scale(1.06)}to{transform:scale(1)}}@keyframes shake{10%,90%{transform:translate(-2px)}20%,80%{transform:translate(4px)}30%,50%,70%{transform:translate(-8px)}40%,60%{transform:translate(8px)}}@keyframes bounce{0%,20%{transform:translateY(0)}40%{transform:translateY(-18%)}60%{transform:translateY(0)}80%{transform:translateY(-6%)}to{transform:translateY(0)}}.keyboard{padding:6px 6px calc(6px + env(safe-area-inset-bottom));flex-direction:column;flex:none;gap:6px;display:flex}.keyboard__row{justify-content:center;gap:5px;display:flex}.key{appearance:none;background:var(--key-bg);color:var(--ink);text-transform:uppercase;cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;border:none;border-radius:6px;flex:1 1 0;justify-content:center;align-items:center;max-width:44px;height:clamp(48px,7.5vh,58px);min-height:44px;font-size:15px;font-weight:700;transition:background-color .15s,color .15s,transform 80ms;display:flex}.key--wide{flex:1.6 1 0;max-width:68px;font-size:12px}.key:active{background:var(--key-bg-active);transform:scale(.92)}@media (width>=600px){.key{max-width:50px;font-size:16px}.key--wide{max-width:80px;font-size:13px}}.key:focus-visible,.icon-button:focus-visible,.share-button:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.key--correct{background:var(--correct);color:var(--cream)}.key--present{background:var(--present);color:var(--cream)}.key--absent{background:var(--key-spent);color:var(--key-spent-ink)}.toast-wrap{pointer-events:none;z-index:20;justify-content:center;display:flex;position:absolute;top:68px;left:0;right:0}.toast{background:var(--ink);color:var(--paper);text-align:center;border-radius:8px;max-width:85vw;padding:10px 16px;font-size:14px;font-weight:600;box-shadow:0 4px 14px #1d243340}.modal-overlay{z-index:50;background:#1d243373;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal{background:var(--surface);color:var(--ink);border-radius:12px;width:100%;max-width:400px;max-height:85dvh;padding:16px 18px 20px;overflow-y:auto;box-shadow:0 12px 40px #1d24334d}.modal__header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.modal__title{font-family:var(--serif);margin:0;font-size:21px;font-style:italic;font-weight:600}.modal__body{color:var(--ink-soft);font-size:14px;line-height:1.5}.help p{margin:0 0 10px}.help__example{--tile-size:42px;margin:14px 0}.help__example .row{justify-content:flex-start;gap:4px}.help__caption{color:var(--ink-soft);font-size:13px;margin-top:4px!important}.results__puzzle{color:var(--ink);text-align:center;margin-top:0;font-weight:700}.stats-grid{grid-template-columns:repeat(4,1fr);gap:8px;margin:14px 0 18px;display:grid}.stat{text-align:center;flex-direction:column;align-items:center;display:flex}.stat__value{font-family:var(--serif);color:var(--ink);font-size:26px;font-weight:600}.stat__label{color:var(--ink-soft);text-transform:uppercase;letter-spacing:.02em;margin-top:2px;font-size:10px}.results__subhead{text-transform:uppercase;letter-spacing:.03em;color:var(--ink-soft);margin:0 0 8px;font-size:13px}.dist{flex-direction:column;gap:4px;margin-bottom:18px;display:flex}.dist__row{align-items:center;gap:6px;display:flex}.dist__label{width:12px;color:var(--ink-soft);font-size:12px;font-weight:700}.dist__track{flex:1}.dist__bar{background:var(--key-spent);color:var(--ink-soft);text-align:right;border-radius:3px;min-width:22px;padding:2px 6px;font-size:12px;font-weight:700}.dist__bar--today{background:var(--correct);color:var(--cream)}.results__footer{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding-top:14px;display:flex}.results__countdown{flex-direction:column;display:flex}.results__countdown-label{text-transform:uppercase;letter-spacing:.03em;color:var(--ink-soft);font-size:10px}.results__countdown-time{font-variant-numeric:tabular-nums;font-size:18px;font-weight:700}.share-button{appearance:none;background:var(--correct);color:var(--cream);cursor:pointer;touch-action:manipulation;border:none;border-radius:8px;min-height:44px;padding:12px 22px;font-size:14px;font-weight:700}.share-button:active{filter:brightness(.92)}@media (prefers-reduced-motion:reduce){.row--shake,.tile--filled,.tile--bounce{animation:none!important}.tile--revealing:before{display:none}.tile--revealing.tile--correct{background:var(--correct);border-color:var(--correct);animation:none!important}.tile--revealing.tile--present{background:var(--present);border-color:var(--present);animation:none!important}.tile--revealing.tile--absent{background:var(--absent-wash);border-color:var(--absent-line);animation:none!important}.tile--revealing .tile__letter{animation:none!important}}