/* v3 amber pill — use on #toggle / .act primary */
.v3-amber-pill{
  border:0;
  border-radius:999px;
  padding:.7em 1.4em;
  color:#fff;
  font-weight:800;
  letter-spacing:.06em;
  background:linear-gradient(180deg,#ffc44d 0%,#ff8c00 100%);
  box-shadow:0 6px 18px rgba(255,140,0,.35), inset 0 1px 0 rgba(255,255,255,.35);
  text-shadow:0 1px 0 rgba(0,0,0,.2);
}
.v3-amber-pill:active{filter:brightness(.92)}

/* +2 burst overlay on score */
.v3-score-burst{
  position:absolute;
  inset:auto auto 55% 50%;
  width:min(42vw,180px);
  aspect-ratio:1;
  pointer-events:none;
  transform:translate(-50%,40%);
  background:url(assets/score-fx-01-burst.png) center/contain no-repeat;
  opacity:0;
}
.v3-score-burst.on{
  animation:v3-burst .7s ease-out forwards;
}
@keyframes v3-burst{
  0%{opacity:0;transform:translate(-50%,40%) scale(.6)}
  30%{opacity:1;transform:translate(-50%,40%) scale(1.05)}
  100%{opacity:0;transform:translate(-50%,30%) scale(1.15)}
}


.score { position: relative; overflow: visible; }
.app.running .v3-amber-pill {
  background: linear-gradient(180deg, #ffb000 0%, #d97800 55%, #a85a00 100%);
  box-shadow: 0 6px 14px rgba(0,0,0,.4), inset 0 1px 0 rgba(255,255,255,.2);
}