:root{--amber: #ffb547;--red: #ff3b3b;--ink: #f2f0ea;--dim: #9a9ca3;--glass: rgba(8, 9, 12, .55)}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:#050506;color:var(--ink);font-family:Oswald,Inter,system-ui,sans-serif}#c{position:fixed;inset:0;width:100%;height:100%;display:block}#hud{position:fixed;inset:0;pointer-events:none}#loading{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;background:radial-gradient(ellipse at 50% 40%,#16171c,#050506);transition:opacity 1s;z-index:5}#loading.done{opacity:0;pointer-events:none}#loading .title{font-weight:700;letter-spacing:.4em;font-size:clamp(40px,8vw,96px);padding-left:.4em;color:#f4f1ea;text-shadow:0 0 30px rgba(255,181,71,.3)}#loading .bar{width:min(340px,70vw);height:3px;background:#ffffff1f;border-radius:3px;overflow:hidden}#loading .bar i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--amber),#fff);transition:width .3s}#msg{font-family:Inter,sans-serif;font-size:14px;letter-spacing:.12em;color:var(--dim);text-transform:uppercase}#hud.off{display:none}.dash{position:absolute;right:34px;bottom:30px;text-align:right}.speed{font-size:64px;font-weight:600;line-height:1;letter-spacing:.02em;text-shadow:0 2px 12px rgba(0,0,0,.6)}.speed small{display:block;font-size:13px;letter-spacing:.3em;color:var(--dim);margin-top:4px}.gear{position:absolute;right:100%;bottom:8px;margin-right:18px;width:48px;height:48px;border-radius:50%;border:2px solid var(--amber);color:var(--amber);font-size:26px;font-weight:600;display:flex;align-items:center;justify-content:center}.top{position:absolute;left:30px;top:22px;display:flex;gap:28px;align-items:baseline;text-shadow:0 2px 10px rgba(0,0,0,.6)}.place{font-size:56px;font-weight:700;line-height:1}.place small{font-size:24px;color:var(--dim);font-weight:500}.lap{font-size:18px;letter-spacing:.2em;color:var(--dim)}.lap b{color:var(--ink);font-size:26px}.times{position:absolute;right:30px;top:22px;text-align:right;font-size:22px;letter-spacing:.05em;line-height:1.5;text-shadow:0 2px 10px rgba(0,0,0,.6)}.times span{font-size:12px;letter-spacing:.25em;color:var(--dim);margin-right:10px}.map{position:absolute;left:24px;bottom:24px;width:180px;height:180px;opacity:.9}.banner{position:absolute;left:50%;top:24%;transform:translate(-50%,-50%) scale(.96);font-size:clamp(34px,6vw,72px);font-weight:700;letter-spacing:.25em;opacity:0;transition:opacity .35s,transform .35s;text-shadow:0 0 30px rgba(255,181,71,.35),0 3px 14px rgba(0,0,0,.7);white-space:nowrap}.banner.on{opacity:1;transform:translate(-50%,-50%) scale(1)}.lights{position:absolute;left:50%;top:16%;transform:translate(-50%);display:none;gap:18px;padding:14px 20px;border-radius:40px;background:#0009}.lights.on{display:flex}.lights i{width:38px;height:38px;border-radius:50%;background:#2a0d0d;box-shadow:inset 0 0 8px #000}.lights i.lit{background:radial-gradient(circle at 40% 35%,#ff8a7a,var(--red));box-shadow:0 0 22px var(--red)}.lights.go i{background:radial-gradient(circle at 40% 35%,#b6ffb0,#2fd34a);box-shadow:0 0 22px #2fd34a}.results{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);padding:28px 40px;border-radius:18px;background:#08090cd1;backdrop-filter:blur(6px);display:none;min-width:min(560px,calc(100vw - 32px));text-align:center;pointer-events:auto}.results.on{display:block}.results h2{margin:0 0 16px;font-size:38px;letter-spacing:.18em}.results table{width:100%;border-collapse:collapse;font-family:Inter,sans-serif;font-size:15px}.results td,.results th{padding:7px 10px;text-align:left}.results th{font-size:11px;letter-spacing:.2em;color:var(--dim);font-weight:600}.results tr.me td{color:var(--amber);font-weight:600}.results p{margin:18px 0 0;font-family:Inter,sans-serif;color:var(--dim);font-size:14px}kbd{font:600 12px Inter,sans-serif;padding:2px 7px;border-radius:5px;background:#ffffff24;border:1px solid rgba(255,255,255,.2);color:#fff}.titlescreen{position:fixed;inset:0;display:flex;align-items:flex-end;padding:0 0 8vh 6vw;opacity:0;pointer-events:none;transition:opacity 1s;background:linear-gradient(75deg,#040406c7,#04040666 40%,#0000 65%);z-index:3}.titlescreen.on{opacity:1;pointer-events:auto}.tcard{max-width:520px}.tcard h1{margin:0;font-size:clamp(44px,8vw,96px);font-weight:700;letter-spacing:.32em;color:#f4f1ea;text-shadow:0 0 34px rgba(255,181,71,.25)}.tcard p{margin:10px 0 22px;font-family:Inter,sans-serif;font-size:15px;line-height:1.6;color:#d9d6cd}.tcard button{font:600 18px Oswald,sans-serif;letter-spacing:.3em;padding:13px 48px;border:0;border-radius:40px;cursor:pointer;color:#120c02;background:linear-gradient(180deg,#ffd58a,var(--amber));box-shadow:0 0 30px #ffb54766}.tcard .keys{margin-top:20px;font-family:Inter,sans-serif;font-size:13px;line-height:2;color:#b5b2aa}.qpick{display:flex;gap:8px;align-items:center;margin-top:18px;pointer-events:auto}.qpick span{font:500 12px Oswald,sans-serif;letter-spacing:.2em;text-transform:uppercase;color:var(--dim);margin-right:4px}.qpick button{font:500 13px Inter,sans-serif;padding:7px 14px;border-radius:20px;cursor:pointer;color:var(--ink);background:#08090c8c;border:1px solid rgba(242,240,234,.25)}.qpick button.on{color:#fff3dd;border-color:var(--amber);background:#ffb54729}
