@font-face{font-family:Space Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/typefall/fonts/SpaceMono-Regular.ttf) format("truetype")}@font-face{font-family:Space Mono;font-style:normal;font-weight:700;font-display:swap;src:url(/typefall/fonts/SpaceMono-Bold.ttf) format("truetype")}:root{--bg: #0a0a0a;--text: #e5e7eb;--dim: #6b7280;--dimmer: #4b5563;--line: #1f2126;--accent: #d9a743;--accent-bright: #ecc06a;--accent-dim: #8a6a2a}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;overflow:hidden;background:var(--bg);color:var(--text);font-family:Space Mono,ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,monospace;-webkit-font-smoothing:antialiased;overscroll-behavior:none;touch-action:none}#scene{position:fixed;inset:0;width:100%;height:100%;display:block;transition:filter .2s ease,opacity .2s ease}#scene.blurred{filter:blur(3px);opacity:.55}#capture{position:fixed;bottom:0;left:0;width:1px;height:1px;opacity:0;border:0;outline:none;background:transparent;color:transparent;caret-color:transparent;pointer-events:none;z-index:-1}#ui{position:fixed;inset:0;pointer-events:none;z-index:2}.hud{position:fixed;left:22px;top:20px;display:flex;align-items:baseline;gap:9px;user-select:none;font-size:13px;font-variant-numeric:tabular-nums;color:var(--dimmer);opacity:.72;transition:opacity .25s ease,color .25s ease}.hud.active{opacity:1;color:var(--dim)}.hud-mode{letter-spacing:.14em;text-transform:uppercase;font-size:11px;color:var(--dimmer)}.hud-progress{color:var(--dim);letter-spacing:.02em}.hud.active .hud-progress{color:var(--accent)}.hud-metric{color:inherit}.hud-wpm{background:linear-gradient(100deg,var(--accent-dim) 0%,var(--accent) 42%,var(--accent-bright) 50%,var(--accent) 58%,var(--accent-dim) 100%);background-size:260% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;animation:hudsheen 8s ease-in-out infinite}@keyframes hudsheen{0%,to{background-position:175% 0}50%{background-position:-75% 0}}.hud-sep{color:var(--dimmer);opacity:.6}.gear{position:fixed;right:20px;top:18px;width:34px;height:34px;border:1px solid var(--line);border-radius:8px;background:#0c0c0e99;color:var(--dim);font-size:16px;cursor:pointer;pointer-events:auto;transition:color .15s,border-color .15s}.gear:hover{color:var(--accent);border-color:var(--accent)}.focus-lost{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:auto;cursor:pointer;z-index:3}.focus-lost.hidden{display:none}.focus-line{font-size:13px;letter-spacing:.18em;text-transform:uppercase;color:var(--dim);padding:8px 16px;border:1px solid var(--line);border-radius:8px;background:#0a0a0a8c;user-select:none}.overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:auto}.overlay.hidden{display:none}.results{flex-direction:column;gap:6px;cursor:pointer;background:radial-gradient(ellipse at center,#0a0a0ab8,#0a0a0aeb 70%)}.r-wpm{font-size:96px;font-weight:600;line-height:1;color:var(--accent);font-variant-numeric:tabular-nums}.r-wpm.pb{background:linear-gradient(100deg,var(--accent) 0%,var(--accent) 38%,#fff4d6 50%,var(--accent-bright) 58%,var(--accent) 72%,var(--accent) 100%);background-size:300% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;text-shadow:0 0 34px rgba(217,167,67,.4);animation:goldsweep .95s ease-in-out 3 forwards}@keyframes goldsweep{0%{background-position:210% 0}to{background-position:-110% 0}}.r-label{font-size:13px;letter-spacing:.28em;text-transform:uppercase;color:var(--dim);margin-bottom:10px}.r-pb{font-size:12px;letter-spacing:.12em;color:var(--dimmer);font-variant-numeric:tabular-nums;margin-bottom:26px;min-height:14px}.r-pb.is-new{color:var(--accent);text-transform:uppercase;letter-spacing:.22em;font-size:13px;animation:pbpulse 1.4s ease-out}@keyframes pbpulse{0%{opacity:0;transform:translateY(4px)}40%{opacity:1}to{opacity:1;transform:none}}.r-grid{display:grid;grid-template-columns:repeat(4,minmax(84px,auto));gap:26px;margin-bottom:24px}.r-cell{text-align:center}.r-k{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--dimmer);margin-bottom:4px}.r-v{font-size:24px;color:var(--text);font-variant-numeric:tabular-nums}.r-history{display:flex;flex-direction:column;gap:3px;margin-bottom:22px;min-width:92px}.r-hrow{display:flex;justify-content:space-between;gap:18px;font-size:11px;color:var(--dimmer);font-variant-numeric:tabular-nums}.r-hrow.now{color:var(--dim)}.r-hwpm{color:inherit}.r-hacc{color:var(--dimmer)}.r-hint{font-size:12px;color:var(--dim)}.r-footer{margin-top:12px;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--dimmer);opacity:.6;font-variant-numeric:tabular-nums}.results.panel-mirrored{transform:translate(-200vw)}.menu{background:#080809a8;backdrop-filter:blur(2px)}.panel{min-width:340px;max-width:92vw;max-height:88vh;overflow-y:auto;-webkit-overflow-scrolling:touch;background:#0c0c0e;border:1px solid var(--line);border-radius:12px;padding:22px 24px 20px;display:flex;flex-direction:column;gap:14px;box-shadow:0 20px 60px #0009}.p-title{font-size:12px;letter-spacing:.24em;text-transform:uppercase;color:var(--dimmer)}.p-row{display:flex;align-items:center;gap:14px}.p-rowlabel{flex:0 0 64px;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--dim)}.p-group{display:flex;flex-wrap:wrap;gap:8px}.opt{font-family:inherit;font-size:13px;color:var(--dim);background:transparent;border:1px solid var(--line);border-radius:7px;padding:6px 12px;cursor:pointer;pointer-events:auto;transition:color .12s,border-color .12s,background .12s}.opt:hover{color:var(--text)}.opt.sel{color:var(--accent);border-color:var(--accent)}.opt.cursor{outline:none;background:#d9a7431f;color:var(--text);border-color:var(--accent)}.p-restart{width:100%;text-align:center;padding:9px;color:var(--text);font-size:13px;letter-spacing:.08em}.p-hint{font-size:11px;color:var(--dimmer);margin-top:2px}.k{color:var(--dim);border:1px solid var(--line);border-radius:4px;padding:0 5px;font-size:11px}@media (hover: none) and (pointer: coarse){.opt{min-height:44px;padding:10px 16px;font-size:14px}.p-restart{min-height:46px}.gear{width:44px;height:44px;font-size:20px}}@media (max-width: 640px){.hud{left:14px;top:14px;font-size:12px}.r-wpm{font-size:68px}.r-grid{grid-template-columns:repeat(2,1fr);gap:16px 22px;margin-bottom:20px}.results{padding:20px}.panel{min-width:0;width:92vw}.p-rowlabel{flex-basis:56px}}