:root{--hud-fg: #f4f1e8;--hud-dim: #b6b0a0;--hud-accent: #ffd25a;--hud-good: #7ce38b;--hud-bad: #ff7a6b;--hud-shadow: 0 2px 0 rgba(0, 0, 0, .85), 0 0 18px rgba(0, 0, 0, .6);--font-mono: "SF Mono", "Menlo", "Consolas", "Roboto Mono", monospace;--font-ui: "Helvetica Neue", Helvetica, Arial, sans-serif}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;overflow:hidden;background:#0a0c10;color:var(--hud-fg);font-family:var(--font-ui);-webkit-font-smoothing:antialiased}#app{position:relative;width:100vw;height:100vh}#app canvas{display:block;width:100%;height:100%;cursor:none}#app.pointer-free canvas{cursor:pointer}.hud{position:absolute;inset:0;pointer-events:none;user-select:none;z-index:10}.hud__timer{position:absolute;top:18px;left:50%;transform:translate(-50%);font-family:var(--font-mono);font-size:42px;font-weight:700;letter-spacing:2px;text-shadow:var(--hud-shadow);font-variant-numeric:tabular-nums}.hud__timer--finished{color:var(--hud-accent)}.hud__splits{position:absolute;top:74px;left:50%;transform:translate(-50%);font-family:var(--font-mono);font-size:13px;line-height:1.5;color:var(--hud-dim);text-align:center;text-shadow:var(--hud-shadow);min-height:20px}.hud__splits b{color:var(--hud-fg);font-weight:600}.hud__crosshair{position:absolute;top:50%;left:50%;width:4px;height:4px;margin:-2px 0 0 -2px;border-radius:50%;background:#ffffffd9;box-shadow:0 0 3px #000000e6}.hud__prompt{position:absolute;top:56%;left:50%;transform:translate(-50%);font-family:var(--font-mono);font-size:16px;letter-spacing:1px;color:var(--hud-accent);text-shadow:var(--hud-shadow);white-space:nowrap}.hud__shout{position:absolute;bottom:84px;left:50%;transform:translate(-50%);max-width:80vw;font-family:var(--font-mono);font-size:26px;letter-spacing:1px;color:var(--hud-fg);text-shadow:var(--hud-shadow);text-align:center;opacity:0;transition:opacity .16s linear;white-space:nowrap}.hud__shout--show{opacity:1}.hud__shout--distant{font-size:19px;color:var(--hud-dim);font-style:italic}.hud__footer{position:absolute;bottom:14px;left:50%;transform:translate(-50%);font-family:var(--font-mono);font-size:12px;letter-spacing:1px;color:var(--hud-dim);text-shadow:var(--hud-shadow)}.hud__checkpoint{position:absolute;top:104px;left:50%;transform:translate(-50%);font-family:var(--font-mono);font-size:15px;letter-spacing:3px;color:var(--hud-good);text-shadow:var(--hud-shadow);opacity:0;transition:opacity .18s linear}.hud__checkpoint--show{opacity:1}.is-hidden{display:none!important}.overlay{position:absolute;inset:0;z-index:20;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;text-align:center;background:radial-gradient(circle at 50% 45%,#080a0e8c,#080a0ee0 70%);user-select:none}.overlay--clickthrough{pointer-events:none}.overlay__title{font-size:76px;font-weight:800;letter-spacing:12px;margin:0 0 4px;text-shadow:var(--hud-shadow)}.overlay__dose{font-family:var(--font-mono);font-size:15px;letter-spacing:2px;color:var(--hud-bad);margin:0 0 6px}.overlay__subtitle{font-family:var(--font-mono);font-size:20px;letter-spacing:4px;color:var(--hud-accent);margin:0 0 22px}.overlay__line{font-family:var(--font-mono);font-size:16px;letter-spacing:1px;color:var(--hud-dim);margin:2px 0}.overlay__cta{font-family:var(--font-mono);font-size:22px;letter-spacing:3px;color:var(--hud-fg);margin-top:18px;animation:pulse 1.6s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.45}}.overlay__time{font-family:var(--font-mono);font-size:88px;font-weight:700;letter-spacing:4px;color:var(--hud-accent);margin:6px 0 2px;font-variant-numeric:tabular-nums}.overlay__delta{font-family:var(--font-mono);font-size:30px;letter-spacing:2px;margin:0 0 10px;font-variant-numeric:tabular-nums}.overlay__delta--good{color:var(--hud-good)}.overlay__delta--bad{color:var(--hud-bad)}.overlay__pb-flash{font-size:26px;font-weight:800;letter-spacing:6px;color:var(--hud-good);margin-bottom:6px}.overlay__splits{font-family:var(--font-mono);font-size:14px;line-height:1.7;color:var(--hud-dim);margin:12px 0 0;padding:0;list-style:none;min-width:340px}.overlay__splits li{display:flex;justify-content:space-between;gap:24px;border-bottom:1px solid rgba(255,255,255,.08);padding:2px 0}.overlay__splits span:last-child{color:var(--hud-fg);font-variant-numeric:tabular-nums}.settings{margin-top:18px;padding:16px 22px;border:1px solid rgba(255,255,255,.12);background:#00000059;border-radius:4px;font-family:var(--font-mono);font-size:13px;color:var(--hud-dim);pointer-events:auto;min-width:380px}.settings h3{margin:14px 0 8px;font-size:12px;letter-spacing:3px;color:var(--hud-fg);text-transform:uppercase}.settings__row{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:7px 0}.settings h3:first-child{margin-top:0}.settings__note{margin:-2px 0 8px;font-size:11px;line-height:1.5;color:#8d887a}.settings__row input[type=number]{flex:0 0 74px;background:#00000080;border:1px solid rgba(255,255,255,.18);border-radius:3px;color:var(--hud-fg);font-family:var(--font-mono);font-size:13px;padding:3px 6px;text-align:right}.settings__row label{flex:0 0 auto;letter-spacing:1px}.settings__row input[type=range]{flex:1 1 auto;accent-color:var(--hud-accent)}.settings__row output{flex:0 0 46px;text-align:right;color:var(--hud-fg);font-variant-numeric:tabular-nums}.debug{position:absolute;top:10px;left:10px;z-index:30;padding:10px 12px;background:#0000009e;border:1px solid rgba(255,255,255,.14);border-radius:3px;font-family:var(--font-mono);font-size:11.5px;line-height:1.55;color:#b8f3c4;white-space:pre;pointer-events:none;text-shadow:none}.debug b{color:var(--hud-accent);font-weight:600}.overlay__submit{font-family:var(--font-mono);font-size:15px;letter-spacing:1px;color:var(--hud-dim);margin:6px 0 2px;min-height:20px}.overlay__submit--good{color:var(--hud-good)}.overlay__submit--bad{color:var(--hud-bad)}.overlay__submit--muted{color:var(--hud-dim)}.overlay__columns{display:flex;gap:40px;align-items:flex-start;justify-content:center;flex-wrap:wrap;margin-top:6px}.overlay__column{display:flex;flex-direction:column;align-items:stretch}.board{font-family:var(--font-mono);min-width:340px;max-width:420px;margin:12px 0 0;text-align:left}.board__heading{font-size:13px;letter-spacing:4px;color:var(--hud-accent);border-bottom:1px solid rgba(255,255,255,.18);padding-bottom:4px;margin-bottom:2px}.board__sub{font-size:12px;letter-spacing:2px;color:var(--hud-dim);margin:4px 0 6px}.board__status{font-size:13px;color:var(--hud-dim);padding:6px 0}.board__rows{list-style:none;margin:0;padding:0;font-size:14px;line-height:1.7}.board__row{display:flex;align-items:baseline;gap:10px;border-bottom:1px solid rgba(255,255,255,.07);padding:1px 0;color:var(--hud-dim)}.board__row--mine{color:var(--hud-fg);background:#ffd25a1a}.board__rank{width:28px;text-align:right;color:var(--hud-dim);font-variant-numeric:tabular-nums}.board__name{flex:1 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--hud-fg)}.board__time{font-variant-numeric:tabular-nums;color:var(--hud-accent)}.board__verified{width:12px;font-size:11px;color:var(--hud-good)}.settings__row input[type=text]{flex:1 1 auto;min-width:0;background:#00000073;border:1px solid rgba(255,255,255,.18);color:var(--hud-fg);font-family:var(--font-mono);font-size:14px;padding:3px 6px;border-radius:2px}