*{box-sizing:border-box}html,body{margin:0;height:100%;background:#1d2326;overflow:hidden;font-family:ui-rounded,SF Pro Rounded,Nunito,Segoe UI,system-ui,sans-serif;color:#fff}#view{position:fixed;inset:0;width:100%;height:100%;display:block}#hud{position:fixed;inset:0;pointer-events:none;text-shadow:0 2px 0 rgba(0,0,0,.45);font-variant-numeric:tabular-nums}#hud[hidden]{display:none}#hud b{font-weight:800}#hud small{font-weight:700;letter-spacing:.08em;opacity:.85}#lap{position:absolute;left:2.2vmin;top:1.8vmin;display:flex;flex-direction:column}#lap b{font-size:5.4vmin;line-height:1}#lap small{font-size:1.9vmin}#pos{position:absolute;left:14vmin;top:1.6vmin;display:flex;align-items:flex-start}#pos b{font-size:8.6vmin;line-height:1;color:#ffd23f}#pos small{font-size:3vmin;margin-top:.9vmin;color:#ffd23f}#clock{position:absolute;right:2.2vmin;top:1.8vmin;display:flex;flex-direction:column;align-items:flex-end}#clock b{font-size:4.6vmin;line-height:1}#clock small{font-size:2vmin;margin-top:.5vmin}#zone{position:absolute;left:50%;top:2.4vmin;transform:translate(-50%);font-size:2.3vmin;font-weight:700;letter-spacing:.06em;background:#00000057;padding:.5vmin 1.5vmin;border-radius:99px;white-space:nowrap}#speed{position:absolute;left:2.2vmin;bottom:2vmin;display:flex;align-items:baseline;gap:.8vmin}#speed b{font-size:6.6vmin;line-height:1}#speed small{font-size:2vmin}#map{position:absolute;right:2.2vmin;bottom:2vmin;width:32vmin;height:24vmin;background:#0f191e6b;border-radius:1.6vmin}#flash{position:absolute;left:0;right:0;top:31%;text-align:center;font-size:11vmin;font-weight:900;line-height:1;letter-spacing:.01em}#flash.small{font-size:5.6vmin}#flash.warn{color:#ffcf40}#flash.good{color:#8df08d}#drift{position:absolute;left:50%;bottom:3vmin;width:24vmin;height:1.3vmin;transform:translate(-50%);background:#00000059;border-radius:99px;overflow:hidden;opacity:0;transition:opacity .12s}#drift i{display:block;height:100%;width:0;background:#ffd23f}#fade{position:fixed;inset:0;background:#12181b;opacity:0;pointer-events:none}#home{position:fixed;inset:0;background:#e9dcc2;transition:opacity .7s ease}#home.gone{opacity:0}#home video{display:block;width:100%;height:100%;object-fit:cover}#menu{position:fixed;inset:0;display:grid;place-items:center;padding:16px;background:radial-gradient(ellipse at center,#0e161a0a 35%,#0e161a4d)}#menu[hidden]{display:none}#sound{position:absolute;top:16px;right:16px;width:44px;height:44px;padding:9px;border:1px solid rgba(255,255,255,.45);border-radius:50%;color:#27373a;background:#fff8eac2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer}#sound:hover{background:#fff8eaeb}#sound svg{display:block;width:100%;height:100%}#sound .mute,#sound.off .on{display:none}#sound.off .mute{display:inline}.card{max-width:660px;width:100%;background:#fff8eac2;-webkit-backdrop-filter:blur(14px) saturate(1.25);backdrop-filter:blur(14px) saturate(1.25);border:1px solid rgba(255,255,255,.45);color:#27373a;border-radius:22px;padding:clamp(18px,4vw,34px);box-shadow:0 18px 50px #141c1e52}.lite .card,.lite #sound{background:#fff8eae6;-webkit-backdrop-filter:none;backdrop-filter:none}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.card{background:#fff8eae6}}.card h1{margin:0;font-size:clamp(38px,8vw,62px);line-height:1;font-weight:900;color:#d9483b;letter-spacing:-.01em}.card .sub{margin:8px 0 16px;font-weight:700;color:#2c6b66}.keys{width:100%;border-collapse:separate;border-spacing:6px 7px;font-size:14px;margin-left:-6px}.keys td{vertical-align:middle}kbd{display:inline-block;min-width:24px;text-align:center;font:inherit;font-weight:800;padding:1px 6px;background:#27373a;color:#fff8ea;border-radius:6px;font-size:12px}#go,#again{margin-top:12px;width:100%;padding:13px;border:0;border-radius:14px;background:#d9483b;color:#fff;font:inherit;font-weight:900;font-size:22px;cursor:pointer;box-shadow:0 5px #a4332a}#go:disabled{background:#6f8a86;box-shadow:0 5px #4f6663;cursor:progress}#go:not(:disabled):hover,#again:hover{background:#e4574a}#go:active,#again:active{transform:translateY(3px);box-shadow:0 2px #a4332a}.hint{margin:12px 0 0;font-size:14px;font-weight:600}#results{width:100%;border-collapse:collapse;margin:12px 0 2px;font-weight:700}#results td{padding:4px 6px;border-bottom:2px solid #eadfc8}#results tr.me td{color:#d9483b}#results td:last-child{text-align:right;font-variant-numeric:tabular-nums}@media(max-width:560px){.keys td{display:block}}