:root{color-scheme:dark;--bg: #0b1020;--bg-raised: #131a30;--line: #26304d;--ink: #e8eefc;--ink-dim: #93a0c2;--accent: #f0a848;--accent-ink: #241703;--good: #4ec98a;--bad: #ef6a6a;--ink-faint: color-mix(in srgb, var(--ink-dim) 62%, var(--bg));--key: color-mix(in srgb, var(--ink) 14%, var(--bg-raised));--key-wide: color-mix(in srgb, var(--ink) 5%, var(--bg-raised));--sunken: color-mix(in srgb, var(--ink) 7%, var(--bg));--sunken-strong: color-mix(in srgb, var(--ink) 14%, var(--bg));--cell: 28px;--cols: 10;--rows: 10}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;overflow:hidden;background:var(--bg);color:var(--ink);font-family:system-ui,-apple-system,Segoe UI,sans-serif;touch-action:manipulation;overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}#app{position:fixed;top:0;right:0;bottom:0;left:0}.screen{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column}.screen[hidden]{display:none}.home{overflow-y:auto;padding:max(20px,env(safe-area-inset-top)) 18px calc(20px + env(safe-area-inset-bottom));gap:22px}.home__head h1{margin:0;font-size:34px;letter-spacing:-.5px}.home__head p{margin:4px 0 0;color:var(--ink-dim);font-size:14px}.home__solved{margin:10px 0 0;color:var(--accent);font-size:13px;font-weight:600}.home__head{display:flex;align-items:flex-start;gap:12px}.home__head>div{flex:1;min-width:0}.levelchip{flex:0 0 auto;display:flex;flex-direction:column;align-items:flex-end;gap:2px;border:1px solid var(--line);border-radius:12px;background:var(--bg-raised);color:var(--ink);padding:8px 12px;font:inherit;cursor:pointer}.levelchip b{font-size:16px;color:var(--accent)}.levelchip small{font-size:10.5px;color:var(--ink-dim);white-space:nowrap}.dailycard{display:grid;grid-template-columns:1fr auto;align-items:center;gap:4px 12px;width:100%;border:1px solid color-mix(in srgb,var(--accent) 45%,var(--line));border-radius:14px;background:color-mix(in srgb,var(--accent) 12%,var(--bg-raised));color:var(--ink);padding:14px 16px;font:inherit;text-align:left;cursor:pointer}.dailycard b{font-size:16px}.dailycard small{grid-column:1;font-size:12px;line-height:1.4;color:var(--ink-dim)}.dailycard em{grid-row:1 / span 2;grid-column:2;font-style:normal;font-weight:600;font-size:13px;color:var(--accent)}.dailycard--done{border-color:var(--line);background:var(--bg-raised)}.dailycard--done em{color:var(--ink-dim)}.home__section h2{margin:0 0 10px;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:1.2px;color:var(--ink-dim)}.home__note{margin:10px 2px 0;font-size:12.5px;line-height:1.5;color:var(--ink-dim)}.home__actions{margin-top:auto;padding-top:8px;display:flex;flex-direction:column;gap:10px}.chipgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}.chiprow{display:flex;flex-wrap:wrap;gap:8px}.chip{border:1px solid var(--line);border-radius:12px;background:var(--bg-raised);color:var(--ink);padding:11px 13px;font:inherit;text-align:left;cursor:pointer;transition:border-color .12s,background .12s}.chip--topic{display:flex;flex-direction:column;gap:3px}.chip--topic b{font-size:15px}.chip--topic small{color:var(--ink-dim);font-size:11.5px;line-height:1.35}.chip--topic em{font-style:normal;font-size:10.5px;letter-spacing:.4px;text-transform:uppercase;color:var(--ink-faint)}.chip--topic em.chip__tally--solved{color:var(--good)}.chip--tier,.chip--cat{flex:1 1 auto;text-align:center;font-size:14px;padding:10px 12px}.chip--cat{flex:0 0 auto;font-size:13.5px;border-radius:999px;padding:9px 15px}.chip--on{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 16%,var(--bg-raised))}.chip--on small{color:color-mix(in srgb,var(--accent) 55%,var(--ink-dim))}.bigbutton{border:none;border-radius:14px;background:var(--accent);color:var(--accent-ink);padding:16px;font:600 16px/1 inherit;cursor:pointer}.bigbutton--ghost{background:transparent;border:1px solid var(--line);color:var(--ink)}.play{padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}.topbar{display:flex;align-items:center;gap:10px;padding:8px 12px;border-bottom:1px solid var(--line)}.topbar__button{border:none;background:none;color:var(--ink-dim);font:14px inherit;padding:4px 2px;cursor:pointer}.topbar__title{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;color:var(--ink-dim);text-align:center}.topbar__stats{display:flex;gap:10px;font-variant-numeric:tabular-nums;font-size:13px;color:var(--ink-dim)}.boardbox{flex:1 1 auto;min-height:0;display:grid;place-items:center;padding:10px}.board{display:grid;grid-template-columns:repeat(var(--cols),var(--cell));grid-template-rows:repeat(var(--rows),var(--cell));gap:var(--gap, 2px)}.cell{position:relative;display:grid;place-items:center;border-radius:3px;background:var(--bg-raised);border:1px solid var(--line);font-size:calc(var(--cell) * .56);font-weight:600;line-height:1;transition:background .1s,border-color .1s}.cell--block{background:none;border:none}.cell__number{position:absolute;top:1px;left:2px;font-size:calc(var(--cell) * .28);font-weight:500;color:var(--ink-dim);line-height:1}.cell__letter{transform:translateY(calc(var(--cell) * .05))}.cell--word{background:color-mix(in srgb,var(--accent) 14%,var(--bg-raised));border-color:color-mix(in srgb,var(--accent) 30%,var(--line))}.cell--cursor{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.cell--cursor .cell__number{color:color-mix(in srgb,var(--accent-ink) 70%,transparent)}.cell--given .cell__letter{color:var(--ink-dim)}.cell--revealed .cell__letter{color:var(--accent)}.cell--cursor.cell--given .cell__letter,.cell--cursor.cell--revealed .cell__letter{color:var(--accent-ink)}.cell--wrong .cell__letter{color:var(--bad);text-decoration:line-through}@keyframes pop{50%{transform:scale(1.16);background:var(--good);border-color:var(--good)}}.cell--pop{animation:pop .38s ease-out var(--pop-delay, 0ms)}.cluebar{display:flex;align-items:stretch;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--bg-raised)}.cluebar__arrow{border:none;background:none;color:var(--ink-dim);font-size:26px;width:44px;cursor:pointer}.cluebar__body{flex:1;min-width:0;border:none;background:none;color:inherit;text-align:left;padding:8px 4px;cursor:pointer;font:inherit}.cluebar__label{display:block;font-size:11px;font-weight:600;letter-spacing:.8px;text-transform:uppercase;color:var(--accent)}.cluebar__text{margin:2px 0 0;font-size:14.5px;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.tools{display:flex;gap:6px;padding:6px 8px 0}.tool{flex:1;border:1px solid var(--line);border-radius:9px;background:var(--bg-raised);color:var(--ink-dim);padding:7px 4px;font:12.5px inherit;cursor:pointer}.keyboard{display:flex;flex-direction:column;gap:6px;padding:8px 5px 10px}.keyboard__row{display:flex;justify-content:center;gap:5px}.key{flex:1 1 0;min-width:0;height:46px;border:none;border-radius:7px;background:var(--key);color:var(--ink);font:600 17px/1 inherit;cursor:pointer}.key--wide{flex:1.5 1 0;font-size:16px;background:var(--key-wide);color:var(--ink-dim)}.key--down{background:var(--accent);color:var(--accent-ink)}.key--unused{color:var(--ink-faint)}.cluelist{position:absolute;top:0;right:0;bottom:0;left:0;background:#060914b8;display:flex;align-items:flex-end;z-index:20}.cluelist[hidden]{display:none}.cluelist__panel{width:100%;max-height:76%;display:flex;flex-direction:column;background:var(--bg);border-top:1px solid var(--line);border-radius:16px 16px 0 0;padding-bottom:env(safe-area-inset-bottom)}.cluelist__head{display:flex;align-items:center;justify-content:space-between;padding:14px 16px 10px;border-bottom:1px solid var(--line)}.cluelist__head h2{margin:0;font-size:16px}.cluelist__close{border:none;background:none;color:var(--accent);font:14px inherit;cursor:pointer}.cluelist__body{overflow-y:auto;padding:6px 8px 14px;-webkit-overflow-scrolling:touch}.cluelist__group h3{margin:12px 8px 6px;font-size:11.5px;text-transform:uppercase;letter-spacing:1.1px;color:var(--ink-dim)}.cluelist__item{display:flex;gap:10px;width:100%;border:none;background:none;color:var(--ink);text-align:left;padding:9px 10px;border-radius:9px;font:14px/1.35 inherit;cursor:pointer}.cluelist__item b{flex:0 0 24px;color:var(--ink-dim);font-variant-numeric:tabular-nums}.cluelist__item--current{background:color-mix(in srgb,var(--accent) 16%,transparent)}.cluelist__item--done{color:var(--ink-dim)}.cluelist__item--done b{color:var(--good)}.win{position:absolute;top:0;right:0;bottom:0;left:0;z-index:30;display:grid;place-items:center;padding:20px;background:#060914db}.win[hidden]{display:none}.win__panel{width:100%;max-width:400px;max-height:100%;overflow-y:auto;background:var(--bg-raised);border:1px solid var(--line);border-radius:18px;padding:22px 20px}.win__panel h2{margin:0;font-size:24px}.win__line{margin:8px 0 0;color:var(--accent);font-size:14px;font-weight:600}.win__note{margin:6px 0 0;color:var(--ink-dim);font-size:12.5px;line-height:1.5}.win__note:empty{display:none}.win__words{list-style:none;margin:16px 0 0;padding:0;display:flex;flex-direction:column;gap:8px}.win__words li{display:flex;gap:10px;font-size:13px;line-height:1.4}.win__words b{flex:0 0 88px;color:var(--accent);letter-spacing:.5px}.win__words span{color:var(--ink-dim)}.win__actions{display:flex;gap:10px;margin-top:20px}.win__actions .bigbutton{flex:1}.stats{padding-top:env(safe-area-inset-top)}.stats__body{flex:1;overflow-y:auto;padding:16px 18px calc(24px + env(safe-area-inset-bottom))}.stats__summary{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.stats__stat{display:flex;flex-direction:column;align-items:center;gap:2px;background:var(--bg-raised);border:1px solid var(--line);border-radius:12px;padding:12px 4px}.stats__stat b{font-size:20px;color:var(--accent);font-variant-numeric:tabular-nums}.stats__stat small{font-size:10.5px;text-transform:uppercase;letter-spacing:.8px;color:var(--ink-dim)}.levelbar{position:relative;height:22px;margin-top:10px;border-radius:999px;background:var(--bg-raised);border:1px solid var(--line);overflow:hidden}.levelbar__fill{position:absolute;inset:0 auto 0 0;background:color-mix(in srgb,var(--accent) 40%,transparent)}.levelbar__label{position:relative;display:block;text-align:center;line-height:20px;font-size:11.5px;color:var(--ink)}.stats__heading{margin:24px 0 10px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:1.2px;color:var(--ink-dim)}.stats__note{margin:10px 0 0;font-size:12.5px;line-height:1.55;color:var(--ink-dim)}.calendar{display:grid;grid-template-rows:repeat(7,1fr);grid-auto-flow:column;gap:3px}.calendar__day{aspect-ratio:1;border-radius:2px;background:var(--sunken)}.calendar__day--done{background:var(--good)}.calendar__day--today{outline:1px solid var(--accent);outline-offset:1px}.stats__topics{display:flex;flex-direction:column;gap:8px}.stats__topic{display:grid;grid-template-columns:1fr auto;gap:3px 10px;background:var(--bg-raised);border:1px solid var(--line);border-radius:12px;padding:11px 13px}.stats__topic b{font-size:14px}.stats__topic small{grid-column:1 / -1;font-size:11.5px;line-height:1.4;color:var(--ink-dim)}.pips{display:flex;gap:3px;align-items:center}.pip{width:7px;height:7px;border-radius:50%;background:var(--sunken-strong)}.pip--on{background:var(--accent)}.win__xp{list-style:none;margin:16px 0 0;padding:12px 14px;background:#00000038;border-radius:12px;display:flex;flex-direction:column;gap:6px}.win__xp li{display:flex;justify-content:space-between;gap:12px;font-size:13px;color:var(--ink-dim)}.win__xp b{color:var(--ink);font-variant-numeric:tabular-nums}.win__xp-total{margin-top:4px;padding-top:8px;border-top:1px solid var(--line);font-weight:600}.win__xp-total span,.win__xp-total b{color:var(--accent)}.win__badge{margin:12px 0 0;padding:8px 12px;border-radius:999px;background:color-mix(in srgb,var(--accent) 18%,transparent);border:1px solid color-mix(in srgb,var(--accent) 40%,transparent);color:var(--accent);font-size:13px;font-weight:600;text-align:center}.cell--circled:after{content:"";position:absolute;top:2px;right:2px;bottom:2px;left:2px;border:1.5px solid color-mix(in srgb,var(--accent) 70%,transparent);border-radius:50%;pointer-events:none}.cell--cursor.cell--circled:after{border-color:color-mix(in srgb,var(--accent-ink) 55%,transparent)}.metabar{display:flex;flex-direction:column;gap:2px;width:100%;border:none;border-bottom:1px solid var(--line);background:#f0a84814;color:var(--ink);padding:7px 14px;font:inherit;text-align:left;cursor:pointer}.metabar[hidden]{display:none}.metabar b{font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase;color:var(--accent);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.metabar span{font-size:14px;letter-spacing:2px;font-variant-numeric:tabular-nums}.metabar--open{background:#f0a8482e}.metabar--done{background:#4ec98a1f}.metabar--done b{color:var(--good)}.chip--locked{opacity:.45;cursor:default}.lexicon{padding-top:env(safe-area-inset-top)}.lexicon__search{margin:12px 18px 0;padding:10px 14px;border:1px solid var(--line);border-radius:10px;background:var(--bg-raised);color:var(--ink);font:14px inherit}.lexicon__body{flex:1;overflow-y:auto;padding:12px 18px calc(24px + env(safe-area-inset-bottom))}.lexicon__count{margin:4px 0 0;font-size:12.5px;color:var(--ink-dim)}.lexicon__group h3{display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin:20px 0 8px;font-size:12px;text-transform:uppercase;letter-spacing:1px;color:var(--ink-dim)}.lexicon__group h3 small{font-size:11px;letter-spacing:0;text-transform:none;color:var(--ink-faint)}.lexicon__word{display:flex;gap:10px;padding:7px 0;border-top:1px solid rgba(38,48,77,.6);font-size:13px;line-height:1.4}.lexicon__word b{flex:0 0 108px;color:var(--accent);letter-spacing:.5px}.lexicon__word span{color:var(--ink-dim)}.lexiconlink{display:grid;grid-template-columns:1fr auto;gap:2px 12px;width:100%;margin-top:16px;border:1px solid var(--line);border-radius:12px;background:var(--bg-raised);color:var(--ink);padding:13px 15px;font:inherit;text-align:left;cursor:pointer}.lexiconlink b{font-size:15px}.lexiconlink small{grid-column:1;font-size:12px;color:var(--ink-dim)}.lexiconlink em{grid-row:1 / span 2;grid-column:2;align-self:center;font-style:normal;font-size:13px;font-weight:600;color:var(--accent)}.badges{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}.badge{border:1px solid var(--line);border-radius:12px;background:var(--bg-raised);padding:10px 12px;opacity:.5}.badge b{display:block;font-size:13px}.badge small{display:block;margin-top:2px;font-size:11px;line-height:1.35;color:var(--ink-dim)}.badge--on{opacity:1;border-color:color-mix(in srgb,var(--accent) 45%,var(--line));background:color-mix(in srgb,var(--accent) 10%,var(--bg-raised))}.badge--on b{color:var(--accent)}:root[data-theme=newsprint]{color-scheme:light;--bg: #e9e4d8;--bg-raised: #f7f4ec;--line: #c3bba7;--ink: #1d1a15;--ink-dim: #6d6656;--accent: #c0392b;--accent-ink: #fdfcf8;--good: #2f7d4f;--bad: #a5301f}:root[data-theme=terminal]{--bg: #050b08;--bg-raised: #0d1a13;--line: #1e3d2b;--ink: #c9f5d9;--ink-dim: #5f9a75;--accent: #3ddc84;--accent-ink: #041009;--good: #7bf5a8;--bad: #ff6b5e}:root[data-theme=sepia]{--bg: #1e1710;--bg-raised: #2b2118;--line: #4a3a29;--ink: #f0e2cd;--ink-dim: #a5906f;--accent: #d99a4e;--accent-ink: #1e1710;--good: #94b06a;--bad: #cf6a52}:root[data-theme=neon]{--bg: #100a20;--bg-raised: #1a1030;--line: #38265e;--ink: #ece4ff;--ink-dim: #9a86c8;--accent: #26d7f0;--accent-ink: #06121a;--good: #4df0b0;--bad: #ff5fa2}:root[data-theme=forest]{--bg: #0d1811;--bg-raised: #14231b;--line: #2a4433;--ink: #e6f0e2;--ink-dim: #8ba690;--accent: #e0b654;--accent-ink: #0d1811;--good: #7cc47f;--bad: #d9705e}:root[data-theme=newsprint] .win__xp{background:#0000000d}:root[data-theme=newsprint] .win,:root[data-theme=newsprint] .cluelist{background:#3c362a8c}.themegrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(148px,1fr));gap:8px}.themecard{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:2px 10px;border:1px solid var(--line);border-radius:12px;background:var(--bg-raised);color:var(--ink);padding:10px 12px;font:inherit;text-align:left;cursor:pointer}.themecard b{font-size:13.5px}.themecard small{grid-column:2;font-size:11px;line-height:1.35;color:var(--ink-dim)}.themecard__swatch{grid-row:1 / span 2;width:26px;height:26px;border-radius:50%;border:1px solid var(--line)}.themecard--on{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 14%,var(--bg-raised))}.themecard--locked{opacity:.45;cursor:default}.toggle{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;margin-top:8px;border:1px solid var(--line);border-radius:12px;background:var(--bg-raised);color:var(--ink);padding:13px 15px;font:inherit;text-align:left;cursor:pointer}.toggle small{display:block;margin-top:2px;font-size:11.5px;color:var(--ink-dim)}.toggle em{flex:0 0 auto;font-style:normal;font-weight:600;font-size:13px;color:var(--accent)}@keyframes toast{0%,to{opacity:0}12%,80%{opacity:1}}.toast{position:absolute;left:50%;bottom:40%;transform:translate(-50%);background:var(--bg-raised);border:1px solid var(--line);border-radius:999px;padding:9px 16px;font-size:13px;white-space:nowrap;pointer-events:none;animation:toast 1.6s ease both;z-index:25}