:root{--bg:#f6f7f9;--panel:#fff;--border:#dde1e7;--line:#9aa3b0;--line-strong:#2a313c;--text:#1c2129;--muted:#69717d;--accent:#2f6fed;--accent-soft:#e8efff;--accent-softer:#f2f6ff;--error:#c62f2f;--error-soft:#fdecec;--ok:#1d7a46;--ok-soft:#e3f4ea;--radius:8px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root{--bg:#15181d;--panel:#1d2128;--border:#2f3540;--line:#4a5260;--line-strong:#c9d0db;--text:#e3e7ee;--muted:#8e97a5;--accent:#6b9bff;--accent-soft:#23304a;--accent-softer:#1e2636;--error:#ff7b7b;--error-soft:#3a2224;--ok:#5fcf8d;--ok-soft:#1c3326;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}[hidden]{display:none!important}html,body{min-height:100%}body{background:var(--bg);color:var(--text);word-break:keep-all;overflow-wrap:anywhere;-webkit-tap-highlight-color:transparent;margin:0;font:14px/1.5 system-ui,-apple-system,Segoe UI,Malgun Gothic,sans-serif}header.top{border-bottom:1px solid var(--border);background:var(--panel);flex-wrap:wrap;align-items:center;gap:12px;padding:10px 16px;display:flex}header.top a.home{color:var(--muted);text-decoration:none}header.top a.home:hover{color:var(--accent)}header.top h1{margin:0;font-size:16px}header.top .spacer{flex:1}header.top .score{color:var(--muted);font-size:13px}header.top .timer{font-variant-numeric:tabular-nums;font-size:14px;font-weight:600}main{padding:16px}button{font:inherit;color:inherit;border:1px solid var(--border);background:var(--panel);cursor:pointer;touch-action:manipulation;border-radius:6px;padding:6px 12px}button:hover{border-color:var(--accent)}button:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.panel{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius)}.segmented{border:1px solid var(--border);border-radius:6px;display:inline-flex;overflow:hidden}.segmented button{border:0;border-radius:0;padding:6px 12px}.segmented button+button{border-left:1px solid var(--border)}.segmented button[aria-checked=true]{background:var(--accent);color:#fff}.toolbar{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin:0 auto 14px;display:flex}.help{text-align:center;color:var(--muted);max-width:520px;margin:12px auto 0;font-size:13px}.toast{left:50%;top:calc(env(safe-area-inset-top,0px) + 64px);background:var(--ok);color:#fff;opacity:0;pointer-events:none;z-index:10;border-radius:999px;padding:8px 16px;font-weight:600;transition:opacity .15s,transform .15s;position:fixed;transform:translate(-50%,-8px)}.toast.show{opacity:1;transform:translate(-50%)}dialog.records{border:1px solid var(--border);border-radius:var(--radius);background:var(--panel);width:min(560px,100vw - 32px);max-height:calc(100vh - 48px);color:var(--text);padding:16px}dialog.records::backdrop{background:#0006}.records-head{justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px;display:flex}.records-head h2{margin:0;font-size:16px}.records-cols{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;display:grid}.records-cols h3{color:var(--muted);margin:0 0 6px;font-size:14px}.records-cols ol{margin:0;padding-left:26px}.records-cols li{font-variant-numeric:tabular-nums;border-radius:4px;padding:2px 4px}.records-cols li .time{font-weight:600}.records-cols li .date{float:right;color:var(--muted);font-size:12px}.records-cols li.new{background:var(--ok-soft);color:var(--ok)}.records-cols .empty{color:var(--muted);margin:0;font-size:13px}.records-note{color:var(--muted);margin:12px 0 0;font-size:12px}button.primary{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:600}button.primary:hover{filter:brightness(1.08)}a.btn{border:1px solid var(--border);background:var(--panel);color:inherit;border-radius:6px;padding:6px 12px;text-decoration:none;display:inline-block}a.btn:hover{border-color:var(--accent)}.race-mode [data-solo],.race-mode header.top .score{display:none!important}.race-panel{align-items:center;gap:10px;max-width:560px;margin:0 auto 12px;padding:10px 12px;display:flex}.race-panel ul{flex:1;gap:4px;min-width:0;margin:0;padding:0;list-style:none;display:grid}.race-panel li{grid-template-columns:minmax(0,7em) 1fr 5.5em;align-items:center;gap:8px;font-size:13px;display:grid}.race-panel .name{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.race-panel .bar{background:var(--border);border-radius:4px;height:8px;overflow:hidden}.race-panel .bar>span{background:var(--accent);height:100%;transition:width .3s;display:block}.race-panel li.me .bar>span{background:var(--ok)}.race-panel .st{text-align:right;color:var(--muted);font-variant-numeric:tabular-nums}.race-panel h2{display:none}@media (width<=599px){.race-panel{gap:6px;padding:6px 8px}.race-panel ul{flex-wrap:wrap;gap:6px;display:flex}.race-panel li{border:1px solid var(--border);background:linear-gradient(to right, var(--accent-soft) var(--p,0%), transparent var(--p,0%));border-radius:999px;gap:5px;padding:3px 10px;display:inline-flex}.race-panel li.me{border-color:var(--ok)}.race-panel .name{max-width:7em}.race-panel .bar{display:none}.race-panel .st{text-align:left;font-size:12px}.race-panel>button{padding:3px 10px;font-size:12px}}@media (width>=600px){.race-mode main{padding-left:calc(var(--race-side) + 16px)}.race-mode{--race-side:168px}.race-panel{left:0;top:var(--race-top,45px);width:var(--race-side);border-width:0 1px 0 0;border-radius:0;flex-direction:column;align-items:stretch;gap:12px;max-width:none;margin:0;padding:12px;position:fixed;bottom:0;overflow-y:auto}.race-panel h2{color:var(--muted);margin:0;font-size:13px;font-weight:600;display:block}.race-panel ul{flex:none;gap:10px}.race-panel li{grid-template-columns:1fr auto;grid-template-areas:"name st""bar bar";gap:3px 6px}.race-panel .name{grid-area:name}.race-panel .st{grid-area:st;font-size:12px}.race-panel .bar{grid-area:bar}.race-panel>button{align-self:flex-start}}.race-count{z-index:20;pointer-events:none;color:var(--accent);justify-content:center;align-items:center;font-size:120px;font-weight:800;display:flex;position:fixed;inset:0}.race-hidden{filter:blur(8px);pointer-events:none}dialog.race-result h2{margin:0 0 10px;font-size:18px}dialog.race-result ol{margin:0 0 14px;padding-left:24px}dialog.race-result li{border-radius:4px;padding:2px 4px}dialog.race-result li.new{background:var(--ok-soft);color:var(--ok)}.race-buttons{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.race-buttons .records-note{text-align:right;flex-basis:100%;margin:0}.dot{background:var(--line);vertical-align:middle;border-radius:50%;flex:none;width:8px;height:8px;margin-right:6px;display:inline-block}.dot.on{background:var(--ok)}svg.icon{vertical-align:-.15em;flex:none}button.icon-btn{justify-content:center;align-items:center;padding:6px 9px;line-height:1;display:inline-flex}button.icon-btn svg.icon{width:18px;height:18px}.lang-select{border:1px solid var(--border);background:var(--panel);color:var(--muted);border-radius:6px;align-items:center;gap:4px;padding:0 4px 0 8px;font-size:13px;display:inline-flex}.lang-select:hover{border-color:var(--accent)}.lang-select select{color:var(--text);font:inherit;cursor:pointer;background:0 0;border:0;padding:6px 2px}.lang-select select:focus-visible{outline:none}.lang-select:focus-within{outline:2px solid var(--accent);outline-offset:1px}