html,body{margin:0;height:100%;background:#0a0f2c;color:#fff4e0;font-family:system-ui,-apple-system,"Segoe UI",sans-serif;overflow:hidden;touch-action:none;-webkit-user-select:none;user-select:none}
canvas{display:block;width:100vw;height:100vh}
#ui{position:fixed;top:8px;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:0 14px;font-weight:800;font-size:20px;pointer-events:none;text-shadow:0 1px 4px #000}
#nm{font-size:14px;opacity:.7;letter-spacing:1px;color:#ffc97a}
#sc.bump{animation:bump .25s ease-out}
@keyframes bump{50%{transform:scale(1.35);color:#ffd166}}
#ms{position:fixed;top:38px;left:0;right:0;text-align:center;font-size:16px;letter-spacing:3px;pointer-events:none}
#ms .x{opacity:.25}
#ov{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 60%,rgba(60,20,70,.85),rgba(6,8,30,.92));text-align:center;padding:0 10px}
#ov h1{margin:4px 0 8px;font-size:44px;color:#ffc14d;text-shadow:0 0 18px #ff9a3c99,0 0 4px #fff3}
#ov img.logo{width:70px;height:91px;animation:bob 2.2s ease-in-out infinite alternate}
@keyframes bob{from{translate:0 6px;rotate:-4deg}to{translate:0 -10px;rotate:4deg}}
#ov p{margin:4px 12px;opacity:.92;max-width:520px}
#res{font-weight:800;color:#ff9ad5;font-size:20px}
#best{color:#ffd166}
button{margin-top:16px;font-size:22px;padding:12px 30px;border:0;border-radius:999px;background:linear-gradient(#ffcf6a,#ff8a3c);color:#2a0f2e;font-weight:800;cursor:pointer;box-shadow:0 0 18px #ff8a3c88}
button:active{transform:scale(.96)}
small{position:fixed;bottom:6px;left:0;right:0;text-align:center;opacity:.55;font-size:12px;pointer-events:none}