:root{--bg: #f4f5f8;--surface: #ffffff;--surface-2: #e9ebf1;--surface-3: #dde0e9;--line: #d3d7e2;--text: #14161d;--muted: #626b80;--accent: #ffc300;--accent-ink: #241c00;--accent-soft: rgba(255, 195, 0, .18);--cell-active: #fff3c4;--good: #0e9f6e;--bad: #d64545;--info: #3d6ff5;--radius-s: 8px;--radius-m: 14px;--radius-l: 22px;--gap: 12px;--pad: 16px;--font: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--shadow: 0 10px 30px rgba(20, 22, 29, .1);--shadow-soft: 0 2px 8px rgba(20, 22, 29, .06)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){color-scheme:dark;--bg: #0e0f16;--surface: #181a25;--surface-2: #212432;--surface-3: #2b2f40;--line: #2e3242;--text: #f2f3f7;--muted: #99a1b6;--accent: #ffd23f;--accent-ink: #1a1400;--accent-soft: rgba(255, 210, 63, .14);--cell-active: #33343f;--good: #5be8b2;--bad: #ff6b6b;--info: #7ea2ff;--shadow: 0 10px 34px rgba(0, 0, 0, .5);--shadow-soft: 0 2px 10px rgba(0, 0, 0, .35)}}:root[data-theme=dark]{color-scheme:dark;--bg: #0e0f16;--surface: #181a25;--surface-2: #212432;--surface-3: #2b2f40;--line: #2e3242;--text: #f2f3f7;--muted: #99a1b6;--accent: #ffd23f;--accent-ink: #1a1400;--accent-soft: rgba(255, 210, 63, .14);--cell-active: #33343f;--good: #5be8b2;--bad: #ff6b6b;--info: #7ea2ff;--shadow: 0 10px 34px rgba(0, 0, 0, .5);--shadow-soft: 0 2px 10px rgba(0, 0, 0, .35)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;overscroll-behavior:none;-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit}.muted{color:var(--muted)}.app{height:100dvh;display:grid;grid-template-rows:auto minmax(0,1fr) auto;max-width:560px;margin:0 auto}.shell{overflow-y:auto;padding:0 var(--pad) var(--pad);display:flex;flex-direction:column;gap:var(--gap)}.shell--play{padding:0;height:100dvh;max-width:560px;margin:0 auto}.shell--message{min-height:100%;justify-content:center;align-items:center;text-align:center;gap:20px;padding:var(--pad)}.top{display:flex;align-items:center;justify-content:space-between;padding:calc(env(safe-area-inset-top) + 12px) var(--pad) 12px}.top__meta{display:flex;gap:8px;align-items:center}.brand{margin:0;font-size:24px;letter-spacing:.18em;font-weight:800}.chip{background:var(--surface);border:1px solid var(--line);border-radius:999px;padding:7px 13px;font-size:13px;color:var(--muted);line-height:1}.chip--button{cursor:pointer}.chip--button:active{background:var(--surface-2)}.date{margin:4px 0 0;color:var(--muted);font-size:15px}.week{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}.week__day{position:relative;display:grid;place-items:center;height:38px;border-radius:11px;background:var(--surface);border:1px solid var(--line);font-size:12px;color:var(--muted)}.week__day.is-today{border-color:var(--muted)}.week__day.is-done{background:var(--accent);border-color:transparent;color:var(--accent-ink);font-weight:700}.week__dot{position:absolute;bottom:5px;width:4px;height:4px;border-radius:50%;background:currentColor;opacity:.7}.cards{list-style:none;margin:0;padding:0;display:grid;gap:var(--gap)}.card{width:100%;display:grid;gap:8px;padding:18px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-l);text-align:left;cursor:pointer;box-shadow:var(--shadow-soft);transition:transform .12s ease,border-color .12s ease}.card:active{transform:scale(.99)}.card--daily{border-color:color-mix(in srgb,var(--accent) 55%,var(--line))}.card--bonus{background:var(--surface)}.card__top{display:flex;align-items:center;justify-content:space-between;gap:10px}.card__kind{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-weight:700}.card__title{display:flex;align-items:center;gap:10px;font-size:21px;font-weight:700;letter-spacing:-.01em}.card__emoji{font-size:24px}.card__meta{font-size:13px;color:var(--muted)}.card__state{font-size:12px;font-weight:700;padding:6px 12px;border-radius:999px;background:var(--surface-2);color:var(--muted);white-space:nowrap}.card__state.is-done{background:color-mix(in srgb,var(--good) 20%,transparent);color:var(--good)}.teaser{margin:0;padding:14px 16px;border:1px dashed var(--line);border-radius:var(--radius-m);font-size:14px;color:var(--muted);line-height:1.45}.teaser strong{color:var(--text)}.install{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border:1px solid var(--line);border-radius:var(--radius-m);background:var(--surface)}.install span{display:grid;gap:2px;min-width:0}.install strong{font-size:14px}.install em{font-style:normal;font-size:12px;color:var(--muted)}.install__actions{display:flex!important;align-items:center;gap:6px}.install__yes{border:0;background:var(--accent);color:var(--accent-ink);border-radius:10px;padding:8px 12px;font-size:13px;font-weight:700;cursor:pointer;white-space:nowrap}.install__no{border:0;background:none;color:var(--muted);font-size:15px;padding:6px;cursor:pointer}.button{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:var(--radius-m);padding:14px 18px;font-weight:650;cursor:pointer}.button--primary{background:var(--accent);color:var(--accent-ink);border-color:transparent;justify-content:center}.button:active{transform:scale(.99)}.linkbutton{background:none;border:0;padding:8px 2px;color:var(--muted);cursor:pointer;text-align:center}.iconbutton{width:40px;height:40px;display:grid;place-items:center;border:1px solid var(--line);background:var(--surface);border-radius:12px;font-size:17px;cursor:pointer}.iconbutton:disabled{opacity:.35;cursor:default}.tabbar{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);background:color-mix(in srgb,var(--surface) 88%,transparent);backdrop-filter:blur(12px);padding-bottom:env(safe-area-inset-bottom)}.tabbar__item{display:grid;justify-items:center;gap:3px;padding:9px 4px 10px;border:0;background:none;font-size:11px;font-weight:600;color:var(--muted);cursor:pointer}.tabbar__icon{font-size:19px;line-height:1}.tabbar__item.is-active{color:var(--text)}.tabbar__item.is-active .tabbar__icon{transform:translateY(-1px)}.play{height:100dvh;display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;width:100%}.play__bar{display:grid;grid-template-columns:40px 1fr 40px;align-items:center;gap:10px;padding:calc(env(safe-area-inset-top) + 8px) 12px 8px}.play__title{display:grid;text-align:center;line-height:1.25}.play__title strong{font-size:15px}.play__title span{font-size:12px;color:var(--muted)}.play__overview{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:center;padding:4px 12px 10px;border-bottom:1px solid var(--line)}.play__status{display:grid;gap:6px;min-width:0}.play__progress{height:6px;border-radius:999px;background:var(--surface-2);overflow:hidden}.play__progress span{display:block;height:100%;background:var(--accent);transition:width .25s ease}.play__counts{margin:0;display:flex;justify-content:space-between;font-size:12px;color:var(--muted)}.play__time{font-variant-numeric:tabular-nums}.play__clue{margin:0;font-size:13px;font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.play__flash{margin:0;padding:7px 12px;text-align:center;font-size:13px;background:var(--surface-2);color:var(--muted)}.minimap{position:relative;display:grid;grid-template-columns:repeat(var(--cols),1fr);gap:1px;width:92px;aspect-ratio:var(--cols) / var(--rows);padding:3px;background:var(--surface-2);border:1px solid var(--line);border-radius:8px;cursor:pointer;touch-action:none}.minimap__cell{border-radius:1px;background:transparent}.minimap__cell.is-letter{background:color-mix(in srgb,var(--text) 14%,transparent)}.minimap__cell.is-letter.is-filled{background:color-mix(in srgb,var(--text) 45%,transparent)}.minimap__cell.is-clue{background:color-mix(in srgb,var(--muted) 30%,transparent)}.minimap__cell.is-active{background:var(--accent)}.minimap__view{position:absolute;border:1.5px solid var(--info);border-radius:3px;background:color-mix(in srgb,var(--info) 12%,transparent);pointer-events:none;transition:all .08s linear}.play__viewport{overflow:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:10px;background:var(--bg)}.board{display:grid;grid-template-columns:repeat(var(--cols),var(--cell));grid-auto-rows:var(--cell);gap:var(--cellgap);width:max-content;background:var(--line);border:var(--cellgap) solid var(--line);border-radius:6px}.cell{position:relative;display:grid;place-items:center;background:var(--surface);border:0;padding:0;font-weight:700;font-size:calc(var(--cell) * .46);text-transform:uppercase;color:var(--text)}.cell--block{background:color-mix(in srgb,var(--line) 45%,var(--surface-2))}.cell--clue{background:var(--surface-2);display:grid;grid-auto-rows:1fr;gap:1px;padding:0;overflow:hidden}.clue{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:1px;border:0;background:none;padding:2px 3px;min-width:0;min-height:0;overflow:hidden;line-height:1.06;font-weight:600;letter-spacing:-.015em;color:color-mix(in srgb,var(--text) 80%,transparent);text-transform:none;text-align:left;hyphens:auto;overflow-wrap:break-word;cursor:pointer}.cell--clue2 .clue{padding:1px 2px}.clue.is-active{background:var(--accent-soft);color:var(--text)}.clue__text{min-width:0;overflow:hidden}.board--tiny .clue{grid-template-columns:1fr;place-items:center;padding:0}.board--tiny .clue__text{display:none}.board--tiny .clue{font-size:inherit!important}.board--tiny .clue__arrow{font-size:calc(var(--cell) * .4)}.board--tiny .cell{font-size:calc(var(--cell) * .58)}.clue__arrow{color:var(--accent);font-size:1em;line-height:1}.clue--down .clue__arrow{align-self:flex-end}.cell--letter{cursor:pointer}.cell--letter.is-active{background:var(--cell-active)}.cell--letter.is-cursor{background:var(--accent);color:var(--accent-ink);box-shadow:inset 0 0 0 2px var(--accent-ink)}.cell--letter.is-wrong{background:color-mix(in srgb,var(--bad) 28%,var(--surface));color:var(--bad)}.cell--letter.is-revealed{color:var(--info)}.cell--letter.is-revealed.is-cursor{color:var(--accent-ink)}.play__bottom{display:grid;gap:8px;padding:8px 6px calc(6px + env(safe-area-inset-bottom));border-top:1px solid var(--line);background:var(--surface)}.cluebar{display:grid;grid-template-columns:34px 1fr auto 34px;align-items:center;gap:6px;padding:0 4px;min-height:56px}.cluebar__step{height:34px;border:0;border-radius:10px;background:var(--surface-2);color:var(--muted);font-size:20px;line-height:1;cursor:pointer}.cluebar__body{min-width:0}.cluebar__text{margin:0;font-size:15px;font-weight:650;line-height:1.25}.cluebar__text--empty{color:var(--muted);font-weight:500}.cluebar__meta{margin:3px 0 0;font-size:11.5px;color:var(--muted);display:flex;align-items:center;gap:6px}.tag{border-radius:999px;padding:2px 7px;background:var(--surface-2);font-weight:700;font-size:10.5px;text-transform:uppercase;letter-spacing:.04em}.cluebar__hint{display:grid;justify-items:center;gap:1px;border:1px solid var(--line);background:var(--surface);border-radius:12px;padding:5px 9px;cursor:pointer}.cluebar__hint:disabled{opacity:.4}.cluebar__hint-icon{font-size:16px;line-height:1}.cluebar__hint-label{font-size:10px;color:var(--muted);font-weight:700}.keyboard{display:grid;gap:6px}.keyboard__row{display:flex;gap:5px;justify-content:center}.key{flex:1;min-width:0;height:46px;border:0;border-radius:7px;background:var(--surface-2);font-weight:650;font-size:16px;cursor:pointer}.key:active{background:var(--accent);color:var(--accent-ink)}.key--action{flex:0 0 auto;padding:0 9px;font-size:12px;background:var(--surface-3)}.key--umlaut{flex:0 0 56px}.keyboard__row--extra{justify-content:center}.sheet{position:fixed;inset:0;background:#08090d8c;display:grid;place-items:end center;padding:12px;z-index:20}.sheet--full{place-items:center}.sheet__card{width:min(100%,480px);max-height:88dvh;overflow-y:auto;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-l);padding:22px;display:grid;gap:12px;box-shadow:var(--shadow)}.sheet__title{margin:0;font-size:22px}.sheet__lead{margin:0;color:var(--muted);font-size:15px;line-height:1.45}.sheet__list{list-style:none;margin:0;padding:0;display:grid;gap:8px;font-size:15px}.sheet__list li{display:flex;justify-content:space-between;gap:12px}.sheet__list li.is-highlight{font-weight:700}.sheet__list--play li{display:block}.sheet__cost{font-style:normal;color:var(--muted);font-size:13px}.sheet__stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;text-align:center}.sheet__stats div{background:var(--surface-2);border-radius:var(--radius-m);padding:12px 6px;display:grid;gap:2px}.sheet__stats strong{font-size:21px}.sheet__stats span{font-size:11.5px;color:var(--muted)}.sheet__hint{margin:0;font-size:13px;color:var(--muted);text-align:center}.hintlist{list-style:none;margin:0;padding:0;display:grid;gap:8px}.hintlist__item{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;text-align:left;padding:13px 15px;border:1px solid var(--line);border-radius:var(--radius-m);background:var(--surface-2);cursor:pointer}.hintlist__item:disabled{opacity:.4;cursor:default}.hintlist__item span{display:grid;gap:2px}.hintlist__item strong{font-size:15px}.hintlist__item em{font-style:normal;font-size:12.5px;color:var(--muted)}.hintlist__cost{font-size:11.5px;color:var(--muted);white-space:nowrap}.intro__art{font-size:44px;text-align:center;line-height:1}.intro__dots{display:flex;gap:6px;justify-content:center}.intro__dots span{width:6px;height:6px;border-radius:50%;background:var(--surface-3)}.intro__dots span.is-active{background:var(--accent);width:18px;border-radius:999px}.setting{display:grid;grid-template-columns:1fr auto;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--line);cursor:pointer}.setting span{display:grid;gap:2px}.setting strong{font-size:15px;font-weight:650}.setting em{font-style:normal;font-size:12.5px;color:var(--muted)}.setting input{position:absolute;opacity:0;pointer-events:none}.switch{width:46px;height:27px;border-radius:999px;background:var(--surface-3);position:relative;transition:background .15s ease;display:block!important}.switch:after{content:"";position:absolute;top:3px;left:3px;width:21px;height:21px;border-radius:50%;background:var(--surface);box-shadow:var(--shadow-soft);transition:transform .15s ease}.setting input:checked~.switch{background:var(--accent)}.setting input:checked~.switch:after{transform:translate(19px)}.setting--row{grid-template-columns:1fr}.segment{display:grid;grid-auto-flow:column;gap:4px;background:var(--surface-2);border-radius:11px;padding:3px}.segment button{border:0;background:none;padding:8px 10px;border-radius:9px;font-size:13px;font-weight:600;color:var(--muted);cursor:pointer}.segment button.is-active{background:var(--surface);color:var(--text);box-shadow:var(--shadow-soft)}.archive{display:grid;gap:12px}.archive__head{display:flex;align-items:center;justify-content:space-between}.archive__head h2{margin:0;font-size:17px}.calendar{display:grid;grid-template-columns:repeat(7,1fr);gap:5px}.calendar__label{text-align:center;font-size:11px;color:var(--muted);padding-bottom:2px}.calendar__day{aspect-ratio:1;display:grid;place-items:center;border:1px solid var(--line);border-radius:10px;background:var(--surface);font-size:13px;cursor:pointer}.calendar__day:disabled{opacity:.3;cursor:default}.calendar__day.is-today{border-color:var(--muted);font-weight:700}.calendar__day.is-done{background:var(--accent);border-color:transparent;color:var(--accent-ink)}.calendar__day.is-double{box-shadow:inset 0 0 0 2px var(--good)}.archive__legend{display:flex;align-items:center;gap:6px;margin:0;font-size:12px;color:var(--muted)}.dot{width:10px;height:10px;border-radius:3px;display:inline-block}.dot--done{background:var(--accent)}.dot--double{background:var(--accent);box-shadow:inset 0 0 0 2px var(--good);margin-left:10px}.stats{display:grid;gap:14px}.stats__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.stats__tile{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-m);padding:16px;display:grid;gap:2px}.stats__tile strong{font-size:27px}.stats__tile span{font-size:12.5px;color:var(--muted)}.stats__line{margin:0;font-size:14px;color:var(--muted)}.stats__heading{margin:4px 0 0;font-size:15px}.heat{display:grid;grid-template-columns:repeat(13,1fr);gap:4px}.heat__cell{aspect-ratio:1;border-radius:3px;background:var(--surface-2)}.heat__cell.is-1{background:color-mix(in srgb,var(--accent) 60%,var(--surface-2))}.heat__cell.is-2{background:var(--accent)}.stats__hint{margin:0;font-size:13px;color:var(--muted)}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}