:root{--white:#fff;--paper:#f3f5f8;--ink:#0b0d10;--gray:#8a9199;--gray-soft:#d6dbe1;--red:#e02a24;--red-deep:#b51d18;--chip:#0b0d1094;--display:"Barlow Condensed", "Arial Narrow", Arial, sans-serif;--body:"Inter", "Segoe UI", system-ui, -apple-system, sans-serif}*{box-sizing:border-box}html,body{height:100%;color:var(--ink);font-family:var(--body);-webkit-font-smoothing:antialiased;background:#cfe8f8;margin:0;overflow:hidden}#scene{outline:none;width:100vw;height:100vh;display:block;position:fixed;inset:0}.hidden{display:none!important}.overlay{-webkit-backdrop-filter:blur(6px);z-index:10;background:linear-gradient(#ffffffc7,#e8f2fae6);justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0;overflow-y:auto}.panel{background:var(--white);border-top:6px solid var(--red);width:min(460px,100%);padding:32px 30px 28px;box-shadow:0 24px 60px #0b0d102e}.eyebrow{font-family:var(--display);letter-spacing:.22em;text-transform:uppercase;color:var(--gray);margin:0 0 6px;font-size:13px;font-weight:700}.title{font-family:var(--display);letter-spacing:.01em;color:var(--ink);margin:0;font-size:clamp(44px,9vw,64px);font-weight:800;line-height:.95}.title.small{font-size:clamp(34px,7vw,44px)}.title .accent{color:var(--red)}.tagline{color:#3d434b;margin:14px 0 26px;font-size:15px;line-height:1.5}.stack{flex-direction:column;gap:10px;margin-bottom:18px;display:flex}.btn{appearance:none;border:2px solid var(--ink);background:var(--white);color:var(--ink);font-family:var(--display);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;text-align:left;justify-content:space-between;align-items:center;gap:10px;padding:12px 16px;font-size:19px;font-weight:700;transition:background .12s,color .12s,border-color .12s,transform 80ms;display:flex}.btn:hover,.btn:focus-visible{background:var(--ink);color:var(--white);outline:none}.btn:active{transform:translateY(1px)}.btn.primary{background:var(--red);border-color:var(--red);color:var(--white)}.btn.primary:hover,.btn.primary:focus-visible{background:var(--red-deep);border-color:var(--red-deep)}.settings{border-top:1px solid var(--gray-soft);flex-direction:column;gap:12px;padding-top:16px;display:flex}.row{color:#3d434b;justify-content:space-between;align-items:center;gap:12px;font-size:14px;display:flex}.row .value{align-items:center;gap:10px;display:flex}.row output{font-variant-numeric:tabular-nums;min-width:36px;color:var(--ink);font-weight:600}input[type=range]{width:150px;accent-color:var(--red)}select{font:inherit;border:1px solid var(--gray);background:var(--white);color:var(--ink);padding:6px 8px;font-size:14px}.best{font-family:var(--display);letter-spacing:.04em;color:#3d434b;margin:18px 0 0;font-size:18px}.best span{color:var(--red);font-weight:700}.keys{border-collapse:collapse;width:100%;margin:18px 0 22px;font-size:14px}.keys th,.keys td{border-bottom:1px solid var(--gray-soft);vertical-align:top;text-align:left;padding:9px 4px}.keys th{white-space:nowrap;width:40%;font-weight:600}.keys td{color:#3d434b;line-height:1.4}kbd{font-family:var(--display);letter-spacing:.06em;border:1px solid var(--ink);background:var(--white);color:var(--ink);border-bottom-width:3px;border-radius:3px;padding:2px 7px;font-size:13px;font-weight:700;display:inline-block}.stats{grid-template-columns:1fr 1fr;gap:14px;margin:22px 0 10px;display:grid}.stats div{border-left:4px solid var(--red);padding:4px 0 4px 12px}.stats span{font-family:var(--display);letter-spacing:.18em;text-transform:uppercase;color:var(--gray);font-size:13px;display:block}.stats strong{font-family:var(--display);font-variant-numeric:tabular-nums;color:var(--ink);margin-top:4px;font-size:40px;font-weight:800;display:block}.new-best{font-family:var(--display);letter-spacing:.12em;color:var(--red);margin:4px 0 18px;font-size:22px;font-weight:800}.error{color:var(--red-deep);margin:18px 0 0;font-size:14px}#hud{pointer-events:none;z-index:5;position:fixed;inset:0}.crosshair{width:14px;height:14px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.crosshair:before,.crosshair:after{content:"";background:#ffffffeb;position:absolute;box-shadow:0 0 0 1px #0b0d1059}.crosshair:before{width:2px;height:14px;top:0;left:6px}.crosshair:after{width:14px;height:2px;top:6px;left:0}.chip{background:var(--chip);color:var(--white);font-family:var(--display);letter-spacing:.06em;font-variant-numeric:tabular-nums;border-left:3px solid var(--red);padding:6px 12px;font-weight:700;position:absolute}.timer{font-size:28px;top:16px;left:16px}.speed{border-left:none;border-right:3px solid var(--red);text-align:right;font-size:20px;top:16px;right:16px}.toast{background:var(--white);color:var(--ink);font-family:var(--display);letter-spacing:.1em;text-transform:uppercase;border-top:3px solid var(--red);opacity:0;white-space:nowrap;padding:8px 16px;font-size:20px;font-weight:700;transition:opacity .25s,transform .25s;position:absolute;top:18%;left:50%;transform:translate(-50%,-6px)}.toast.visible{opacity:1;transform:translate(-50%)}.hint{color:var(--ink);letter-spacing:.02em;border-left:4px solid var(--red);opacity:0;white-space:nowrap;background:#ffffffeb;padding:8px 14px;font-size:15px;font-weight:600;transition:opacity .3s;position:absolute;bottom:56px;left:50%;transform:translate(-50%)}.hint.visible{opacity:1}@media (max-width:520px){.overlay{padding:16px}.panel{padding:24px 20px 22px}input[type=range]{width:120px}.hint{white-space:normal;text-align:center;width:calc(100% - 32px)}.speed{font-size:16px}.timer{font-size:22px}}