*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#f4efe5;color:#223743;font:14px -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}main{width:100%;height:100%;position:relative}canvas{display:block;width:100%;height:100%;touch-action:none}.divider{position:absolute;left:50%;top:0;bottom:0;width:1px;background:#243d5025;pointer-events:none}.readout{position:absolute;left:24px;top:22px;display:flex;gap:22px;align-items:center;font-size:12px;font-variant-numeric:tabular-nums;letter-spacing:.04em;color:#52636d;pointer-events:none}#score{color:#203743}nav{position:absolute;bottom:22px;left:50%;transform:translateX(-50%);display:flex;gap:6px;align-items:center;padding:5px;border:1px solid #253c5035;border-radius:28px;background:#faf7f0ed}button{display:grid;place-items:center;cursor:pointer;border:0;background:transparent;color:#344f5d;font:inherit;font-size:15px;width:38px;height:38px;border-radius:50%;transition:background .15s,color .15s}button:hover,button[aria-pressed=true]{background:#dce5e2;color:#12363d}button:focus-visible{outline:2px solid #007f88;outline-offset:2px}button svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}#speed{font-size:12px;font-weight:650}dialog{position:absolute;width:min(440px,calc(100% - 40px));padding:30px;border:1px solid #819491;border-radius:16px;background:#faf7f0;color:#283f49;font-size:14px;line-height:1.65}dialog::backdrop{background:#223d4655}dialog h1{font-size:19px;color:#17373e;margin:0 0 18px}dialog p{margin:16px 0 0}dialog .fine{font-size:12px;color:#51666c}#close{position:absolute;right:12px;top:12px}#error{position:absolute;inset:40% 15%;text-align:center;background:#faf7f0;padding:24px;border-radius:12px}@media(max-width:680px){.readout{left:14px;top:16px;gap:12px;font-size:10px}nav{bottom:14px}button{width:34px;height:34px}}