:root{--bg: #e8e8e8;--fg: #222;--fg-strong: #111;--fg-muted: #999;--fg-subtle: #666;--btn-bg: #fff;--btn-border: #bbb;--btn-hover-bg: #f0f0f0;--btn-hover-border: #888;--btn-active-bg: #111;--btn-active-fg: #fff;--btn-active-hover: #333;--sep-bg: #bbb;--shadow: rgba(0, 0, 0, .25)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg: #1c1c1c;--fg: #e0e0e0;--fg-strong: #f0f0f0;--fg-muted: #666;--fg-subtle: #888;--btn-bg: #2a2a2a;--btn-border: #444;--btn-hover-bg: #333;--btn-hover-border: #666;--btn-active-bg: #e0e0e0;--btn-active-fg: #111;--btn-active-hover: #ccc;--sep-bg: #444;--shadow: rgba(0, 0, 0, .55)}}[data-theme=dark]{--bg: #1c1c1c;--fg: #e0e0e0;--fg-strong: #f0f0f0;--fg-muted: #666;--fg-subtle: #888;--btn-bg: #2a2a2a;--btn-border: #444;--btn-hover-bg: #333;--btn-hover-border: #666;--btn-active-bg: #e0e0e0;--btn-active-fg: #111;--btn-active-hover: #ccc;--sep-bg: #444;--shadow: rgba(0, 0, 0, .55)}*{margin:0;padding:0;box-sizing:border-box}.home-link{position:fixed;top:14px;left:16px;font-size:11px;font-family:monospace;letter-spacing:2px;color:var(--fg-muted);text-decoration:none;text-transform:uppercase}.home-link:hover{color:var(--fg)}body{background:var(--bg);display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;font-family:monospace;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:12px;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:13px;line-height:1;width:76px}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[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:10px;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}.sep{width:1px;height:22px;background:var(--sep-bg);margin:0 2px}.group-label{font-size:11px;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:13px;line-height:1}select:hover{background:var(--btn-hover-bg);border-color:var(--btn-hover-border)}.hint{font-size:11px;color:var(--fg-muted);letter-spacing:2px}.instructions{text-align:center;display:flex;flex-direction:column;gap:18px}.instructions-title{font-size:11px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:var(--fg-subtle)}.instructions-rules{list-style:none;display:flex;flex-direction:column;gap:4px}.instructions-rules li{font-size:11px;color:var(--fg-muted);line-height:1.6}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:11px;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}