:root,[data-theme=ocean]{--bg:#4eb8c9;--bg-2:#2f8fa0;--bg-3:#ffe082;--wash:#ff8a4a;--text:#062228;--muted:#123840;--tile:#fffef6;--tile-edge:#e0c040;--tile-letter:#061318;--tile-hidden:#2d7d8c;--tile-hidden-edge:#1b5c68;--accent:#d44510;--accent-text:#fffdf8;--caret:#ffe566;--caret-letter:#1a1000;--ok:#0b6b38;--bad:#b01632;--strike:#b01632;--shadow:#061e2447;--icon-bg:#0d3b46;--icon-fg:#fffef6}[data-theme=winter]{--bg:#8ec4ef;--bg-2:#5a97c8;--bg-3:#fff;--wash:#5ed0a8;--text:#0b2438;--muted:#1a3c58;--tile:#fff;--tile-edge:#7eb4dc;--tile-letter:#0b2438;--tile-hidden:#4e84b0;--tile-hidden-edge:#2f628c;--accent:#0a7a56;--accent-text:#f4fffa;--caret:#ffe27a;--caret-letter:#0b2438;--ok:#0a7a56;--bad:#b02448;--strike:#b02448;--shadow:#0c284040;--icon-bg:#12344c;--icon-fg:#f4fbff}[data-theme=city]{--bg:#2a2048;--bg-2:#3b2e66;--bg-3:#f0c44a;--wash:#e85aa0;--text:#fff8e8;--muted:#f3d98a;--tile:#fff4cc;--tile-edge:#d4a012;--tile-letter:#1a1000;--tile-hidden:#4a3c72;--tile-hidden-edge:#2a2048;--accent:#ff4d9a;--accent-text:#fff7fb;--caret:#ffe566;--caret-letter:#1a1000;--ok:#6affb0;--bad:#ff8aa0;--strike:#ff6b88;--shadow:#08041473;--icon-bg:#fff4cc;--icon-fg:#1a1000}[data-theme=jewel-amber]{--bg:#e86818;--bg-2:#c4520c;--bg-3:#ffe27a;--wash:#ffd36a;--text:#1f0c02;--muted:#3d1606;--tile:#fff8e0;--tile-edge:#d4a010;--tile-letter:#1f0c02;--tile-hidden:#b84810;--tile-hidden-edge:#8a3408;--accent:#2a1406;--accent-text:#ffe9a0;--caret:#fff4a8;--caret-letter:#1f0c02;--ok:#145a10;--bad:#6a0818;--strike:#6a0818;--shadow:#280c0047;--icon-bg:#1f0c02;--icon-fg:#ffe9a0}[data-theme=jewel-violet]{--bg:#7a2ab8;--bg-2:#5c1c90;--bg-3:#5ee0a8;--wash:#ff7aa8;--text:#fff7ff;--muted:#f0d4ff;--tile:#f3fff4;--tile-edge:#14b878;--tile-letter:#04180e;--tile-hidden:#682098;--tile-hidden-edge:#4a1474;--accent:#ff2f66;--accent-text:#fff7f9;--caret:#b8ffd4;--caret-letter:#04180e;--ok:#b8ffd4;--bad:#ffb0c0;--strike:#ffb0c0;--shadow:#1e00324d;--icon-bg:#04180e;--icon-fg:#f3fff4}*,:before,:after{box-sizing:border-box}html,body,#root{min-height:100%}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font-family:Nunito,Segoe UI,sans-serif;overflow-x:hidden}body:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(ellipse 70% 55% at 20% 15%, var(--bg-3), transparent 58%), radial-gradient(ellipse 65% 50% at 85% 80%, var(--wash), transparent 55%), radial-gradient(ellipse 50% 40% at 50% 50%, color-mix(in srgb, var(--bg-2) 80%, white), transparent 70%), var(--bg);animation:26s ease-in-out infinite bg-drift;position:fixed;inset:-25%}@keyframes bg-drift{0%,to{filter:hue-rotate();transform:translate(0,0)scale(1)}50%{filter:hue-rotate(8deg);transform:translate(2.4%,-1.8%)scale(1.07)}}@media (prefers-reduced-motion:reduce){body:before,.tile.cue{animation:none}}button,input{font:inherit}a{color:inherit}.shell{flex-direction:column;width:min(430px,100%);min-height:100dvh;margin:0 auto;padding:12px 16px 20px;display:flex}@media (width>=800px){.shell{width:min(520px,100%);padding:20px 20px 28px}.home-title{margin-top:48px;font-size:6rem}.tile{width:48px;height:56px;font-size:1.5rem}}.topbar{justify-content:space-between;align-items:center;gap:8px;min-height:48px;display:flex}.wordmark{letter-spacing:.02em;margin:0;font-family:Fraunces,Georgia,serif;font-size:1.65rem;font-weight:700}.home-top{justify-content:flex-end;display:flex}.home-title{letter-spacing:.01em;text-align:center;margin:36px 0 10px;font-family:Fraunces,Georgia,serif;font-size:clamp(3.4rem,18vw,5.8rem);font-weight:700;line-height:.92}.sub{color:var(--muted);margin:0;font-size:.95rem}.coin{background:0 0;border:0;align-items:center;gap:8px;min-height:44px;padding:2px 4px;font-weight:800;display:inline-flex}.coin-gold{filter:drop-shadow(0 2px 2px #50280059);display:block}.coin-count{letter-spacing:.02em;color:var(--text);font-size:1.2rem;font-weight:800}.mode-stack{flex-direction:column;align-items:stretch;gap:12px;width:100%;margin-top:28px;display:flex}.mode-btn{background:var(--tile);width:100%;min-height:72px;color:var(--tile-letter);box-shadow:0 1px 0 #ffffff8c inset, 0 8px 0 var(--tile-edge), 0 14px 18px var(--shadow);cursor:pointer;text-align:left;border:0;border-radius:16px;flex-direction:column;align-items:flex-start;gap:2px;padding:14px 18px;text-decoration:none;display:flex}@media (hover:hover){.mode-btn:hover{filter:brightness(1.06);transform:translateY(-2px)}}.mode-btn:active{box-shadow:0 1px 0 #ffffff8c inset, 0 4px 0 var(--tile-edge), 0 6px 10px var(--shadow);transform:translateY(4px)}.mode-btn strong{letter-spacing:.06em;font-size:1.25rem;font-weight:800}.ghost{color:var(--text);cursor:pointer;background:0 0;border:0;border-radius:10px;min-width:44px;min-height:44px;padding:8px 10px}.ghost:hover{background:color-mix(in srgb, var(--text) 8%, transparent)}.board{flex-direction:column;flex:1;justify-content:center;align-items:stretch;gap:8px;padding:12px 0 8px;display:flex}.word-row{--letters:7;--row-gap:clamp(2px, calc(48px / var(--letters)), 6px);justify-content:flex-start;align-items:stretch;gap:var(--row-gap);white-space:nowrap;flex-wrap:nowrap;width:100%;display:flex;overflow:hidden;container-type:inline-size}.row-hit{cursor:pointer;width:100%;color:inherit;background:0 0;border:0;border-radius:14px;padding:4px 2px;display:block;position:relative}.row-hit:disabled{cursor:default}.row-hit.flash,.row-hit.is-active{outline:none}.tile.cue{background:var(--caret);color:var(--caret-letter);box-shadow:inset 0 1px 0 #ffffffb3, 0 0 0 4px color-mix(in srgb, var(--caret-letter) 28%, transparent), 0 3px 0 var(--tile-edge);transition:none;animation:1.4s ease-in-out infinite letter-cue}@keyframes letter-cue{0%,to{filter:brightness();box-shadow:inset 0 1px 0 #ffffffb3, 0 0 0 3px color-mix(in srgb, var(--caret-letter) 24%, transparent), 0 3px 0 var(--tile-edge);transform:scale(1)}50%{filter:brightness(1.22);box-shadow:inset 0 1px 0 #ffffffb3, 0 0 0 6px color-mix(in srgb, var(--accent) 42%, transparent), 0 3px 0 var(--tile-edge);transform:scale(1.1)}}.cell-input{z-index:2;opacity:0;color:#0000;caret-color:#0000;background:0 0;border:0;width:100%;height:100%;margin:0;padding:0;font-size:16px;position:absolute;inset:0}.chain-board{position:relative}.action-bar{justify-content:flex-end;align-items:center;gap:10px;width:100%;margin-top:12px;display:flex}.action-icons{flex-shrink:0;gap:10px;margin-left:auto;display:flex}.submit-wide{background:var(--accent);min-height:56px;color:var(--accent-text);letter-spacing:.04em;cursor:pointer;box-shadow:0 4px 0 color-mix(in srgb, var(--accent) 55%, #000);border:0;border-radius:16px;flex:1;font-size:1.2rem;font-weight:800}@media (hover:hover){.submit-wide:hover:not(:disabled){filter:brightness(1.06);transform:translateY(-1px)}}.submit-wide:active:not(:disabled){box-shadow:0 2px 0 color-mix(in srgb, var(--accent) 55%, #000);transform:translateY(3px)}.submit-wide:disabled{opacity:.4;cursor:not-allowed}.icon-btn{background:var(--icon-bg);width:56px;height:56px;color:var(--icon-fg);cursor:pointer;box-shadow:0 3px 10px var(--shadow);border:0;border-radius:16px;place-items:center;display:grid}.icon-btn:disabled{opacity:.38;cursor:not-allowed}@media (hover:hover){.icon-btn:hover:not(:disabled){filter:brightness(1.08);transform:translateY(-1px)}}.icon-btn:active:not(:disabled){transform:translateY(2px)}.tile{--tile-size:min(42px, calc((100cqi - (var(--letters) - 1) * var(--row-gap)) / var(--letters)));flex:0 0 var(--tile-size);width:42px;height:50px;width:var(--tile-size);height:calc(var(--tile-size) * 50 / 42);font-size:1.35rem;font-weight:800;font-size:max(.62rem, calc(var(--tile-size) * .38));text-transform:uppercase;background:linear-gradient(180deg, color-mix(in srgb, var(--tile) 62%, #fff) 0%, var(--tile) 38%, var(--tile) 100%);color:var(--tile-letter);box-shadow:inset 0 1px 0 #ffffffc7, inset 0 -2px 0 color-mix(in srgb, var(--tile-edge) 50%, transparent), 0 3px 0 var(--tile-edge);border:0;border-radius:12px;outline:none;place-items:center;line-height:1;transition:transform .16s,filter .16s,background .16s;display:grid}.tile.hidden{background:linear-gradient(180deg, color-mix(in srgb, var(--tile-hidden) 72%, #fff) 0%, var(--tile-hidden) 100%);color:#0000;box-shadow:inset 0 1px 0 #fff3, inset 0 -2px 0 color-mix(in srgb, var(--tile-hidden-edge) 70%, transparent), 0 3px 0 var(--tile-hidden-edge)}.tile.caret{background:linear-gradient(180deg, color-mix(in srgb, var(--caret) 55%, #fff) 0%, var(--caret) 42%, var(--caret) 100%);color:var(--caret-letter);box-shadow:inset 0 1px 0 #fffc, 0 0 0 3px color-mix(in srgb, var(--caret) 70%, #fff), 0 3px 0 var(--tile-edge);border:0;outline:none;transform:scale(1.08)}.word-row.shake .tile{animation:.38s shake}.word-row.pop .tile{animation:.42s cubic-bezier(.2,1.4,.3,1) punch}@keyframes punch{0%{transform:scale(1)}40%{transform:scale(1.16)rotate(-2deg)}to{transform:scale(1)}}.chain-board.celebrate{animation:.9s celebrate}.chain-board.enter{opacity:0;pointer-events:none;animation:.5s forwards fade-in}.chain-board.exit{pointer-events:none;animation:.5s forwards fade-out}.chain-board.fail-beat{animation:.7s fail-beat}@keyframes celebrate{0%{transform:scale(1)}35%{filter:brightness(1.15);transform:scale(1.04)}to{transform:scale(1)}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fail-beat{0%{filter:grayscale(0);transform:translate(0)}25%{transform:translate(-6px)}50%{filter:grayscale(.4);transform:translate(6px)}to{filter:grayscale(.15);transform:translate(0)}}@keyframes shake{20%{transform:translate(-5px)}40%{transform:translate(5px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}.current-word{text-align:center;text-transform:lowercase;margin:8px 0 4px;font-family:Fraunces,Georgia,serif;font-size:2rem}.footer-bar{background:linear-gradient(to top, var(--bg) 70%, transparent);padding-top:8px;position:sticky;bottom:0}.guess-row{gap:8px;display:flex}.guess-row input{border:2px solid var(--bg-3);background:var(--bg-2);min-height:52px;color:var(--text);border-radius:14px;flex:1;padding:0 14px;font-size:1.1rem}.guess-row input:focus{outline:2px solid var(--accent);border-color:#0000}.submit{background:var(--accent);min-width:88px;min-height:52px;color:var(--accent-text);cursor:pointer;border:0;border-radius:14px;font-weight:800}.submit:disabled{opacity:.45;cursor:not-allowed}.actions{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.actions button{border:1px solid color-mix(in srgb, var(--text) 16%, transparent);background:var(--bg-2);min-height:44px;color:var(--text);cursor:pointer;border-radius:12px;padding:0 12px}.actions button:disabled{opacity:.4;cursor:not-allowed}.actions a{background:var(--bg-2);border-radius:12px;align-items:center;min-height:44px;padding:0 12px;text-decoration:none;display:inline-flex}.actions a.account-chip,.account-chip{color:#061318;box-shadow:0 4px 0 var(--tile-edge);text-overflow:ellipsis;white-space:nowrap;background:#fffef8;max-width:min(100%,360px);font-weight:800;overflow:hidden}.strikes{justify-content:center;gap:10px;margin:8px 0;display:flex}.pip{border:2px solid var(--strike);border-radius:50%;width:16px;height:16px}.pip.on{background:var(--strike)}.timer{text-align:center;font-variant-numeric:tabular-nums;font-family:Fraunces,Georgia,serif;font-size:2.4rem;line-height:1}.timer.warn{color:var(--bad)}.side-row{justify-content:center;gap:8px;margin:6px 0;display:flex}.side-row button{background:var(--accent);min-width:120px;min-height:44px;color:var(--accent-text);cursor:pointer;border:0;border-radius:999px;font-weight:800}.status{text-align:center;color:var(--muted);min-height:1.4em;margin:4px 0 0}.banner-slot,.display-slot{border:1px dashed color-mix(in srgb, var(--muted) 50%, transparent);color:var(--muted);pointer-events:none;border-radius:6px;place-items:center;margin:8px auto;font-size:.75rem;display:grid}.banner-slot{width:min(320px,100%);height:50px}.display-slot{width:300px;max-width:100%;height:250px}.modal-back{z-index:20;background:#0000008c;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.overlay-panel,.modal,.win-pop,.results,.auth-panel{background:var(--tile);color:var(--tile-letter);border:3px solid color-mix(in srgb, var(--tile-edge) 70%, #fff)}.overlay-panel .muted,.modal .muted,.win-pop .muted,.results .muted,.results .sub,.overlay-panel .status,.auth-panel .muted,.auth-panel .status{color:color-mix(in srgb, var(--tile-letter) 82%, var(--tile))}.overlay-panel a:not(.results-btn),.auth-panel a:not(.results-btn){color:var(--tile-letter);text-underline-offset:3px;font-weight:800;text-decoration:underline}.shell.auth{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.overlay-panel input,.auth-panel input,.auth input,.auth-panel input[type=email],.auth-panel input[type=password],.auth-panel input[type=text]{color:#061318;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;caret-color:#061318;background:#fffef8;border:2px solid #06131847}.auth-panel input::placeholder,.auth input::placeholder{color:#8f9493}.auth-panel input:-webkit-autofill{-webkit-text-fill-color:#061318;caret-color:#061318;transition:background-color 9999s ease-out;box-shadow:inset 0 0 0 1000px #fffef8}.auth-panel input:-webkit-autofill:hover{-webkit-text-fill-color:#061318;caret-color:#061318;transition:background-color 9999s ease-out;box-shadow:inset 0 0 0 1000px #fffef8}.auth-panel input:-webkit-autofill:focus{-webkit-text-fill-color:#061318;caret-color:#061318;transition:background-color 9999s ease-out;box-shadow:inset 0 0 0 1000px #fffef8}.auth input:-webkit-autofill{-webkit-text-fill-color:#061318;caret-color:#061318;transition:background-color 9999s ease-out;box-shadow:inset 0 0 0 1000px #fffef8}.overlay-panel input:focus,.auth-panel input:focus,.auth input:focus,.results-btn:focus-visible,.icon-btn:focus-visible,.submit-wide:focus-visible,.overlay-panel .actions button:focus-visible,.auth-panel .actions button:focus-visible,.modal .actions button:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.modal{width:min(360px,100%);box-shadow:0 16px 40px var(--shadow);border-radius:20px;padding:22px}.auth-panel{box-shadow:0 10px 28px var(--shadow);border-radius:20px;margin-top:12px;padding:20px 18px}.overlay-panel .actions button,.auth-panel .actions button,.modal .actions button{background:var(--bg-3);color:var(--tile-letter);box-shadow:0 3px 0 var(--tile-edge);border:0;font-weight:800}.toast{background:var(--bg-3);color:var(--text);z-index:15;border-radius:12px;max-width:min(360px,92vw);padding:10px 14px;position:fixed;bottom:88px;left:50%;transform:translate(-50%)}.results{text-align:center;box-shadow:0 10px 28px var(--shadow);border-radius:24px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:16px;margin-top:12px;padding:24px 18px 40px;display:flex}.results h2{text-align:center;margin:0;font-family:Fraunces,Georgia,serif;font-size:clamp(2rem,8vw,3rem)}.results-actions{flex-direction:column;gap:12px;width:min(300px,100%);margin-top:8px;display:flex}.results-btn{background:var(--accent);min-height:56px;color:var(--accent-text);cursor:pointer;box-shadow:0 6px 0 color-mix(in srgb, var(--accent) 65%, #000);border:0;border-radius:16px;place-items:center;font-size:1.15rem;font-weight:800;text-decoration:none;display:grid}.results-actions a.results-btn:last-child{background:var(--bg-3);color:var(--tile-letter);box-shadow:0 6px 0 var(--tile-edge)}@media (hover:hover){.results-btn:hover{filter:brightness(1.06);transform:translateY(-1px)}}.share{white-space:pre-wrap;background:color-mix(in srgb, var(--tile-letter) 8%, var(--tile));color:var(--tile-letter);text-align:left;border-radius:12px;width:min(300px,100%);padding:12px;font-size:.95rem}.theme-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.theme-grid button{border:1px solid color-mix(in srgb, var(--text) 18%, transparent);background:var(--bg-2);min-height:52px;color:var(--text);cursor:pointer;border-radius:12px}.theme-grid button.on{outline:2px solid var(--accent)}.auth form{flex-direction:column;gap:10px;display:flex}.auth input{border-radius:12px;min-height:48px;padding:0 12px}.muted{color:var(--muted)}hr.sep{border:0;border-top:1px solid color-mix(in srgb, var(--text) 12%, transparent);margin:18px 0}.consent{z-index:5;background:var(--bg-3);color:var(--text);border-radius:12px;margin-bottom:8px;padding:10px 12px;font-size:.9rem;position:sticky;top:0}.consent-actions{gap:8px;margin-top:8px;display:flex}.consent-actions button{cursor:pointer;background:var(--tile);min-height:40px;color:var(--tile-letter);border:0;border-radius:10px;padding:0 12px;font-weight:700}.win-back{z-index:30;background:#080a128c;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.win-pop{text-align:center;width:min(360px,100%);box-shadow:0 18px 40px var(--shadow);border-radius:24px;padding:28px 22px 22px;animation:.42s cubic-bezier(.2,1.3,.3,1) win-in}@keyframes win-in{0%{opacity:0;transform:scale(.72)}to{opacity:1;transform:scale(1)}}.win-pop h2{margin:0 0 8px;font-family:Fraunces,Georgia,serif;font-size:2.2rem}.win-amount{color:#c48412;margin:8px 0 18px;font-size:2.6rem;font-weight:800}.win-pop .results-btn{width:100%}.fly-coin{z-index:40;pointer-events:none;transition:transform .7s cubic-bezier(.2,.8,.2,1),opacity .7s;position:fixed}.cal{text-align:center;width:100%;margin:8px 0 18px}.cal-label{letter-spacing:.08em;margin:0 0 8px;font-weight:800}.cal-week,.cal-grid{grid-template-columns:repeat(7,1fr);gap:4px;display:grid}.cal-dow{color:color-mix(in srgb, var(--tile-letter) 55%, var(--tile));font-size:.7rem;font-weight:800}.cal-cell{border-radius:8px;place-items:center;min-height:28px;font-size:.8rem;font-weight:800;display:grid}.cal-cell.empty{background:0 0}.cal-cell.played{color:#f4fff6;background:#2f9e5d}.cal-cell.missed{color:#fff5f5;background:#c43b4a}.cal-cell.future{background:color-mix(in srgb, var(--tile-letter) 10%, var(--tile));color:color-mix(in srgb, var(--tile-letter) 35%, var(--tile))}.cal-cell.today{box-shadow:0 0 0 3px var(--accent);transform:scale(1.08)}