/* ===================== Fast Taps (утка) ===================== */
.game-duck{
  position:relative;
  text-align:center;
  max-width:600px;
  margin:0 auto;
  padding-top:8px;
}
.game-duck h1{
  margin:0 0 5px;
  font-size:clamp(34px,9vw,62px);
  text-shadow:3px 4px 0 rgba(255,255,255,.7);
}
.game-duck .subtitle{
  margin-bottom:18px;
  font-size:17px;
  opacity:.75;
}

.score-box{
  display:inline-block;
  min-width:210px;
  padding:14px 28px;
  margin-bottom:5px;
  background:rgba(255,255,255,.82);
  border:3px solid rgba(255,255,255,.9);
  border-radius:25px;
  box-shadow:0 10px 30px rgba(0,0,0,.15);
}
.score-label{
  font-size:15px;
  text-transform:uppercase;
  letter-spacing:2px;
  opacity:.65;
}
#score{
  display:block;
  font-size:55px;
  font-weight:900;
  line-height:1;
  margin-top:5px;
}
.combo{
  height:32px;
  margin-top:5px;
  font-size:20px;
  font-weight:900;
  color:#ff7b00;
}
.duck-area{
  position:relative;
  display:flex;
  justify-content:center;
  align-items:center;
  height:300px;
}
#duck{
  border:0;
  outline:0;
  background:transparent;
  padding:0;
  margin:0;
  cursor:pointer;
  font-size:clamp(140px,42vw,250px);
  line-height:1;
  touch-action:manipulation;
  user-select:none;
  -webkit-user-select:none;
  filter:drop-shadow(0 18px 10px rgba(0,0,0,.2));
  transition:transform .08s ease;
}
#duck:active{transform:scale(.85)}
.tap-effect{
  position:absolute;
  pointer-events:none;
  font-size:28px;
  font-weight:900;
  color:white;
  text-shadow:2px 2px 0 #333;
  animation:floatUp .6s ease-out forwards;
}
@keyframes floatUp{
  from{opacity:1;transform:translate(-50%,0) scale(.8)}
  to{opacity:0;transform:translate(-50%,-100px) scale(1.2)}
}
.buttons{
  display:flex;
  justify-content:center;
  gap:12px;
  margin-top:5px;
  flex-wrap:wrap;
}
.game-duck .best{
  margin-top:12px;
  font-size:14px;
  opacity:.7;
}
.cloud{
  position:fixed;
  font-size:80px;
  opacity:.22;
  pointer-events:none;
  animation:cloudMove linear infinite;
  z-index:-1;
}
.cloud.one{top:15%;left:-100px;animation-duration:35s}
.cloud.two{top:30%;left:-150px;font-size:60px;animation-duration:48s}
@keyframes cloudMove{
  from{transform:translateX(0)}
  to{transform:translateX(120vw)}
}