#page-balloons{background:linear-gradient(#ffd9ea,#fff7fb);text-align:center;}
#page-balloons h1{margin-top:25px;color:#ff2d75;}
#page-balloons #counter{margin-top:10px;font-size:20px;font-weight:bold;color:#666;}
#page-balloons #game{position:relative;width:100%;height:calc(100% - 90px);}
#page-balloons .balloon{position:absolute;width:70px;height:90px;border-radius:50%;cursor:pointer;animation:float-balloon linear forwards, sway-balloon 3s ease-in-out infinite;box-shadow:0 10px 20px rgba(0,0,0,.15), inset -8px -10px 0 rgba(0,0,0,.08), inset 10px 12px 0 rgba(255,255,255,.35);transition:transform .15s;}
#page-balloons .balloon:hover{transform:scale(1.08);}
#page-balloons .balloon::after{content:"";position:absolute;left:50%;top:90px;width:2px;height:70px;background:#666;}
@keyframes float-balloon{from{transform:translateY(120vh);}to{transform:translateY(-150px);}}
@keyframes sway-balloon{0%,100%{margin-left:0;}50%{margin-left:18px;}}
#page-balloons .pop{animation:pop-balloon .25s forwards;}
@keyframes pop-balloon{100%{transform:scale(2);opacity:0;}}
#page-balloons .heart{position:absolute;font-size:20px;animation:heart-balloon .8s forwards;}
@keyframes heart-balloon{100%{transform:translateY(-80px);opacity:0;}}
#page-balloons .balloon.golden{box-shadow:0 10px 20px rgba(255,180,0,.35), inset -8px -10px 0 rgba(0,0,0,.08), inset 10px 12px 0 rgba(255,255,255,.6), 0 0 25px rgba(255,214,71,.7);animation:float-balloon linear forwards, sway-balloon 3s ease-in-out infinite, golden-pulse 1.2s ease-in-out infinite;}
@keyframes golden-pulse{0%,100%{filter:brightness(1);}50%{filter:brightness(1.25);}}
#page-balloons .golden-note{position:absolute;max-width:200px;background:white;color:#a06a00;font-weight:600;
  font-size:14px;padding:10px 14px;border-radius:14px;box-shadow:0 8px 20px rgba(0,0,0,.2);
  animation:golden-note-in .3s ease, golden-note-out .3s ease 2.2s forwards;z-index:5;}
@keyframes golden-note-in{from{opacity:0;transform:translateY(10px) scale(.8);}to{opacity:1;transform:translateY(0) scale(1);}}
@keyframes golden-note-out{to{opacity:0;transform:translateY(-10px) scale(.9);}}

/* Premium responsive */
*{box-sizing:border-box}img,video{max-width:100%;height:auto}body{overflow-x:hidden}
.container{width:min(92%,1100px);margin:auto}
h1{font-size:clamp(2rem,5vw,4rem)}h2{font-size:clamp(1.5rem,4vw,3rem)}p{font-size:clamp(1rem,2vw,1.1rem)}
button,.btn{min-height:48px;padding:.8rem 1.4rem;border-radius:14px}
@media(max-width:768px){section{padding:60px 16px}}