*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent;}
  html,body{height:100%;overflow:hidden;}
  body{font-family:'Baloo Bhaijaan 2',sans-serif;color:#fff;background:linear-gradient(180deg,#2B6FB3,#3AA6C9 60%,#5FD6D6);user-select:none;-webkit-user-select:none;touch-action:manipulation;display:flex;flex-direction:column;height:100dvh;}
  .topbar{display:flex;align-items:center;justify-content:space-between;padding:12px 16px 6px;z-index:5;}
  .topbar h1{font-size:clamp(18px,5vw,26px);font-weight:800;}
  .nm{color:#FFE45C;}
  .homebtn{text-decoration:none;background:#ffffffee;border-radius:50%;width:42px;height:42px;display:flex;align-items:center;justify-content:center;font-size:20px;box-shadow:0 4px 0 #00000030;}
  .stars{background:#ffffff33;border:2px solid #ffffff66;border-radius:999px;padding:6px 14px;font-size:clamp(16px,4.4vw,22px);font-weight:800;}
  .stars.bump{animation:bump .4s ease;}@keyframes bump{40%{transform:scale(1.3)}}
  #play{position:relative;flex:1;overflow:hidden;}
  .bub{position:absolute;border-radius:50%;cursor:pointer;will-change:transform;
    background:radial-gradient(circle at 32% 30%, #ffffffcc, #ffffff22 40%, #ffffff08 60%);
    border:2px solid #ffffff66;box-shadow:inset 0 0 18px #ffffff55;
    animation:rise linear forwards, wob 2s ease-in-out infinite alternate;}
  .bub::after{content:"";position:absolute;top:18%;left:24%;width:22%;height:22%;border-radius:50%;background:#ffffffcc;}
  @keyframes rise{to{transform:translateY(calc(-100dvh - 220px));}}
  @keyframes wob{from{margin-left:-12px}to{margin-left:12px}}
  .burst{position:absolute;pointer-events:none;z-index:4;font-size:30px;animation:bu .5s ease forwards;}
  @keyframes bu{0%{opacity:1;transform:scale(.5)}100%{opacity:0;transform:scale(1.6)}}
  .drop{position:absolute;border-radius:50%;background:#ffffffaa;pointer-events:none;z-index:4;}