.coin-flip-stage{cursor:pointer;perspective:900px;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:16px;place-items:end center;width:100%;height:270px;padding:0 0 35px;display:grid;position:relative}.coin-flip-stage:focus-visible{outline-offset:4px;outline:3px solid #d97706}.coin-flip-stage:disabled{cursor:wait}.coin-flip-lift{width:150px;height:150px;transform-style:preserve-3d;display:block}.coin-flip-coin{width:100%;height:100%;transform-style:preserve-3d;transform:rotateX(var(--coin-to));display:block;position:relative}.coin-flip-face{color:#795010;-webkit-backface-visibility:hidden;backface-visibility:hidden;background:radial-gradient(circle at 32% 24%,#fff1b8,#efc75e 45%,#c58b27 80%,#ffe8a1);border:6px solid #bd811e;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0;transform:translateZ(4px);box-shadow:inset 0 0 0 3px #ffe5a0,inset 0 0 0 6px #c38c2c,inset 0 0 16px #72450959}.coin-flip-face svg{fill:currentColor;filter:drop-shadow(0 1px #fff0b7);width:83px;height:83px}.coin-flip-face span{overflow-wrap:anywhere;letter-spacing:.06em;text-transform:uppercase;text-shadow:0 1px #ffe7a0;max-width:110px;font-size:13px;font-weight:800}.coin-flip-tails{transform:rotateX(180deg)translateZ(4px)}.coin-flip-shadow{filter:blur(5px);background:#5b3c0d3b;border-radius:50%;width:130px;height:18px;position:absolute;bottom:17px}.coin-flip-lift.is-flipping{animation:coin-toss var(--coin-duration,1.4s) ease-in-out}.coin-flip-coin.is-flipping{animation:coin-spin var(--coin-duration) cubic-bezier(.16, .45, .35, 1) forwards}.coin-flip-shadow.is-flipping{animation:1.4s ease-in-out coin-shadow}@keyframes coin-spin{0%{transform:rotateX(var(--coin-from))}to{transform:rotateX(var(--coin-to))}}@keyframes coin-toss{0%,to{transform:translateY(0)rotate(0)}42%{transform:translateY(-75px)rotate(-9deg)}78%{transform:translateY(0)rotate(3deg)}89%{transform:translateY(-15px)rotate(-2deg)}}@keyframes coin-shadow{0%,to{opacity:1;transform:scale(1)}42%{opacity:.35;transform:scale(.55)}78%{opacity:1;transform:scale(1.08)}89%{opacity:.7;transform:scale(.85)}}@media (prefers-reduced-motion:reduce){.coin-flip-lift.is-flipping,.coin-flip-coin.is-flipping,.coin-flip-shadow.is-flipping{animation:none}}