:root{--correct:#1d9e75;--present:#ef9f27;--absent:#6b6a66;--bg:#faf7f2;--ink:#1c1b19;--muted:#6b6a66;--tile-border:#d7d2c7;--tile-filled-border:#a7a29a;--key-bg:#e7e2d8;--key-ink:#1c1b19;--tile-size:62px;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--bg);color:var(--ink);-webkit-tap-highlight-color:transparent;justify-content:center;display:flex}#app{width:100%;max-width:500px;min-height:100dvh;padding:8px 12px calc(env(safe-area-inset-bottom) + 10px);flex-direction:column;display:flex}.topbar{text-align:center;border-bottom:1px solid var(--tile-border);margin-bottom:6px;padding-bottom:8px;position:relative}.account-btn{border:1px solid var(--tile-border);color:var(--muted);cursor:pointer;background:0 0;border-radius:8px;padding:6px 10px;font-size:.78rem;font-weight:600;position:absolute;top:6px;right:2px}.account-btn:active{transform:translateY(1px)}.wordmark{letter-spacing:.06em;color:var(--correct);margin:6px 0 2px;font-family:Poppins,system-ui,sans-serif;font-size:2rem;font-weight:700}.tagline{max-width:340px;color:var(--muted);margin:0 auto;font-size:.82rem;line-height:1.35}.board-mount{flex:1;justify-content:center;align-items:center;display:flex}.board{grid-template-rows:repeat(6,1fr);gap:6px;padding:6px 0;display:grid}.board-row{grid-template-columns:repeat(5, var(--tile-size));gap:6px;display:grid}.tile{width:var(--tile-size);height:var(--tile-size);text-transform:uppercase;border:2px solid var(--tile-border);color:var(--ink);-webkit-user-select:none;user-select:none;background:0 0;border-radius:6px;justify-content:center;align-items:center;font-size:2rem;font-weight:700;display:flex}.tile.filled{border-color:var(--tile-filled-border);animation:.1s pop}.tile[data-state]{color:#fff;border-color:#0000}.tile[data-state=correct]{background:var(--correct)}.tile[data-state=present]{background:var(--present)}.tile[data-state=absent]{background:var(--absent)}@keyframes pop{0%{transform:scale(.92)}to{transform:scale(1)}}@keyframes flip{0%{transform:rotateX(0)}50%{transform:rotateX(-90deg)}to{transform:rotateX(0)}}.tile.flip{animation:.32s forwards flip}@keyframes shake{10%,90%{transform:translate(-2px)}20%,80%{transform:translate(4px)}30%,50%,70%{transform:translate(-7px)}40%,60%{transform:translate(7px)}}.board-row.shake{animation:.5s shake}.keyboard{flex-direction:column;gap:7px;margin-top:8px;display:flex}.kb-row{justify-content:center;gap:6px;display:flex}.key{background:var(--key-bg);max-width:44px;height:56px;color:var(--key-ink);text-transform:uppercase;cursor:pointer;border:none;border-radius:6px;flex:1;font-size:1rem;font-weight:600;transition:background .15s,color .15s}.key:active{transform:translateY(1px)}.key.wide{flex:1.5;max-width:68px;font-size:.72rem}.key[data-state]{color:#fff}.key[data-state=correct]{background:var(--correct)}.key[data-state=present]{background:var(--present)}.key[data-state=absent]{background:var(--absent)}.toast{background:var(--ink);color:#fff;opacity:0;pointer-events:none;z-index:50;border-radius:8px;padding:10px 18px;font-size:.9rem;font-weight:600;transition:opacity .18s;position:fixed;top:16%;left:50%;transform:translate(-50%);box-shadow:0 6px 18px #0000002e}.toast.show{opacity:1}.overlay{z-index:40;background:#1c1b1980;justify-content:center;align-items:center;padding:16px;animation:.18s fade;display:flex;position:fixed;inset:0}@keyframes fade{0%{opacity:0}to{opacity:1}}.modal{background:var(--bg);text-align:center;border-radius:14px;width:100%;max-width:360px;padding:26px 22px 22px;animation:.22s rise;position:relative;box-shadow:0 18px 44px #00000047}@keyframes rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.modal-close{color:var(--muted);cursor:pointer;background:0 0;border:none;font-size:1.1rem;position:absolute;top:10px;right:12px}.reveal-icon{font-size:3rem;line-height:1}.reveal-theme{margin-top:4px;font-family:Poppins,system-ui,sans-serif;font-size:1.5rem;font-weight:700}.reveal-word{letter-spacing:.22em;text-indent:.22em;color:var(--correct);margin-top:8px;font-family:Poppins,system-ui,sans-serif;font-size:1.55rem;font-weight:700}.reveal-result{color:var(--muted);margin-top:4px;font-weight:600}.stats-row{justify-content:space-around;margin:18px 0 8px;display:flex}.stat-value{font-size:1.6rem;font-weight:700}.stat-label{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-size:.68rem}.dist-title{text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin:14px 0 8px;font-size:.8rem}.dist{flex-direction:column;gap:5px;display:flex}.dist-row{align-items:center;gap:8px;display:flex}.dist-num{width:12px;font-size:.85rem;font-weight:600}.dist-bar{background:var(--absent);color:#fff;text-align:right;border-radius:4px;min-width:22px;padding:3px 8px;font-size:.8rem;font-weight:700}.dist-bar.hot{background:var(--correct)}.share-btn{background:var(--correct);color:#fff;cursor:pointer;border:none;border-radius:8px;width:100%;margin-top:20px;padding:13px;font-size:1rem;font-weight:700}.share-btn:active{transform:translateY(1px)}.account-title{margin:6px 0 4px;font-family:Poppins,system-ui,sans-serif;font-size:1.4rem;font-weight:700}.account-note{color:var(--muted);margin:0 0 16px;font-size:.9rem;line-height:1.4}.account-or{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin:14px 0;font-size:.78rem}.account-email{gap:8px;display:flex}.account-email input{border:1px solid var(--tile-filled-border);border-radius:8px;flex:1;min-width:0;padding:11px 12px;font-family:inherit;font-size:.95rem}.account-btn-secondary{border:1px solid var(--tile-filled-border);color:var(--ink);cursor:pointer;white-space:nowrap;background:0 0;border-radius:8px;padding:11px 14px;font-size:.9rem;font-weight:600}.account-btn-secondary:active{transform:translateY(1px)}.account-status{color:var(--muted);min-height:1.1em;margin:12px 0 0;font-size:.82rem}@media (width<=380px){:root{--tile-size:54px}.tile{font-size:1.7rem}.key{height:50px}}@media (height<=680px){:root{--tile-size:50px}}