.game{max-width:720px;margin:auto;text-align:center}.coin{width:190px;height:190px;margin:28px auto;position:relative;border-radius:50%;cursor:pointer;transform-style:preserve-3d;transition:transform .82s cubic-bezier(.2,.75,.25,1);outline:none}.coin:focus-visible{box-shadow:0 0 0 4px #fff,0 0 0 7px #795b10}.coin-face{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;border-radius:50%;color:#795b10;background:radial-gradient(circle at 34% 26%,#fff2b5 0,#f4c95d 38%,#d89b24 76%,#a76c0d 100%);border:8px solid #f5c451;box-shadow:inset 0 0 0 4px #b77b17,inset 0 0 0 9px #ffe38d,0 18px 40px #0003;backface-visibility:hidden;-webkit-backface-visibility:hidden;box-sizing:border-box}.coin-face svg{width:82px;height:82px;fill:currentColor}.coin-face small{font-size:14px;font-weight:900;letter-spacing:.16em}.coin-tails{transform:rotateY(180deg)}.coin.is-flipping{pointer-events:none}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:22px 0}.stat{padding:14px;border:1px solid #ddd;border-radius:14px}.history{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.history span{padding:6px 10px;border-radius:999px;background:#f2f2f2}@media(max-width:520px){.coin{width:150px;height:150px}.stats{grid-template-columns:1fr}}