@import "https://fonts.googleapis.com/css2?family=Nunito:wght@700;800;900&display=swap";*{box-sizing:border-box;margin:0;padding:0}html,body{touch-action:none;-webkit-user-select:none;user-select:none;overscroll-behavior:none;background:#0d0a1f;width:100%;height:100%;font-family:Nunito,Segoe UI,sans-serif;overflow:hidden}#app{position:fixed;inset:0}canvas#game-canvas{touch-action:none;width:100%;height:100%;display:block;position:fixed;inset:0}.hud{pointer-events:none;z-index:10;position:fixed;inset:0}.hud-top{top:max(14px, env(safe-area-inset-top));justify-content:space-between;align-items:flex-start;gap:10px;padding:0 16px;display:flex;position:absolute;left:0;right:0}.score-box,.lives-box{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0d0a1f8c;border:1px solid #ffffff17;border-radius:18px;padding:8px 18px}.score-label{letter-spacing:1.6px;text-transform:uppercase;color:#ffffff8c;font-size:.62rem;font-weight:800}.score-value{color:#fff;font-variant-numeric:tabular-nums;font-size:1.55rem;font-weight:900;line-height:1.1}.lives-box{align-items:center;gap:5px;display:flex}.heart{font-size:1.15rem;transition:opacity .25s,transform .25s,filter .25s}.heart.lost{opacity:.22;filter:grayscale();transform:scale(.78)}.sound-btn{pointer-events:auto;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;color:#fff;background:#0d0a1f8c;border:1px solid #ffffff17;border-radius:50%;width:42px;height:42px;font-size:1.05rem}.badge{color:#fff;white-space:nowrap;opacity:0;background:linear-gradient(135deg,#8e24aa,#1e88e5);border-radius:30px;padding:8px 20px;font-size:.92rem;font-weight:900;transition:opacity .22s,transform .22s;position:absolute;top:84px;left:50%;transform:translate(-50%)scale(.9);box-shadow:0 8px 24px #8e24aa73}.badge.show{opacity:1;transform:translate(-50%)scale(1)}.hint{bottom:max(26px, env(safe-area-inset-bottom));text-align:center;color:#fff9;padding:0 24px;font-size:.82rem;font-weight:700;transition:opacity .5s;position:absolute;left:0;right:0}.hint.hidden{opacity:0}.overlay{text-align:center;pointer-events:auto;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:radial-gradient(#2d1b6ed1 0%,#0d0a1ff5 72%);flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:24px;display:flex;position:absolute;inset:0}.overlay.hidden{display:none}.overlay h1{background:linear-gradient(90deg,#e5392e,#fb8c00,#fdd835,#43a047,#1e88e5,#8e24aa);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:clamp(1.7rem,7vw,2.5rem);font-weight:900}.overlay p{color:#ffffffd9;max-width:330px;font-size:1rem;line-height:1.55}.final-score{color:#fdd835;font-variant-numeric:tabular-nums;font-size:2.4rem;font-weight:900}.btn-play{pointer-events:auto;color:#fff;cursor:pointer;background:linear-gradient(135deg,#8e24aa,#1e88e5);border:none;border-radius:50px;padding:15px 48px;font-family:inherit;font-size:1.15rem;font-weight:900;transition:transform .15s;box-shadow:0 10px 30px #8e24aa73}.btn-play:active{transform:scale(.95)}