:root{--bg: #e8eef8;--fg: #1e293b;--fg-strong: #0f172a;--fg-muted: #607090;--fg-subtle: #475569;--btn-bg: #ffffff;--btn-border: #bfcad8;--btn-hover-bg: #f0f4fa;--btn-hover-border: #8494ac;--btn-active-bg: #4f46e5;--btn-active-fg: #ffffff;--btn-active-hover: #4338ca;--sep-bg: #bfcad8;--shadow: rgba(15, 23, 42, .18);--accent: #4f46e5}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg: #0e1420;--fg: #c5d0e0;--fg-strong: #e4ecf8;--fg-muted: #8098b8;--fg-subtle: #5e7898;--btn-bg: #18263a;--btn-border: #263a54;--btn-hover-bg: #1e2e44;--btn-hover-border: #365070;--btn-active-bg: #5c5fe8;--btn-active-fg: #eef0ff;--btn-active-hover: #4a4ed4;--sep-bg: #263a54;--shadow: rgba(0, 0, 0, .55);--accent: #5c5fe8}}[data-theme=dark]{--bg: #0e1420;--fg: #c5d0e0;--fg-strong: #e4ecf8;--fg-muted: #8098b8;--fg-subtle: #5e7898;--btn-bg: #18263a;--btn-border: #263a54;--btn-hover-bg: #1e2e44;--btn-hover-border: #365070;--btn-active-bg: #5c5fe8;--btn-active-fg: #eef0ff;--btn-active-hover: #4a4ed4;--sep-bg: #263a54;--shadow: rgba(0, 0, 0, .55);--accent: #5c5fe8}*{margin:0;padding:0;box-sizing:border-box}.appbar{position:fixed;top:0;left:0;right:0;height:40px;display:flex;align-items:center;padding:0 10px;background:var(--bg);box-shadow:0 1px 0 var(--sep-bg);z-index:100}.home-link{font-size:13px;font-family:monospace;letter-spacing:2px;color:var(--fg-muted);text-decoration:none;text-transform:uppercase;margin-right:auto}.home-link:hover{color:var(--accent)}.appbar-extras{display:flex;align-items:center;gap:6px;margin-right:4px}.global-level-badge{font-size:11px;line-height:1;letter-spacing:1px;text-transform:uppercase;color:var(--fg-strong);border:1px solid var(--btn-border);border-radius:999px;padding:5px 9px;background:color-mix(in oklab,var(--btn-bg) 88%,var(--accent));white-space:nowrap}#lang-select{font-size:13px;font-family:monospace;background:transparent;border:1px solid var(--btn-border);color:var(--fg);padding:2px 4px;border-radius:5px;cursor:pointer;margin-right:6px}#lang-select:hover{border-color:var(--btn-hover-border)}#theme-toggle{width:32px;height:32px;padding:0;background:transparent;border:none;color:var(--fg-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0}#theme-toggle:hover{background:transparent;border:none;color:var(--fg)}.ti-wrap{position:relative;width:18px;height:18px;display:block}.ti{position:absolute;top:0;left:0;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:transform .4s ease,opacity .3s ease}[data-theme=light] .ti.moon{opacity:1;transform:rotate(0) scale(1)}[data-theme=light] .ti.sun{opacity:0;transform:rotate(180deg) scale(.5)}[data-theme=dark] .ti.moon{opacity:0;transform:rotate(-180deg) scale(.5)}[data-theme=dark] .ti.sun{opacity:1;transform:rotate(0) scale(1)}body{background:var(--bg);display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding-top:40px;font-family:monospace;font-size:16px;line-height:1.45;color:var(--fg);gap:16px}h1{font-size:26px;letter-spacing:8px;text-transform:uppercase;color:var(--fg-strong)}canvas{cursor:pointer;display:block;box-shadow:0 2px 12px var(--shadow)}.timer-row{display:flex;align-items:baseline;gap:14px;min-height:36px}.timer-row.hidden{visibility:hidden}#timer{font-size:28px;font-weight:700;letter-spacing:1px;color:var(--fg-strong);min-width:52px;text-align:right}#record{font-size:14px;color:var(--fg-muted);letter-spacing:1px}.controls{display:flex;flex-direction:column;align-items:center;gap:10px}.controls-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:center}button{background:var(--btn-bg);color:var(--fg);border:1px solid var(--btn-border);padding:6px 13px;cursor:pointer;font-family:monospace;font-size:15px;line-height:1;width:76px;border-radius:5px}button:hover{background:var(--btn-hover-bg);border-color:var(--btn-hover-border)}button.active{background:var(--btn-active-bg);color:var(--btn-active-fg);border-color:var(--btn-active-bg)}button.active:hover{background:var(--btn-active-hover);border-color:var(--btn-active-hover)}button[id$=timer-toggle]{width:auto;min-width:76px}button[data-size]{display:flex;flex-direction:column;align-items:center;padding:7px 14px 6px;gap:4px}.size-name{font-size:13px}.size-best{font-size:12px;color:var(--fg-muted)}.size-best:empty{display:none}#size-row:has(.size-best:not(:empty)) .size-best:empty{display:block;min-height:1.2em}button[data-size].active .size-best{color:var(--btn-active-fg);opacity:.65}.mode-btn{display:flex;flex-direction:column;align-items:center;padding:7px 14px 6px;gap:4px}.mode-label{font-size:13px}.mode-best{font-size:10px;color:var(--fg-muted)}.mode-best:empty{display:none}.mode-buttons:has(.mode-best:not(:empty)) .mode-best:empty{display:block;min-height:1.2em}.mode-btn.active .mode-best{color:var(--btn-active-fg);opacity:.65}.sep{width:1px;height:22px;background:var(--sep-bg);margin:0 2px}.group-label{font-size:13px;color:var(--fg-muted);letter-spacing:1px}select{background:var(--btn-bg);color:var(--fg);border:1px solid var(--btn-border);padding:6px 8px;cursor:pointer;font-family:monospace;font-size:15px;line-height:1;border-radius:5px}select:hover{background:var(--btn-hover-bg);border-color:var(--btn-hover-border)}.hint{font-size:16px;color:var(--fg-muted);letter-spacing:1px}.stat-group{display:flex;gap:20px;align-items:baseline;min-height:22px;font-family:monospace}.stat-row{display:flex;align-items:baseline;gap:8px;font-family:monospace;min-height:22px}.stat-row.hidden{visibility:hidden}.stat-label{font-size:11px;text-transform:uppercase;letter-spacing:1px;color:var(--fg-muted)}.stat-value{font-size:20px;font-weight:700;color:var(--fg-strong);min-width:2ch}.stat-record{font-size:11px;color:var(--fg-muted)}.instructions{text-align:center;display:flex;flex-direction:column;gap:18px}.instructions-title{font-size:17px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--fg-subtle)}.instructions-rules{list-style:none;display:flex;flex-direction:column;gap:4px}.instructions-rules li{font-size:17px;color:var(--fg-muted);line-height:1.7}button.confirm-armed{background:var(--btn-active-bg);color:var(--btn-active-fg);border-color:var(--btn-active-bg)}button.confirm-armed:hover{background:var(--btn-active-hover);border-color:var(--btn-active-hover)}details.scores-details summary{font-size:13px;letter-spacing:2px;color:var(--fg-muted);cursor:pointer;list-style:none;text-align:center;padding:4px 0;user-select:none}details.scores-details summary::-webkit-details-marker{display:none}details.scores-details summary:after{content:" ▾"}details.scores-details[open] summary:after{content:" ▴"}details.scores-details .scores-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;padding-top:10px}details.scores-details button{width:auto;min-width:76px}.scores-clear-all{border-color:var(--btn-border)!important;margin-top:2px}details.completed-details{width:min(920px,calc(100vw - 28px))}details.completed-details summary{font-size:13px;letter-spacing:2px;color:var(--fg-muted);cursor:pointer;list-style:none;text-align:center;padding:4px 0;user-select:none}details.completed-details summary::-webkit-details-marker{display:none}details.completed-details summary:after{content:" ▾"}details.completed-details[open] summary:after{content:" ▴"}.completed-list{display:flex;flex-direction:column;gap:10px;padding-top:10px}.completed-item{border:1px solid var(--btn-border);border-radius:6px;padding:10px;background:color-mix(in oklab,var(--btn-bg) 88%,var(--bg))}.completed-meta{font-size:13px;color:var(--fg-subtle);margin-bottom:8px}.completed-previews{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.completed-preview-block{min-width:0}.completed-preview-label{font-size:12px;color:var(--fg-muted);text-transform:uppercase;letter-spacing:1px;margin-bottom:6px}.completed-preview-grid{display:grid;gap:1px;background:var(--btn-border);border:1px solid var(--btn-border);border-radius:4px;overflow:hidden}.completed-preview-cell{aspect-ratio:1;background:var(--btn-bg);color:var(--fg-strong);font-size:24px;line-height:1.1;display:flex;align-items:center;justify-content:center}.completed-preview-cell.is-filled{background:#2f3e52;color:#fff}.completed-preview-cell.is-empty{background:#f4f7fc;color:transparent}[data-theme=dark] .completed-preview-cell.is-empty{background:#1a273b}.completed-preview-cell.is-number{background:#e6edf8;color:#12233d;font-weight:700;font-size:24px}.completed-preview-cell.is-marked{background:#f6d6d6;color:#8d1e1e;font-weight:700;text-transform:uppercase;font-size:24px}.completed-empty{text-align:center;color:var(--fg-muted);font-size:13px;padding:8px 0}@media(max-width:720px){.completed-previews{grid-template-columns:1fr}}