@import"https://fonts.googleapis.com/css2?family=Bungee&display=swap";:root{color-scheme:dark;--bg: #1a237e;--ink: #ffffff;--accent: #e91e63;--accent-right: #00bcd4}*{box-sizing:border-box;margin:0;padding:0}html,body,#app{width:100%;height:100%;overflow:hidden;background:var(--bg);font-family:Avenir Next,Trebuchet MS,Lucida Sans,sans-serif;color:var(--ink)}#app{position:relative}.score-display{position:fixed;top:3.68%;left:20px;min-width:64px;padding:8px 14px;background:transparent;font-family:Bungee,Arial Black,sans-serif;color:#fff;z-index:100;display:flex;flex-direction:column;gap:2px;box-sizing:border-box}.score-label{font-size:.7rem;font-weight:400;text-transform:uppercase;letter-spacing:.1em;color:#ffffffb3}.score-value{font-size:1.6rem;font-weight:400;line-height:1}.timer-display{position:fixed;top:3.68%;right:20px;left:auto;min-width:64px;padding:8px 14px;background:transparent;font-family:Bungee,Arial Black,sans-serif;color:#fff;z-index:100;display:flex;flex-direction:column;gap:2px;box-sizing:border-box}.timer-label{font-size:.7rem;font-weight:400;text-transform:uppercase;letter-spacing:.1em;color:#ffffffb3}.timer-value{font-size:1.6rem;font-weight:400;line-height:1}.timer-display.low-time{color:#ffab91;animation:timer-pulse 1s ease-in-out infinite}@keyframes timer-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.03);opacity:.95}}.countdown-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;z-index:200;pointer-events:none;background:transparent}.countdown-overlay.hidden{display:none}.countdown-text{font-family:Bungee,Arial Black,sans-serif;font-size:clamp(4rem,18vw,8rem);font-weight:400;color:#fff;text-shadow:0 4px 0 #000;animation:countdown-pop .4s ease-out}@keyframes countdown-pop{0%{transform:scale(.5);opacity:0}70%{transform:scale(1.08)}to{transform:scale(1);opacity:1}}canvas#game{display:block;width:100%;height:100%;touch-action:none}.hud{position:absolute;top:env(safe-area-inset-top,0px);left:0;right:0;padding:16px 20px 10px;display:flex;flex-direction:column;gap:12px;z-index:2;pointer-events:none}.hud-row{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%}.hud-block{background:var(--hud-bg);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:14px;padding:10px 14px;min-width:120px;text-align:left;box-shadow:0 10px 24px #14141414}.hud-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.12em;color:#1011138c}.hud-value{font-size:1.6rem;font-weight:700}.hud-controls{pointer-events:auto;background:var(--hud-bg);border-radius:16px;padding:10px 14px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 10px 24px #14141414;flex-wrap:wrap}.speed-control{display:flex;align-items:center;gap:10px;font-size:.9rem;font-weight:600}.speed-control input{accent-color:var(--accent)}.primary{border:2px solid #fff;border-radius:8px;padding:10px 22px;background:transparent;color:#fff;font-weight:700;font-size:.95rem;cursor:pointer}.primary:active{transform:translateY(1px);background:#ffffff1a}.hud-hint{font-size:.85rem;color:#10111399;background:#fff9;border-radius:999px;padding:8px 16px;align-self:center;pointer-events:none}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#1a237ed9;z-index:3;padding:20px}.overlay.hidden{display:none}.overlay-card{background:transparent;border-radius:0;padding:28px 26px;width:min(360px,90vw);text-align:center;display:flex;flex-direction:column;gap:16px}.overlay-title{font-size:1.6rem;font-weight:700;color:#fff}.overlay-score{display:flex;align-items:center;justify-content:center;gap:12px;font-size:1rem;color:#ffffffe6}.overlay-score strong{font-size:2rem;color:#fff}@media (max-width: 480px){.hud-block{min-width:96px;padding:8px 12px}.hud-value{font-size:1.3rem}.primary{width:100%;justify-content:center}.hud-controls{gap:10px}}