.pill-board { gap:4px; padding:6px; border-radius:10px; background:#005091; }.match-pill.in-chain { z-index:3; filter:brightness(1.06); outline:3px solid #ffd54d; outline-offset:1px; transform:scale(1.01); box-shadow:0 0 0 2px #fff; }.match-pill.violet.in-chain { transform:rotate(45deg) scale(.8); }
.match-pill.just-matched { z-index:5; animation:pill-score-pop .42s cubic-bezier(.2,.8,.3,1) both; }.match-pill.just-matched::before { content:'✦'; position:absolute; z-index:6; left:50%; top:50%; color:#fff; font-size:22px; transform:translate(-50%,-50%); animation:pill-spark .42s ease-out both; }.match-pill.violet.just-matched { animation:pill-score-pop-diamond .42s cubic-bezier(.2,.8,.3,1) both; }@keyframes pill-score-pop{0%{transform:scale(1)}45%{transform:scale(1.35) rotate(8deg);filter:brightness(1.55)}100%{transform:scale(1)}}@keyframes pill-score-pop-diamond{0%{transform:rotate(45deg) scale(.78)}45%{transform:rotate(62deg) scale(1.07);filter:brightness(1.55)}100%{transform:rotate(45deg) scale(.78)}}@keyframes pill-spark{0%{opacity:0;transform:translate(-50%,-50%) scale(.2)}45%{opacity:1;transform:translate(-50%,-80%) scale(1.2)}100%{opacity:0;transform:translate(-50%,-130%) scale(.6)}}