*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:#9cc6e8;font-family:"Segoe UI",system-ui,sans-serif}#escena{display:block;width:100vw;height:100vh}#hud{position:fixed;inset:0;pointer-events:none}#minimapa{position:absolute;left:22px;bottom:22px;width:220px;height:220px;border-radius:50%;border:4px solid rgba(20,20,20,.85);box-shadow:0 4px 18px rgba(0,0,0,.35)}#lugar{position:absolute;right:30px;bottom:104px;color:#fff;font-size:26px;font-weight:700;text-align:right;letter-spacing:.02em;text-shadow:0 2px 0 #000,0 0 8px rgba(0,0,0,.6);font-style:italic}#velocimetro{position:absolute;right:30px;bottom:26px;color:#fff;text-align:right;text-shadow:0 2px 0 #000,0 0 8px rgba(0,0,0,.6);font-weight:800}#kmh{font-size:56px;font-variant-numeric:tabular-nums}#velocimetro small{font-size:18px;margin-left:6px}#portada{position:fixed;inset:0;display:grid;place-items:center;background:linear-gradient(160deg,rgba(255,140,60,.55),rgba(30,60,120,.75))}.caja{text-align:center;color:#fff;text-shadow:0 2px 0 rgba(0,0,0,.5);padding:16px}.caja h1{font-size:clamp(56px,12vw,120px);margin:0;letter-spacing:.08em;font-weight:900;font-style:italic}.sub{margin:0 0 24px;font-size:20px;opacity:.9}#estado{font-size:16px;min-height:1.4em}#barra{width:min(420px,80vw);height:14px;margin:0 auto 18px;border-radius:8px;background:rgba(255,255,255,.25);box-shadow:inset 0 1px 3px rgba(0,0,0,.35);overflow:hidden}#avance{width:2%;height:100%;border-radius:8px;background:#ffd23f;transition:width .25s ease}#jugar{pointer-events:auto;font:inherit;font-size:22px;font-weight:800;padding:12px 40px;margin:8px 0 22px;border:0;border-radius:40px;background:#ffd23f;color:#222;cursor:pointer;box-shadow:0 6px 0 #b8901a}#jugar:active{transform:translateY(3px);box-shadow:0 3px 0 #b8901a}.teclas{display:grid;gap:6px;font-size:15px;justify-content:center}kbd{display:inline-block;min-width:26px;padding:2px 6px;margin-right:4px;border-radius:5px;background:rgba(255,255,255,.9);color:#222;font:600 13px/1.4 inherit;text-shadow:none}.creditos{margin-top:26px;font-size:12px;opacity:.8;max-width:640px}[hidden]{display:none !important}#aviso{position:absolute;top:38%;left:0;right:0;text-align:center;color:#fff;font-size:64px;font-weight:900;font-style:italic;letter-spacing:.06em;text-shadow:0 4px 0 #0b3d5c,0 0 18px rgba(0,0,0,.6)}#rescate{position:absolute;top:18px;right:18px;pointer-events:auto;cursor:pointer;font:700 15px/1 "Segoe UI",system-ui,sans-serif;color:#fff;background:rgba(20,20,20,.72);border:2px solid rgba(255,255,255,.55);border-radius:22px;padding:9px 14px}#rescate:hover{background:rgba(20,20,20,.9)}#rescate kbd{margin:0 0 0 6px}