:root{--bg: #f6f5f1;--surface: #ffffff;--surface-sunken: #eceae3;--ink: #15140f;--ink-soft: #55524a;--ink-faint: #8b8780;--line: #c9c5bb;--line-strong: #15140f;--cell: #ffffff;--cell-block: #15140f;--cell-word: #d9e8fb;--cell-cross: #eef4fb;--cell-cursor: #ffd75e;--cell-done: #e7f3e9;--accent: #1f6feb;--accent-ink: #ffffff;--wrong: #d7263d;--revealed: #2f7d4f;--key: #ffffff;--key-ink: #15140f;--key-edge: #b9b5ab;--key-active: #d9e8fb;--radius: 10px;--radius-sm: 6px;--shadow: 0 1px 2px rgb(21 20 15 / 12%);--shadow-lift: 0 4px 16px rgb(21 20 15 / 16%);--font: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-grid: ui-sans-serif, system-ui, "Segoe UI", Roboto, sans-serif;color-scheme:light}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg: #0d0d0f;--surface: #17171a;--surface-sunken: #101012;--ink: #f2f1ee;--ink-soft: #a9a7a1;--ink-faint: #6f6d68;--line: #34343a;--line-strong: #4a4a52;--cell: #24242a;--cell-block: #0a0a0c;--cell-word: #1d3a5c;--cell-cross: #1a2734;--cell-cursor: #b8860b;--cell-done: #1c3325;--accent: #5a9dff;--accent-ink: #0d0d0f;--wrong: #ff6b7d;--revealed: #63c98b;--key: #26262c;--key-ink: #f2f1ee;--key-edge: #3a3a42;--key-active: #1d3a5c;--shadow: 0 1px 2px rgb(0 0 0 / 40%);--shadow-lift: 0 4px 16px rgb(0 0 0 / 55%);color-scheme:dark}}:root[data-theme=dark]{--bg: #0d0d0f;--surface: #17171a;--surface-sunken: #101012;--ink: #f2f1ee;--ink-soft: #a9a7a1;--ink-faint: #6f6d68;--line: #34343a;--line-strong: #4a4a52;--cell: #24242a;--cell-block: #0a0a0c;--cell-word: #1d3a5c;--cell-cross: #1a2734;--cell-cursor: #b8860b;--cell-done: #1c3325;--accent: #5a9dff;--accent-ink: #0d0d0f;--wrong: #ff6b7d;--revealed: #63c98b;--key: #26262c;--key-ink: #f2f1ee;--key-edge: #3a3a42;--key-active: #1d3a5c;--shadow: 0 1px 2px rgb(0 0 0 / 40%);--shadow-lift: 0 4px 16px rgb(0 0 0 / 55%);color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font);touch-action:manipulation;overscroll-behavior:none}button{font:inherit;color:inherit;margin:0;cursor:pointer;-webkit-tap-highlight-color:transparent}.play{display:flex;flex-direction:column;height:100dvh;padding-top:env(safe-area-inset-top)}.centered{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;height:100dvh;padding:24px;text-align:center}.centered__msg{color:var(--ink-soft);max-width:34ch;line-height:1.5}.spinner{width:34px;height:34px;border:3px solid var(--line);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.topbar{display:flex;align-items:center;gap:4px;padding:6px 6px 6px 4px;border-bottom:1px solid var(--line);background:var(--surface);flex:0 0 auto}.topbar__mid{flex:1 1 auto;min-width:0;padding-inline:2px}.topbar__title{font-size:15px;font-weight:650;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topbar__sub{font-size:11px;color:var(--ink-faint);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topbar__time{font-variant-numeric:tabular-nums;font-size:15px;font-weight:600;color:var(--ink-soft);padding-inline:6px}.iconbtn{display:grid;place-items:center;width:40px;height:40px;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--ink-soft);flex:0 0 auto}.iconbtn:active{background:var(--surface-sunken)}.play__grid{flex:1 1 auto;min-height:0;display:flex;align-items:center;justify-content:center;padding:8px 12px;container-type:size}.grid{display:grid;grid-template-columns:repeat(var(--size),1fr);grid-template-rows:repeat(var(--size),1fr);width:min(100cqw,100cqh);height:min(100cqw,100cqh);gap:1px;padding:1px;background:var(--line-strong);border:1px solid var(--line-strong);border-radius:3px;container-type:size;user-select:none;-webkit-user-select:none}.cell{position:relative;display:grid;place-items:center;border:none;padding:0;min-width:0;min-height:0;overflow:hidden;background:var(--cell);color:var(--ink);font-family:var(--font-grid);font-weight:600;line-height:1;transition:background-color 90ms ease}.cell--block{background:var(--cell-block)}.cell--cross{background:var(--cell-cross)}.cell--word{background:var(--cell-word)}.cell--cursor{background:var(--cell-cursor)}.cell--revealed .cell__letter{color:var(--revealed)}.cell--wrong .cell__letter{color:var(--wrong)}.cell--wrong:after{content:"";position:absolute;inset:0 0 auto auto;border-style:solid;border-width:0 max(5px,calc(28cqw / var(--size))) max(5px,calc(28cqw / var(--size))) 0;border-color:transparent var(--wrong) transparent transparent}.cell__num{position:absolute;top:1px;left:2px;font-size:max(7px,calc(24cqw / var(--size)));font-weight:600;color:var(--ink-faint);pointer-events:none}.cell__letter{font-size:max(11px,calc(62cqw / var(--size)))}.cluepanel{flex:0 0 auto;background:var(--surface);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.clue{display:flex;gap:10px;align-items:flex-start;padding:11px 14px 11px 12px;border-left:4px solid transparent;min-height:46px;text-align:left;background:none;width:100%}.clue--active{border-left-color:var(--accent);color:var(--ink);font-weight:600}.clue--cross{border-top:1px dashed var(--line);color:var(--ink-soft);font-weight:400}.clue--empty{min-height:46px}.clue__ref{flex:0 0 auto;min-width:3.2ch;font-variant-numeric:tabular-nums;font-weight:700;font-size:13px;padding-top:1px;color:var(--ink-faint)}.clue--active .clue__ref{color:var(--accent)}.clue__text{flex:1 1 auto;font-size:15px;line-height:1.34;overflow-wrap:break-word}.clue--cross:active{background:var(--surface-sunken)}.keyboard{flex:0 0 auto;display:flex;flex-direction:column;gap:6px;padding:7px 4px;padding-bottom:calc(7px + env(safe-area-inset-bottom));background:var(--surface-sunken)}.keyboard__row{display:flex;gap:5px;justify-content:center}.key{flex:1 1 0;min-width:0;height:46px;display:grid;place-items:center;border:1px solid var(--key-edge);border-radius:var(--radius-sm);background:var(--key);color:var(--key-ink);font-size:17px;font-weight:600;box-shadow:var(--shadow)}.key:active{background:var(--key-active);transform:translateY(1px)}.key--wide{flex:1.5 1 0}.key--util{color:var(--ink-soft)}.key--bar{height:38px;font-size:14px;font-weight:550;color:var(--ink-soft);flex:1 1 auto}.key:disabled{opacity:.45}.setup{display:flex;flex-direction:column;gap:22px;min-height:100dvh;padding:calc(28px + env(safe-area-inset-top)) 16px calc(28px + env(safe-area-inset-bottom));max-width:560px;margin-inline:auto}.setup__head{text-align:center}.wordmark{margin:0;font-size:clamp(30px,10vw,40px);font-weight:800;letter-spacing:-.03em;line-height:.98}.wordmark__two{color:var(--accent)}.setup__tag{margin:10px 0 0;color:var(--ink-soft);font-size:14px}.setup__section{display:flex;flex-direction:column;gap:9px}.setup__label{margin:0;font-size:12px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--ink-faint)}.chips{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.chips--list{grid-template-columns:1fr}.chip{display:flex;flex-direction:column;gap:2px;padding:13px 14px;border:1.5px solid var(--line);border-radius:var(--radius);background:var(--surface);text-align:left}.chip--on{border-color:var(--accent);background:var(--cell-cross)}.chip__title{font-size:16px;font-weight:650}.chip__sub{font-size:12px;color:var(--ink-faint);font-variant-numeric:tabular-nums}.chip__note{font-size:12px;color:var(--ink-soft)}.setup__stats{display:flex;gap:18px;justify-content:center;margin:0;font-size:13px;color:var(--ink-soft)}.btn{padding:11px 16px;border:1.5px solid var(--line);border-radius:var(--radius);background:var(--surface);font-size:15px;font-weight:600;flex:1 1 auto}.btn:active{background:var(--surface-sunken)}.btn--primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.btn--primary:active{filter:brightness(.92);background:var(--accent)}.btn--big{padding:15px;font-size:17px}.btn--full{width:100%}.btn--quiet{border-color:transparent;background:transparent;color:var(--ink-soft);font-weight:500}.btn--danger{color:var(--wrong);border-color:color-mix(in srgb,var(--wrong) 40%,transparent)}.sheet__scrim{position:fixed;inset:0;background:#00000075;display:flex;align-items:flex-end;z-index:20;animation:fade .14s ease}.sheet{width:100%;max-height:88dvh;overflow-y:auto;display:flex;flex-direction:column;gap:16px;padding:8px 16px calc(20px + env(safe-area-inset-bottom));background:var(--surface);border-radius:16px 16px 0 0;box-shadow:var(--shadow-lift);animation:rise .18s cubic-bezier(.2,.8,.2,1)}.sheet__grip{width:38px;height:4px;border-radius:2px;background:var(--line);margin:4px auto 2px}.sheet__group{display:flex;flex-direction:column;gap:9px}.sheet__h{margin:0;font-size:12px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--ink-faint)}.sheet__row{display:flex;gap:8px}.sheet__field{display:flex;flex-direction:column;gap:7px;padding-top:4px}.sheet__fieldlabel{font-size:14px;font-weight:550}.segmented{display:flex;gap:3px;padding:3px;border-radius:var(--radius);background:var(--surface-sunken)}.segmented__opt{flex:1 1 0;padding:8px 4px;border:none;border-radius:var(--radius-sm);background:transparent;font-size:14px;font-weight:550;color:var(--ink-soft)}.segmented__opt--on{background:var(--surface);color:var(--ink);box-shadow:var(--shadow)}.toggle{display:flex;align-items:center;gap:12px;padding:6px 0;cursor:pointer}.toggle input{position:absolute;opacity:0;width:0;height:0}.toggle__text{flex:1 1 auto;display:flex;flex-direction:column;gap:1px}.toggle__label{font-size:15px;font-weight:550}.toggle__hint{font-size:12px;color:var(--ink-faint)}.toggle__track{flex:0 0 auto;width:46px;height:27px;border-radius:14px;background:var(--line);padding:3px;transition:background-color .14s ease}.toggle__knob{display:block;width:21px;height:21px;border-radius:50%;background:#fff;box-shadow:var(--shadow);transition:transform .14s cubic-bezier(.2,.8,.2,1)}.toggle input:checked+.toggle__track{background:var(--accent)}.toggle input:checked+.toggle__track .toggle__knob{transform:translate(19px)}.toggle input:focus-visible+.toggle__track{outline:2px solid var(--accent);outline-offset:2px}.done__scrim{position:fixed;inset:0;z-index:30;display:grid;place-items:center;padding:20px;background:#00000085;animation:fade .16s ease}.done{width:100%;max-width:340px;display:flex;flex-direction:column;align-items:center;gap:5px;padding:26px 20px 20px;border-radius:18px;background:var(--surface);box-shadow:var(--shadow-lift);text-align:center;animation:pop .22s cubic-bezier(.2,.9,.3,1)}.done__mark{color:var(--revealed)}.done__h{margin:4px 0 0;font-size:25px;font-weight:750;letter-spacing:-.01em}.done__title{margin:0;font-size:15px;color:var(--accent);font-weight:600}.done__time{margin:8px 0 0;font-size:38px;font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:-.02em}.done__meta{margin:2px 0 14px;font-size:13px;color:var(--ink-soft);line-height:1.45}.done__actions{display:flex;flex-direction:column;gap:8px;width:100%}@keyframes fade{0%{opacity:0}}@keyframes rise{0%{transform:translateY(14px)}}@keyframes pop{0%{transform:scale(.94);opacity:0}}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.setup__credit{margin-top:auto;padding-top:12px;font-size:11px;line-height:1.5;color:var(--ink-faint);text-align:center}.setup__credit a{color:var(--ink-soft);text-decoration-color:var(--line)}