.cf-coins { display:flex; flex-wrap:wrap; justify-content:center; gap:12px; margin:20px 0; }
.cf-coin { width:150px; height:150px; border:7px double #b7791f; border-radius:50%; background:#fef3c7; display:flex; align-items:center; justify-content:center; font-size:1.5rem; font-weight:700; padding:16px; text-align:center; overflow-wrap:anywhere; }
.cf-tail { background:#e2e8f0; border-color:#64748b; }
.cf-flipping { animation:cf-flip .65s ease-in-out; }
.cf-history { display:grid; grid-template-columns:1fr; gap:8px; padding-left:32px; overflow-wrap:anywhere; }
@keyframes cf-flip { from { transform:rotateY(0); } to { transform:rotateY(1080deg); } }
@media (prefers-reduced-motion:reduce) { .cf-flipping { animation:none; } }

#cf-flip { width:100%; min-height:56px; font-size:1.2rem; margin-top:10px; }
#cf-flip[aria-disabled=true] { opacity:.5; cursor:wait; }