:root,:root[data-skin=papier],[data-skin=papier]{--paper-0: #ffffff;--paper-50: #fffdf8;--paper-100: #faf6ee;--paper-200: #f2ece1;--paper-300: #e7dfd1;--paper-400: #d8cebc;--ink-900: #14110d;--ink-800: #221d17;--ink-700: #3a332a;--ink-600: #5b5245;--ink-500: #7d7364;--ink-400: #a49a89;--blue-900: #10254f;--blue-800: #16336c;--blue-700: #1b3f88;--blue-600: #234da3;--blue-500: #3767bd;--blue-300: #93aede;--blue-100: #dbe5f6;--blue-50: #eaf0fb;--red-700: #8f1d16;--red-600: #b3261e;--red-500: #d0453c;--red-100: #f8dedb;--green-600: #2f6b3f;--green-100: #dcecdf;--amber-600: #8a6316;--amber-100: #f6e9c9;--color-canvas: var(--paper-100);--color-surface: var(--paper-50);--color-surface-raised: var(--paper-0);--color-surface-sunken: var(--paper-200);--color-surface-muted: var(--paper-200);--color-ink: var(--ink-900);--color-ink-strong: #000000;--color-ink-muted: var(--ink-600);--color-ink-faint: var(--ink-500);--color-ink-inverse: var(--paper-50);--color-border: var(--paper-300);--color-border-strong: var(--paper-400);--color-rule-thin: #9a9182;--color-rule-thick: var(--ink-900);--color-board-frame: var(--ink-900);--color-accent: var(--blue-700);--color-accent-strong: var(--blue-800);--color-accent-soft: var(--blue-100);--color-accent-softer: var(--blue-50);--color-accent-contrast: var(--paper-50);--color-accent-line: var(--blue-600);--color-danger: var(--red-600);--color-danger-strong: var(--red-700);--color-danger-soft: var(--red-100);--color-success: var(--green-600);--color-success-soft: var(--green-100);--color-notice: var(--amber-600);--color-notice-soft: var(--amber-100);--color-focus: var(--blue-600);--color-cell: var(--paper-50);--color-cell-given: var(--paper-200);--color-cell-selected: var(--blue-100);--color-cell-peer: var(--paper-200);--color-cell-same-digit: var(--blue-50);--color-cell-conflict: var(--red-100);--color-cell-hint: var(--amber-100);--color-cell-hint-focus: var(--blue-100);--color-digit-given: var(--ink-900);--color-digit-entered: var(--color-accent);--color-digit-conflict: var(--color-danger);--color-note: var(--blue-600);--color-note-muted: var(--ink-500);--color-note-centre: var(--color-note);--color-note-eliminated: var(--color-danger);--color-selection-bg: var(--blue-100);--color-selection-fg: var(--ink-900);--color-level-leicht: var(--green-600);--color-level-mittel: var(--blue-700);--color-level-schwer: var(--amber-600);--color-level-sehr-schwer: var(--red-600);--color-level-experte: #5b2a86;--font-sans: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif;--font-serif: "Iowan Old Style", "Palatino Linotype", Palatino, "Book Antiqua", Georgia, "Times New Roman", serif;--font-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;--font-body: var(--font-sans);--font-heading: var(--font-serif);--font-digit: var(--font-sans);--text-xs: .75rem;--text-sm: .875rem;--text-base: 1.0625rem;--text-lg: 1.1875rem;--text-xl: clamp(1.25rem, 1.15rem + .5vw, 1.4375rem);--text-2xl: clamp(1.5rem, 1.32rem + .9vw, 1.875rem);--text-3xl: clamp(1.875rem, 1.6rem + 1.4vw, 2.5rem);--text-4xl: clamp(2.25rem, 1.85rem + 2vw, 3.25rem);--leading-tight: 1.15;--leading-snug: 1.3;--leading-normal: 1.6;--leading-relaxed: 1.75;--weight-normal: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--tracking-tight: -.015em;--tracking-normal: 0;--tracking-wide: .04em;--tracking-caps: .09em;--space-0: 0;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--radius-xs: 2px;--radius-sm: 4px;--radius-md: 7px;--radius-lg: 12px;--radius-xl: 18px;--radius-pill: 999px;--border-width: 1px;--focus-ring-width: 3px;--focus-ring-offset: 2px;--key-radius: var(--radius-md);--digit-weight: var(--weight-semibold);--shadow-sm: 0 1px 2px rgb(20 17 13 / .07);--shadow-md: 0 2px 6px rgb(20 17 13 / .08), 0 1px 2px rgb(20 17 13 / .06);--shadow-lg: 0 8px 24px rgb(20 17 13 / .1), 0 2px 6px rgb(20 17 13 / .06);--measure: 68ch;--container-narrow: 44rem;--container: 62rem;--container-wide: 78rem;--gutter: clamp(1rem, 4vw, 2rem);--board-max: 34rem;--board-rule-thin: 1px;--board-rule-thick: 2px;--board-frame-width: 3px;--board-radius: var(--radius-sm);--tap-min: 44px;--header-height: 3.75rem;--ease-out: cubic-bezier(.22, .85, .3, 1);--duration-fast: 90ms;--duration-base: .16s;--duration-slow: .28s;--z-board-overlay: 5;--z-sticky: 20;--z-header: 30;--z-dialog: 50;color-scheme:light dark}:root[data-skin=app],[data-skin=app]{--color-canvas: #eef2f7;--color-surface: #ffffff;--color-surface-raised: #ffffff;--color-surface-sunken: #e3e9f1;--color-surface-muted: #dfe6f0;--color-ink: #15243a;--color-ink-strong: #0b1626;--color-ink-muted: #465a76;--color-ink-faint: #5f7490;--color-ink-inverse: #ffffff;--color-border: #cfd9e6;--color-border-strong: #b4c2d4;--color-rule-thin: #9fb0c6;--color-rule-thick: #2b3f5c;--color-board-frame: #2b3f5c;--color-accent: #1f5fd0;--color-accent-strong: #16489f;--color-accent-soft: #d3e2fb;--color-accent-softer: #e8f0fe;--color-accent-contrast: #ffffff;--color-accent-line: #3d7ce0;--color-danger: #c02525;--color-danger-strong: #8e1f1f;--color-danger-soft: #fbdedd;--color-success: #1f7a45;--color-success-soft: #d9f0e2;--color-notice: #8a5a00;--color-notice-soft: #fdefd0;--color-focus: #1f5fd0;--color-cell: #ffffff;--color-cell-given: #e8eef7;--color-cell-selected: #cfe0fb;--color-cell-peer: #e6ecf5;--color-cell-same-digit: #dbe7fa;--color-cell-conflict: #fbdedd;--color-cell-hint: #fdefd0;--color-cell-hint-focus: #cfe0fb;--color-digit-given: #15243a;--color-digit-entered: var(--color-accent);--color-digit-conflict: var(--color-danger);--color-note: #2f5fa8;--color-note-muted: #5f7490;--color-note-eliminated: var(--color-danger);--color-selection-bg: #cfe0fb;--color-selection-fg: #0b1626;--color-level-leicht: #1f7a45;--color-level-mittel: #1f5fd0;--color-level-schwer: #8a5a00;--color-level-sehr-schwer: #c62828;--color-level-experte: #6b2fbf;--font-heading: var(--font-sans);--font-digit: var(--font-sans);--radius-sm: 6px;--radius-md: 10px;--board-radius: 10px;--key-radius: var(--radius-pill);--digit-weight: var(--weight-semibold)}:root[data-skin=werkzeug],[data-skin=werkzeug]{--color-canvas: #f5f5f5;--color-surface: #ffffff;--color-surface-raised: #ffffff;--color-surface-sunken: #ececec;--color-surface-muted: #e8e8e8;--color-ink: #111111;--color-ink-strong: #000000;--color-ink-muted: #4a4a4a;--color-ink-faint: #616161;--color-ink-inverse: #ffffff;--color-border: #d4d4d4;--color-border-strong: #b0b0b0;--color-rule-thin: #8a8a8a;--color-rule-thick: #000000;--color-board-frame: #000000;--color-accent: #6b2fbf;--color-accent-strong: #52239a;--color-accent-soft: #e6dcfa;--color-accent-softer: #f2ecfd;--color-accent-contrast: #ffffff;--color-accent-line: #7c46cc;--color-danger: #c02525;--color-danger-strong: #8e1f1f;--color-danger-soft: #fadcdc;--color-success: #1f7a45;--color-success-soft: #dcefe3;--color-notice: #8a5a00;--color-notice-soft: #f7ebcf;--color-focus: #6b2fbf;--color-cell: #ffffff;--color-cell-given: #ededed;--color-cell-selected: #ddd0f7;--color-cell-peer: #ebebeb;--color-cell-same-digit: #e6dcfa;--color-cell-conflict: #fadcdc;--color-cell-hint: #f7ebcf;--color-cell-hint-focus: #ddd0f7;--color-digit-given: #111111;--color-digit-entered: var(--color-accent);--color-digit-conflict: var(--color-danger);--color-note: #5a2ba6;--color-note-muted: #616161;--color-note-eliminated: var(--color-danger);--color-selection-bg: #ddd0f7;--color-selection-fg: #111111;--color-level-leicht: #1f7a45;--color-level-mittel: #1c4fb8;--color-level-schwer: #8a5a00;--color-level-sehr-schwer: #c62828;--color-level-experte: #6b2fbf;--font-heading: var(--font-sans);--font-digit: var(--font-sans);--radius-sm: 3px;--radius-md: 3px;--board-radius: 3px;--key-radius: 3px;--digit-weight: var(--weight-bold)}@media(prefers-contrast:more){:root,:root[data-skin]{--board-rule-thin: 1.5px;--board-rule-thick: 3px}:root,:root[data-skin=papier]{--color-rule-thin: var(--ink-700);--color-ink-muted: var(--ink-800)}:root[data-skin=app]{--color-rule-thin: #465a76;--color-ink-muted: #15243a}:root[data-skin=werkzeug]{--color-rule-thin: #4a4a4a;--color-ink-muted: #111111}}@media(prefers-color-scheme:dark){:root:not([data-theme=light]),:root:not([data-theme=light]) [data-skin=papier]{--color-canvas: #141210;--color-surface: #1c1917;--color-surface-raised: #232020;--color-surface-sunken: #100e0d;--color-surface-muted: #292523;--color-ink: #ece6dc;--color-ink-strong: #fbf7f0;--color-ink-muted: #b0a698;--color-ink-faint: #8d8375;--color-ink-inverse: #141210;--color-border: #35302c;--color-border-strong: #4a433d;--color-rule-thin: #565049;--color-rule-thick: #d9d2c6;--color-board-frame: #d9d2c6;--color-accent: #8fb0ee;--color-accent-strong: #b0c8f5;--color-accent-soft: #23324f;--color-accent-softer: #1b2740;--color-accent-contrast: #0f1728;--color-accent-line: #6f97e0;--color-danger: #ef7f77;--color-danger-strong: #f5a49e;--color-danger-soft: #46201d;--color-success: #7fc08f;--color-success-soft: #1f3325;--color-notice: #ddb464;--color-notice-soft: #3a2f18;--color-focus: #8fb0ee;--color-cell: #1c1917;--color-cell-given: #262220;--color-cell-selected: #2b3d61;--color-cell-peer: #262220;--color-cell-same-digit: #223050;--color-cell-conflict: #46201d;--color-cell-hint: #3a2f18;--color-cell-hint-focus: #2b3d61;--color-digit-given: #ece6dc;--color-digit-entered: var(--color-accent);--color-digit-conflict: var(--color-danger);--color-note: #8fb0ee;--color-note-muted: #8d8375;--color-note-eliminated: var(--color-danger);--color-selection-bg: #2b3d61;--color-selection-fg: #fbf7f0;--color-level-leicht: #7fc08f;--color-level-mittel: #8fb0ee;--color-level-schwer: #ddb464;--color-level-sehr-schwer: #ef7f77;--color-level-experte: #bda0ea;--shadow-sm: 0 1px 2px rgb(0 0 0 / .5);--shadow-md: 0 2px 6px rgb(0 0 0 / .5), 0 1px 2px rgb(0 0 0 / .4);--shadow-lg: 0 8px 24px rgb(0 0 0 / .55), 0 2px 6px rgb(0 0 0 / .4)}:root[data-skin=app]:not([data-theme=light]),:root:not([data-theme=light]) [data-skin=app]{--color-canvas: #10161f;--color-surface: #182230;--color-surface-raised: #1e2937;--color-surface-sunken: #0b1017;--color-surface-muted: #223040;--color-ink: #e6edf6;--color-ink-strong: #ffffff;--color-ink-muted: #a8b8cc;--color-ink-faint: #8496ad;--color-ink-inverse: #10161f;--color-border: #2c3a4b;--color-border-strong: #3d4e63;--color-rule-thin: #4a5b71;--color-rule-thick: #c3d0e0;--color-board-frame: #c3d0e0;--color-accent: #7cabf5;--color-accent-strong: #a8c8fb;--color-accent-soft: #21344f;--color-accent-softer: #1a2942;--color-accent-contrast: #0b1220;--color-accent-line: #5b8fe0;--color-danger: #f08a82;--color-danger-strong: #f6b0aa;--color-danger-soft: #48201e;--color-success: #74c294;--color-success-soft: #17311f;--color-notice: #dcb160;--color-notice-soft: #382c14;--color-focus: #7cabf5;--color-cell: #182230;--color-cell-given: #212c3b;--color-cell-selected: #26374f;--color-cell-peer: #1d2532;--color-cell-same-digit: #223148;--color-cell-conflict: #48201e;--color-cell-hint: #382c14;--color-cell-hint-focus: #26374f;--color-digit-given: #e6edf6;--color-digit-entered: var(--color-accent);--color-digit-conflict: var(--color-danger);--color-note: #8fb8f7;--color-note-muted: #8496ad;--color-note-eliminated: var(--color-danger);--color-selection-bg: #26374f;--color-selection-fg: #ffffff;--color-level-leicht: #74c294;--color-level-mittel: #7cabf5;--color-level-schwer: #dcb160;--color-level-sehr-schwer: #f08a82;--color-level-experte: #b9a0f2}:root[data-skin=werkzeug]:not([data-theme=light]),:root:not([data-theme=light]) [data-skin=werkzeug]{--color-canvas: #0f0f11;--color-surface: #17171a;--color-surface-raised: #1e1e22;--color-surface-sunken: #0a0a0c;--color-surface-muted: #232328;--color-ink: #ededf0;--color-ink-strong: #ffffff;--color-ink-muted: #adadb5;--color-ink-faint: #8b8b94;--color-ink-inverse: #0f0f11;--color-border: #2e2e34;--color-border-strong: #43434b;--color-rule-thin: #55555e;--color-rule-thick: #d8d8de;--color-board-frame: #d8d8de;--color-accent: #b490f0;--color-accent-strong: #cdb4f7;--color-accent-soft: #2e2145;--color-accent-softer: #241a37;--color-accent-contrast: #140f20;--color-accent-line: #9a72e0;--color-danger: #f08a82;--color-danger-strong: #f6b0aa;--color-danger-soft: #45201e;--color-success: #74c294;--color-success-soft: #17311f;--color-notice: #dcb160;--color-notice-soft: #382c14;--color-focus: #b490f0;--color-cell: #17171a;--color-cell-given: #212127;--color-cell-selected: #33254c;--color-cell-peer: #1b1b20;--color-cell-same-digit: #2b2040;--color-cell-conflict: #45201e;--color-cell-hint: #382c14;--color-cell-hint-focus: #33254c;--color-digit-given: #ededf0;--color-digit-entered: var(--color-accent);--color-digit-conflict: var(--color-danger);--color-note: #b490f0;--color-note-muted: #8b8b94;--color-note-eliminated: var(--color-danger);--color-selection-bg: #33254c;--color-selection-fg: #ffffff;--color-level-leicht: #74c294;--color-level-mittel: #86aef2;--color-level-schwer: #dcb160;--color-level-sehr-schwer: #f08a82;--color-level-experte: #b490f0}}:root[data-theme=dark],[data-theme=dark] [data-skin=papier]{--color-canvas: #141210;--color-surface: #1c1917;--color-surface-raised: #232020;--color-surface-sunken: #100e0d;--color-surface-muted: #292523;--color-ink: #ece6dc;--color-ink-strong: #fbf7f0;--color-ink-muted: #b0a698;--color-ink-faint: #8d8375;--color-ink-inverse: #141210;--color-border: #35302c;--color-border-strong: #4a433d;--color-rule-thin: #565049;--color-rule-thick: #d9d2c6;--color-board-frame: #d9d2c6;--color-accent: #8fb0ee;--color-accent-strong: #b0c8f5;--color-accent-soft: #23324f;--color-accent-softer: #1b2740;--color-accent-contrast: #0f1728;--color-accent-line: #6f97e0;--color-danger: #ef7f77;--color-danger-strong: #f5a49e;--color-danger-soft: #46201d;--color-success: #7fc08f;--color-success-soft: #1f3325;--color-notice: #ddb464;--color-notice-soft: #3a2f18;--color-focus: #8fb0ee;--color-cell: #1c1917;--color-cell-given: #262220;--color-cell-selected: #2b3d61;--color-cell-peer: #262220;--color-cell-same-digit: #223050;--color-cell-conflict: #46201d;--color-cell-hint: #3a2f18;--color-cell-hint-focus: #2b3d61;--color-digit-given: #ece6dc;--color-digit-entered: var(--color-accent);--color-digit-conflict: var(--color-danger);--color-note: #8fb0ee;--color-note-muted: #8d8375;--color-note-eliminated: var(--color-danger);--color-selection-bg: #2b3d61;--color-selection-fg: #fbf7f0;--color-level-leicht: #7fc08f;--color-level-mittel: #8fb0ee;--color-level-schwer: #ddb464;--color-level-sehr-schwer: #ef7f77;--color-level-experte: #bda0ea;--shadow-sm: 0 1px 2px rgb(0 0 0 / .5);--shadow-md: 0 2px 6px rgb(0 0 0 / .5), 0 1px 2px rgb(0 0 0 / .4);--shadow-lg: 0 8px 24px rgb(0 0 0 / .55), 0 2px 6px rgb(0 0 0 / .4);color-scheme:dark}:root[data-skin=app][data-theme=dark],[data-theme=dark] [data-skin=app]{--color-canvas: #10161f;--color-surface: #182230;--color-surface-raised: #1e2937;--color-surface-sunken: #0b1017;--color-surface-muted: #223040;--color-ink: #e6edf6;--color-ink-strong: #ffffff;--color-ink-muted: #a8b8cc;--color-ink-faint: #8496ad;--color-ink-inverse: #10161f;--color-border: #2c3a4b;--color-border-strong: #3d4e63;--color-rule-thin: #4a5b71;--color-rule-thick: #c3d0e0;--color-board-frame: #c3d0e0;--color-accent: #7cabf5;--color-accent-strong: #a8c8fb;--color-accent-soft: #21344f;--color-accent-softer: #1a2942;--color-accent-contrast: #0b1220;--color-accent-line: #5b8fe0;--color-danger: #f08a82;--color-danger-strong: #f6b0aa;--color-danger-soft: #48201e;--color-success: #74c294;--color-success-soft: #17311f;--color-notice: #dcb160;--color-notice-soft: #382c14;--color-focus: #7cabf5;--color-cell: #182230;--color-cell-given: #212c3b;--color-cell-selected: #26374f;--color-cell-peer: #1d2532;--color-cell-same-digit: #223148;--color-cell-conflict: #48201e;--color-cell-hint: #382c14;--color-cell-hint-focus: #26374f;--color-digit-given: #e6edf6;--color-digit-entered: var(--color-accent);--color-digit-conflict: var(--color-danger);--color-note: #8fb8f7;--color-note-muted: #8496ad;--color-note-eliminated: var(--color-danger);--color-selection-bg: #26374f;--color-selection-fg: #ffffff;--color-level-leicht: #74c294;--color-level-mittel: #7cabf5;--color-level-schwer: #dcb160;--color-level-sehr-schwer: #f08a82;--color-level-experte: #b9a0f2}:root[data-skin=werkzeug][data-theme=dark],[data-theme=dark] [data-skin=werkzeug]{--color-canvas: #0f0f11;--color-surface: #17171a;--color-surface-raised: #1e1e22;--color-surface-sunken: #0a0a0c;--color-surface-muted: #232328;--color-ink: #ededf0;--color-ink-strong: #ffffff;--color-ink-muted: #adadb5;--color-ink-faint: #8b8b94;--color-ink-inverse: #0f0f11;--color-border: #2e2e34;--color-border-strong: #43434b;--color-rule-thin: #55555e;--color-rule-thick: #d8d8de;--color-board-frame: #d8d8de;--color-accent: #b490f0;--color-accent-strong: #cdb4f7;--color-accent-soft: #2e2145;--color-accent-softer: #241a37;--color-accent-contrast: #140f20;--color-accent-line: #9a72e0;--color-danger: #f08a82;--color-danger-strong: #f6b0aa;--color-danger-soft: #45201e;--color-success: #74c294;--color-success-soft: #17311f;--color-notice: #dcb160;--color-notice-soft: #382c14;--color-focus: #b490f0;--color-cell: #17171a;--color-cell-given: #212127;--color-cell-selected: #33254c;--color-cell-peer: #1b1b20;--color-cell-same-digit: #2b2040;--color-cell-conflict: #45201e;--color-cell-hint: #382c14;--color-cell-hint-focus: #33254c;--color-digit-given: #ededf0;--color-digit-entered: var(--color-accent);--color-digit-conflict: var(--color-danger);--color-note: #b490f0;--color-note-muted: #8b8b94;--color-note-eliminated: var(--color-danger);--color-selection-bg: #33254c;--color-selection-fg: #ffffff;--color-level-leicht: #74c294;--color-level-mittel: #86aef2;--color-level-schwer: #dcb160;--color-level-sehr-schwer: #f08a82;--color-level-experte: #b490f0}:root[data-theme=light]{color-scheme:light}.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:var(--tap-min);min-width:var(--tap-min);padding:var(--space-2) var(--space-4);border:var(--border-width) solid var(--color-border-strong);border-radius:var(--radius-md);background-color:var(--color-surface-raised);color:var(--color-ink);font-size:var(--text-sm);font-weight:var(--weight-medium);line-height:1.2;text-align:center;text-decoration:none;box-shadow:var(--shadow-sm);transition:background-color var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out)}.btn:hover{background-color:var(--color-surface-muted);border-color:var(--color-ink-faint);color:var(--color-ink)}.btn:active{transform:translateY(1px)}.btn[aria-pressed=true]{background-color:var(--color-accent-soft);border-color:var(--color-accent);color:var(--color-accent-strong);font-weight:var(--weight-semibold)}.btn[disabled],.btn[aria-disabled=true]{opacity:.45;cursor:not-allowed;box-shadow:none}.btn--primary{background-color:var(--color-accent);border-color:var(--color-accent);color:var(--color-accent-contrast);font-weight:var(--weight-semibold)}.btn--primary:hover{background-color:var(--color-accent-strong);border-color:var(--color-accent-strong);color:var(--color-accent-contrast)}.btn--quiet{background-color:transparent;border-color:transparent;box-shadow:none;color:var(--color-ink-muted)}.btn--quiet:hover{background-color:var(--color-surface-muted)}.btn--lg{min-height:3.25rem;padding-inline:var(--space-6);font-size:var(--text-base)}.segmented{display:flex;flex-wrap:wrap;gap:var(--space-1);padding:var(--space-1);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-surface-sunken)}.segmented__option{flex:1 1 auto;display:flex;align-items:center;justify-content:center;min-height:var(--tap-min);padding-inline:var(--space-3);border-radius:var(--radius-sm);font-size:var(--text-sm);text-align:center;cursor:pointer}.segmented__option input{position:absolute;width:1px;height:1px;opacity:0}.segmented__option:has(input:checked){background-color:var(--color-accent);color:var(--color-accent-contrast);font-weight:var(--weight-semibold)}.segmented__option:has(input:focus-visible){outline:var(--focus-ring-width) solid var(--color-focus);outline-offset:var(--focus-ring-offset)}.board-frame{position:relative;width:100%;max-width:var(--board-max);margin-inline:auto;aspect-ratio:1 / 1}.board{container-type:inline-size;container-name:board;position:relative;display:grid;grid-template-columns:repeat(9,1fr);grid-template-rows:repeat(9,1fr);width:100%;aspect-ratio:1 / 1;background-color:var(--color-cell);border:var(--board-frame-width) solid var(--color-board-frame);border-radius:var(--board-radius);overflow:hidden;font-family:var(--font-digit);font-variant-numeric:tabular-nums lining-nums;font-feature-settings:"tnum" 1,"lnum" 1;user-select:none;-webkit-user-select:none;touch-action:manipulation}.board-frame--mini{max-width:17rem}.cell{position:relative;display:grid;min-width:0;min-height:0;padding:0;border:0;border-inline-end:var(--board-rule-thin) solid var(--color-rule-thin);border-block-end:var(--board-rule-thin) solid var(--color-rule-thin);background-color:transparent;color:var(--color-digit-entered);line-height:1;cursor:pointer;transition:background-color var(--duration-fast) var(--ease-out)}.cell:nth-child(3n):not(:nth-child(9n)){border-inline-end-width:var(--board-rule-thick);border-inline-end-color:var(--color-rule-thick)}.cell:nth-child(n+19):nth-child(-n+27),.cell:nth-child(n+46):nth-child(-n+54){border-block-end-width:var(--board-rule-thick);border-block-end-color:var(--color-rule-thick)}.cell:nth-child(9n){border-inline-end:0}.cell:nth-child(n+73){border-block-end:0}.cell__value,.cell__notes,.cell__centre{grid-area:1 / 1;min-width:0;min-height:0}.cell__value{display:grid;place-items:center;font-size:clamp(.95rem,6.1cqi,2.5rem);font-weight:var(--digit-weight);color:inherit}.cell__notes{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);align-self:stretch;justify-self:stretch}.cell__note{display:grid;place-items:center;font-size:clamp(.45rem,2.85cqi,1.05rem);font-weight:var(--weight-normal);line-height:1;color:var(--color-note);transition:color var(--duration-fast) var(--ease-out),opacity var(--duration-fast) var(--ease-out)}.cell__centre{display:flex;align-items:center;justify-content:center;padding-inline:4%;overflow:hidden;font-size:clamp(.5rem,3.1cqi,1.15rem);font-weight:var(--weight-normal);letter-spacing:-.02em;line-height:1;color:var(--color-note-centre);white-space:nowrap;transition:color var(--duration-fast) var(--ease-out)}.cell__centre[data-count="5"],.cell__centre[data-count="6"]{font-size:clamp(.42rem,2.5cqi,.95rem)}.cell__centre[data-count="7"],.cell__centre[data-count="8"],.cell__centre[data-count="9"]{font-size:clamp(.34rem,2cqi,.76rem);letter-spacing:-.04em}.cell__value:not(:empty)~.cell__notes,.cell__value:not(:empty)~.cell__centre{visibility:hidden}.cell.has-value .cell__notes,.cell.has-value .cell__centre{visibility:hidden}.cell.is-given{color:var(--color-digit-given);font-weight:var(--weight-bold);cursor:default}.cell.is-given .cell__value{font-weight:var(--weight-bold)}.cell:disabled{cursor:default}.board--tint-givens .cell.is-given{background-color:var(--color-cell-given)}@media(hover:hover)and (pointer:fine){.cell:hover:not(.is-given){background-color:var(--color-surface-muted)}}:where(:root:not(.no-highlights)) .cell.is-peer{background-color:var(--color-cell-peer)}:where(:root:not(.no-highlights)) .cell.is-same-digit{background-color:var(--color-cell-same-digit);font-weight:var(--weight-semibold)}.cell.is-hint{background-color:var(--color-cell-hint);box-shadow:inset 0 0 0 2px var(--color-notice)}.cell.is-hint-focus{background-color:var(--color-cell-hint-focus);box-shadow:inset 0 0 0 2px var(--color-accent);animation:cell-hint-pulse 1.6s var(--ease-out) infinite}.cell.is-eliminated{box-shadow:inset 0 0 0 2px var(--color-danger)}.cell.is-wrong{background-color:var(--color-cell-conflict);color:var(--color-digit-conflict)}.cell.is-wrong .cell__value{color:var(--color-digit-conflict);text-decoration:underline wavy;text-decoration-thickness:1px;text-underline-offset:.12em}:where(:root:not(.no-duplicates)) .cell.is-conflict{background-color:var(--color-cell-conflict);color:var(--color-digit-conflict)}:where(:root:not(.no-duplicates)) .cell.is-conflict .cell__value{color:var(--color-digit-conflict);text-decoration:underline wavy;text-decoration-thickness:1px;text-underline-offset:.12em;animation:cell-shake var(--duration-slow) var(--ease-out) 1}:where(:root:not(.no-duplicates)) .cell.is-conflict.is-given{color:var(--color-digit-given)}.cell.is-selected{background-color:var(--color-cell-selected);box-shadow:inset 0 0 0 3px var(--color-accent);z-index:1}:where(:root:not(.no-duplicates)) .cell.is-selected.is-conflict{background-color:var(--color-cell-conflict);box-shadow:inset 0 0 0 3px var(--color-danger)}.cell:focus-visible{outline:var(--focus-ring-width) solid var(--color-focus);outline-offset:calc(var(--focus-ring-width) * -1);border-radius:0}.cell__note.is-hint{color:var(--color-accent-strong);font-weight:var(--weight-bold)}.cell__note.is-eliminated{color:var(--color-note-eliminated);font-weight:var(--weight-semibold);text-decoration:line-through;text-decoration-thickness:1px}.cell__note.is-muted{color:var(--color-note-muted);opacity:.55}.board__overlay{position:absolute;inset:0;z-index:var(--z-board-overlay);pointer-events:none}.board__overlay line,.board__overlay path{stroke:var(--color-accent);stroke-width:.5cqi;stroke-linecap:round;fill:none}.board__overlay .is-eliminated{stroke:var(--color-danger);stroke-dasharray:1.5cqi 1.5cqi}.board-frame--diagram{max-width:min(24rem,100%)}.board--static .cell{cursor:default}.board--static .cell.is-hint-focus{animation:none}.board--emphasis .cell__note{font-size:clamp(.6rem,3.7cqi,1.35rem);font-weight:var(--weight-medium)}.board--emphasis .cell__note.is-hint,.board--emphasis .cell__note.is-eliminated{font-size:clamp(.68rem,4.2cqi,1.5rem)}@media(hover:hover){.board--static .cell:hover:not(.is-given){background-color:transparent}.board--static .cell.is-hint:hover,.board--static .cell.is-hint-focus:hover{background-color:var(--color-cell-hint)}}.board-diagram{display:grid;gap:var(--space-3);justify-items:center;margin:0;padding-block:var(--space-2)}.board-diagram__caption{display:grid;gap:var(--space-1);max-width:34rem;text-align:center;font-size:var(--text-sm);color:var(--color-ink-muted);text-wrap:pretty}.board-diagram__title{color:var(--color-ink)}.board-diagram__note{font-size:var(--text-xs)}.board-diagram-pair{display:grid;gap:var(--space-5);grid-template-columns:repeat(auto-fit,minmax(min(20rem,100%),1fr));align-items:start}.board-veil{position:absolute;inset:0;z-index:var(--z-board-overlay);display:grid;place-content:center;gap:var(--space-4);justify-items:center;border-radius:var(--board-radius);background-color:color-mix(in srgb,var(--color-canvas) 92%,transparent);backdrop-filter:blur(6px)}@supports not (backdrop-filter: blur(1px)){.board-veil{background-color:var(--color-canvas)}}.board-veil__text{font-family:var(--font-heading);font-size:var(--text-lg);font-weight:var(--weight-semibold);color:var(--color-ink)}.board-island{margin-block:var(--space-6);padding-inline:var(--gutter)}.game{display:grid;gap:var(--space-5);justify-items:center;width:100%;max-width:var(--board-max);margin-inline:auto}.game-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-3);width:100%;font-size:var(--text-sm);color:var(--color-ink-muted)}.game-toolbar__group{display:flex;align-items:center;gap:var(--space-3)}.game-toolbar__label{font-size:var(--text-xs);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--color-ink-faint)}.game-meta{flex:1 1 14rem;min-width:0;min-height:1.6em;min-height:1lh;font-size:var(--text-sm);color:var(--color-ink-muted);font-variant-numeric:tabular-nums}.game-timer{font-variant-numeric:tabular-nums;font-size:var(--text-lg);font-weight:var(--weight-semibold);color:var(--color-ink);letter-spacing:.02em}.board-status{width:100%;min-height:1.5rem;font-size:var(--text-sm);color:var(--color-ink-muted);text-align:center}.board-status.is-error{color:var(--color-danger)}.board-status.is-success{color:var(--color-success)}.game-input{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"pad modes" "controls controls";gap:var(--space-3);width:100%}.numpad{grid-area:pad;display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:var(--space-2);width:100%;align-self:start}.numpad__key{display:grid;place-items:center;position:relative;min-height:3.25rem;min-width:var(--tap-min);padding:var(--space-1);border:var(--border-width) solid var(--color-border-strong);border-radius:var(--key-radius);background-color:var(--color-surface-raised);color:var(--color-accent);font-family:var(--font-digit);font-size:var(--text-xl);font-weight:var(--weight-semibold);font-variant-numeric:tabular-nums lining-nums;line-height:1;box-shadow:var(--shadow-sm);transition:background-color var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out)}.numpad__key:hover{background-color:var(--color-accent-softer);border-color:var(--color-accent-line)}.numpad__key:active{transform:translateY(1px)}.numpad__key.is-complete{color:var(--color-ink-muted);background-color:var(--color-surface-muted);border-color:var(--color-border);box-shadow:none}.numpad__key.is-selected,.numpad__key[aria-pressed=true]{background-color:var(--color-accent-soft);border-color:var(--color-accent);color:var(--color-accent-strong)}.numpad__digit{pointer-events:none;line-height:1}.numpad__count{position:absolute;inset-block-end:.2rem;font-size:var(--text-xs);font-weight:var(--weight-normal);color:var(--color-ink-faint);line-height:1}[data-input-mode=corner] .numpad__key,[data-input-mode=centre] .numpad__key{color:var(--color-note);font-size:var(--text-base);border-style:dashed}[data-input-mode=centre] .numpad__key{border-style:dotted}.mode-column{grid-area:modes;display:grid;grid-auto-rows:minmax(var(--tap-min),1fr);gap:var(--space-2);align-content:start}.mode-column__key{flex-direction:column;gap:.15rem;min-width:var(--tap-min);padding:var(--space-1) var(--space-2)}.mode-column__key[aria-pressed=true]{background-color:var(--color-accent-soft);border-color:var(--color-accent);color:var(--color-accent-strong)}.mode-column__icon{display:grid;place-items:center;width:1.25rem;height:1.25rem}.mode-column__icon svg{width:100%;height:100%}.mode-column__label{display:none;font-size:var(--text-xs);line-height:1}@media(min-width:30.0625rem){.mode-column__label{display:block}.numpad__key{min-width:2rem}}.game-controls{grid-area:controls;display:flex;flex-wrap:wrap;gap:var(--space-2);justify-content:center;width:100%}.game-controls .btn{flex:1 1 auto;min-width:5.5rem;flex-direction:column;gap:var(--space-1);padding-block:var(--space-2)}.game-controls__icon{display:grid;place-items:center;width:1.25rem;height:1.25rem}.game-controls__icon svg{width:100%;height:100%}.game-controls__label{display:none;font-size:var(--text-xs)}@media(min-width:30.0625rem){.game-controls__label{display:block}}.hint-bar{width:100%;padding:var(--space-4);border:var(--border-width) solid var(--color-accent-line);border-inline-start-width:4px;border-radius:var(--radius-md);background-color:var(--color-accent-softer);color:var(--color-ink);font-size:var(--text-sm)}.hint-bar__technique{font-weight:var(--weight-semibold);color:var(--color-accent-strong)}.hint-bar__actions{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-block-start:var(--space-3)}.hint-bar__link{font-weight:var(--weight-semibold);color:var(--color-accent-strong);white-space:nowrap}.game.is-solved .board{border-color:var(--color-success)}.game.is-paused .board-frame{cursor:default}@media(max-width:30rem){.board-frame{width:calc(100% + 2 * var(--gutter));max-width:none;margin-inline:calc(var(--gutter) * -1)}.board-frame--diagram,.board-frame--mini{width:100%;max-width:min(24rem,100%);margin-inline:auto}.board{border-radius:0;border-inline-width:0}.board--static{border-radius:var(--board-radius);border-inline-width:var(--board-frame-width)}.game{max-width:none;gap:var(--space-4)}.numpad{grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--space-2)}.numpad__key{min-height:3.5rem;font-size:var(--text-2xl)}.game-input{position:sticky;inset-block-end:0;z-index:var(--z-sticky);display:grid;gap:var(--space-2);width:calc(100% + 2 * var(--gutter));margin-inline:calc(var(--gutter) * -1);padding:var(--space-3) var(--gutter) calc(var(--space-3) + env(safe-area-inset-bottom,0px));background-color:color-mix(in srgb,var(--color-canvas) 94%,transparent);border-block-start:var(--border-width) solid var(--color-border);backdrop-filter:blur(8px)}@supports not (backdrop-filter: blur(1px)){.game-input{background-color:var(--color-canvas)}}.game-controls .btn{flex:0 1 auto;min-width:var(--tap-min);padding-inline:var(--space-2)}}@media(max-height:30rem)and (orientation:landscape)and (pointer:coarse){.game{grid-template-columns:minmax(0,1fr) 14rem;align-items:start;max-width:none;justify-items:stretch}.board-frame{max-width:min(70vh,26rem);grid-row:span 3}.numpad{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(min-width:64rem){:root,:root[data-skin]{--board-max: 38rem;--board-rule-thick: 3px}}@keyframes cell-hint-pulse{0%,to{box-shadow:inset 0 0 0 2px var(--color-accent)}50%{box-shadow:inset 0 0 0 4px var(--color-accent)}}@keyframes cell-shake{0%,to{transform:translate(0)}25%{transform:translate(-9%)}75%{transform:translate(9%)}}@keyframes cell-pop{0%{transform:scale(.7);opacity:0}to{transform:scale(1);opacity:1}}.cell.is-placed .cell__value{animation:cell-pop var(--duration-base) var(--ease-out) 1}@media(prefers-reduced-motion:reduce){.cell.is-hint-focus{animation:none;box-shadow:inset 0 0 0 3px var(--color-accent)}}.settings-dialog__form{display:grid;gap:var(--space-5)}.settings-dialog__title{margin:0;font-size:var(--text-xl)}.settings-dialog__group{border:0;padding:0;margin:0;display:grid;gap:var(--space-3)}.settings-dialog__group legend{padding:0;font-size:var(--text-xs);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--color-ink-faint)}.skin-choice{display:grid;grid-template-columns:repeat(auto-fit,minmax(8rem,1fr));gap:var(--space-3)}.skin-choice__option{display:grid;gap:var(--space-2);padding:var(--space-3);border:2px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-canvas);cursor:pointer}.skin-choice__option:has(input:checked){border-color:var(--color-accent);box-shadow:inset 0 0 0 1px var(--color-accent)}.skin-choice__option:has(input:focus-visible){outline:var(--focus-ring-width) solid var(--color-focus);outline-offset:var(--focus-ring-offset)}.skin-choice__preview{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background-color:var(--color-rule-thick);border:2px solid var(--color-board-frame);border-radius:var(--board-radius);overflow:hidden;aspect-ratio:1}.skin-choice__cell{display:grid;place-items:center;background-color:var(--color-cell);color:var(--color-digit-given);font-family:var(--font-digit);font-weight:var(--digit-weight);font-size:var(--text-sm)}.skin-choice__cell.is-selected{background-color:var(--color-cell-selected);color:var(--color-digit-entered)}.skin-choice__name{font-weight:var(--weight-semibold);color:var(--color-ink)}.skin-choice__blurb{font-size:var(--text-xs);color:var(--color-ink-muted)}.settings-switch{display:grid;grid-template-columns:auto 1fr;gap:var(--space-1) var(--space-3);align-items:center;min-height:var(--tap-min);cursor:pointer}.settings-switch input{grid-row:span 2;width:1.25rem;height:1.25rem;accent-color:var(--color-accent)}.settings-switch__label{font-weight:var(--weight-medium);color:var(--color-ink)}.settings-switch__hint{grid-column:2;font-size:var(--text-xs);color:var(--color-ink-muted)}.game-gauge{display:grid;justify-items:center;gap:var(--space-1);width:6.5rem;flex:0 0 auto;order:-1}.game-toolbar:has(.game-gauge) .game-meta{flex:1 1 100%;order:1}.game-gauge svg{width:100%;height:auto;display:block}.game-gauge__segment{fill:none;stroke-width:9;stroke-linecap:butt;opacity:.3}.game-gauge[data-level=leicht] .game-gauge__segment--leicht,.game-gauge[data-level=mittel] .game-gauge__segment--mittel,.game-gauge[data-level=schwer] .game-gauge__segment--schwer,.game-gauge[data-level=sehr-schwer] .game-gauge__segment--sehr-schwer,.game-gauge[data-level=experte] .game-gauge__segment--experte{opacity:1}.game-gauge__segment--leicht{stroke:var(--color-level-leicht)}.game-gauge__segment--mittel{stroke:var(--color-level-mittel)}.game-gauge__segment--schwer{stroke:var(--color-level-schwer)}.game-gauge__segment--sehr-schwer{stroke:var(--color-level-sehr-schwer)}.game-gauge__segment--experte{stroke:var(--color-level-experte)}.game-gauge__needle{stroke:var(--color-ink);stroke-width:2.5;stroke-linecap:round;transition:all var(--duration-slow) var(--ease-out)}.game-gauge__hub{fill:var(--color-ink)}.game-gauge.is-ungraded .game-gauge__segment{stroke:var(--color-border-strong);opacity:.4}.game-gauge.is-ungraded .game-gauge__needle,.game-gauge.is-ungraded .game-gauge__hub{display:none}.game-gauge__caption{margin:0;min-height:2.8em;min-height:2lh;font-size:var(--text-xs);color:var(--color-ink-muted);font-variant-numeric:tabular-nums;text-align:center}*,*:before,*:after{box-sizing:border-box}[hidden]{display:none!important}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}:root.no-motion,:root.no-motion *,:root.no-motion *:before,:root.no-motion *:after{transition-duration:0s!important;animation-duration:0s!important;scroll-behavior:auto!important}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{margin:0;min-height:100dvh;display:flex;flex-direction:column;background:var(--color-canvas);color:var(--color-ink);font-family:var(--font-body);font-size:1rem;line-height:1.55}#app{display:contents}h1,h2,h3{font-family:var(--font-heading);color:var(--color-ink-strong);line-height:1.15;margin:0 0 var(--space-3);text-wrap:balance}h1{font-size:clamp(1.75rem,1.2rem + 2.5vw,2.5rem)}h2{font-size:clamp(1.25rem,1rem + 1.2vw,1.6rem)}p{margin:0 0 var(--space-4)}a{color:var(--color-accent);text-decoration-thickness:.08em;text-underline-offset:.15em}a:focus-visible,button:focus-visible,[tabindex="-1"]:focus-visible{outline:3px solid var(--color-focus);outline-offset:2px}.container{width:100%;max-width:48rem;margin-inline:auto;padding-inline:var(--gutter)}.site-main{flex:1 0 auto;padding-block:var(--space-6) var(--space-10)}.stack>*+*{margin-block-start:var(--space-4)}.stack-lg>*+*{margin-block-start:var(--space-8)}.skip-link{position:absolute;inset-inline-start:var(--space-3);inset-block-start:-100%;padding:var(--space-2) var(--space-3);background:var(--color-accent);color:var(--color-accent-contrast);border-radius:var(--radius-sm);z-index:10}.skip-link:focus{inset-block-start:var(--space-3)}.site-header{border-block-end:1px solid var(--color-border);background:var(--color-surface)}.site-header__inner{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);min-height:3.5rem}.site-brand{font-family:var(--font-heading);font-weight:var(--weight-bold);font-size:1.15rem;color:var(--color-ink-strong);text-decoration:none}.site-nav ul{display:flex;flex-wrap:wrap;gap:var(--space-1);list-style:none;margin:0;padding:0}.site-nav a{display:inline-flex;align-items:center;min-height:var(--tap-min);padding-inline:var(--space-3);border-radius:var(--radius-pill);color:var(--color-ink);text-decoration:none;font-weight:var(--weight-medium)}.site-nav a:hover{background:var(--color-surface-muted)}.site-nav a[aria-current=page]{background:var(--color-accent-soft);color:var(--color-accent-strong)}.site-footer{border-block-start:1px solid var(--color-border);padding-block:var(--space-5);font-size:.9rem}.site-footer p{margin:0}.eyebrow{margin:0 0 var(--space-1);font-size:.8rem;font-weight:var(--weight-semibold);letter-spacing:.08em;text-transform:uppercase;color:var(--color-ink-muted)}.lead{font-size:1.1rem;color:var(--color-ink-muted);max-width:60ch}.text-muted{color:var(--color-ink-muted)}.card-grid{display:grid;gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(14rem,1fr));list-style:none;margin:0;padding:0}.card{display:flex;flex-direction:column;gap:var(--space-1);min-height:var(--tap-min);padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);color:var(--color-ink);text-decoration:none;box-shadow:var(--shadow-sm);transition:border-color .12s ease,box-shadow .12s ease}.card:hover{border-color:var(--color-border-strong);box-shadow:var(--shadow-md)}.card strong{color:var(--color-ink-strong);font-size:1.05rem}.card span{color:var(--color-ink-muted);font-size:.95rem}.card--accent{border-color:var(--color-accent-line);background:var(--color-accent-softer)}.callout{padding:var(--space-3) var(--space-4);border-inline-start:4px solid var(--color-success);border-radius:var(--radius-sm);background:var(--color-success-soft)}.panel{padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface)}.panel h2{margin-block-start:0}.stats-table{width:100%;border-collapse:collapse}.stats-table th,.stats-table td{padding:var(--space-2) 0;border-block-end:1px solid var(--color-border);text-align:start}.stats-table th{font-weight:var(--weight-medium);color:var(--color-ink-muted)}.stats-table td{font-variant-numeric:tabular-nums;text-align:end}.stats-table tr:last-child>*{border-block-end:0}.table-scroll{overflow-x:auto}.history-table{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}.history-table th,.history-table td{padding:var(--space-2) var(--space-3) var(--space-2) 0;border-block-end:1px solid var(--color-border);text-align:start;white-space:nowrap}.history-table th[scope=col]{font-weight:var(--weight-medium);color:var(--color-ink-muted)}.history-table tr:last-child>*{border-block-end:0}.tag{display:inline-block;margin-inline-start:var(--space-2);padding-inline:var(--space-2);border-radius:var(--radius-pill);background:var(--color-accent-soft);color:var(--color-accent-strong);font-size:.8rem}.bar-list{display:grid;grid-template-columns:auto 1fr 3ch;align-items:center;gap:var(--space-2) var(--space-3);margin:0;padding:0;list-style:none}.bar-list li{display:contents}.bar-list__label{color:var(--color-ink-muted)}.bar-list__bar{display:block;width:var(--bar, 0%);height:.75rem;border-radius:var(--radius-pill);background:var(--color-accent)}.bar-list__value{font-variant-numeric:tabular-nums;text-align:end}.game:empty{min-height:min(calc(100vw - 2 * var(--gutter)),var(--board-max))}.game-loading{min-height:1.6em;min-height:1lh;margin:0 0 var(--space-2);text-align:center;color:var(--color-ink-muted)}.game-loading.is-error{color:var(--color-danger)}.level-switch ul{display:flex;flex-wrap:wrap;gap:var(--space-2);list-style:none;margin:0;padding:0}.level-switch a{display:inline-flex;align-items:center;min-height:var(--tap-min);padding-inline:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-pill);color:var(--color-ink);text-decoration:none}.level-switch a[aria-current=page]{border-color:var(--color-accent);background:var(--color-accent-soft);color:var(--color-accent-strong)}.daily-line{min-height:1.6em;min-height:1lh}.form{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-3);margin:0}.field{display:flex;flex-direction:column;gap:var(--space-1);width:100%;max-width:26rem}.field label{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-ink-muted)}.field input,.field select{width:100%;min-height:var(--tap-min);padding:var(--space-2) var(--space-3);border:var(--border-width) solid var(--color-border-strong);border-radius:var(--radius-md);background-color:var(--color-surface-raised);color:var(--color-ink);font-family:inherit;font-size:var(--text-base);line-height:1.3}.field input:focus-visible,.field select:focus-visible{outline:3px solid var(--color-focus);outline-offset:2px}.field input:user-invalid{border-color:var(--color-danger)}.field-hint{margin:0;font-size:var(--text-xs);color:var(--color-ink-faint)}.link-button{padding-inline:0;min-height:var(--tap-min);color:var(--color-accent);text-decoration:underline;text-underline-offset:.15em}.link-button:hover{background-color:transparent;color:var(--color-accent-strong)}.notice{margin:0;padding:var(--space-3) var(--space-4);border-inline-start:4px solid var(--color-success);border-radius:var(--radius-sm);background-color:var(--color-success-soft);color:var(--color-ink);font-size:var(--text-sm)}.notice.is-error{border-inline-start-color:var(--color-danger);background-color:var(--color-danger-soft);color:var(--color-danger-strong)}.notice.is-info{border-inline-start-color:var(--color-border-strong);background-color:var(--color-surface-muted);color:var(--color-ink-muted)}.panel--danger{border-color:var(--color-danger)}.detail-list{display:grid;grid-template-columns:auto 1fr;gap:var(--space-1) var(--space-4);margin:0 0 var(--space-4)}.detail-list dt{color:var(--color-ink-muted);font-size:var(--text-sm)}.detail-list dd{margin:0;color:var(--color-ink-strong);overflow-wrap:anywhere}.row-list{display:flex;flex-direction:column;gap:var(--space-2);list-style:none;margin:0 0 var(--space-4);padding:0}.row-list li{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-2);padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-surface-raised)}.inline-actions{display:flex;flex-wrap:wrap;gap:var(--space-2)}.confirm-block{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4);border:var(--border-width) solid var(--color-danger);border-radius:var(--radius-md);background-color:var(--color-danger-soft)}.confirm-block p{margin:0;color:var(--color-danger-strong)}.btn--danger{background-color:var(--color-danger);border-color:var(--color-danger);color:var(--color-accent-contrast);font-weight:var(--weight-semibold)}.btn--danger:hover{background-color:var(--color-danger-strong);border-color:var(--color-danger-strong);color:var(--color-accent-contrast)}.sync-line,.site-footer__line{min-height:1.6em;min-height:1lh}