.coin-stage{width:224px;height:224px;perspective:900px}.coin-lift,.coin-rotor{position:relative;width:100%;height:100%;transform-style:preserve-3d}.coin-rotor[data-flipping=true]{transition:transform .9s cubic-bezier(.2,.7,.2,1)}.coin-face{position:absolute;inset:0;display:grid;place-items:center;border:10px solid #dfb16b;border-radius:50%;background:linear-gradient(135deg,#f5dfa5,#e6b969);color:#49341a;font-size:2.5rem;font-weight:800;backface-visibility:hidden;box-shadow:inset 0 0 0 2px #f9eac0,0 12px 28px rgb(0 0 0/.12)}.coin-tails{transform:rotateX(180deg)}@keyframes coin-hop{0%,to{transform:translateY(0)}40%{transform:translateY(-24px)}}.coin-lift[data-flipping=true]{animation:coin-hop .9s ease-out}@media (prefers-reduced-motion:reduce){.coin-lift[data-flipping=true]{animation:none}.coin-rotor[data-flipping=true]{transition:none}}