.game-card { max-width: 520px; margin: 0 auto; text-align: center; }
.coin-stage { perspective: 900px; margin: 14px 0 6px; height: 230px; display:flex; align-items:center; justify-content:center; }

/* the big flipping Caps logo (it picks up the Waffle picture automatically under Big Back) */
.big-coin { position: relative; width: 210px; height: 210px; transform-style: preserve-3d; transition: filter .3s; }
.big-coin .coin-icon { width: 100%; height: 100%; display:block; margin: 0; }
.big-coin .coin-tint { position:absolute; inset: 4%; border-radius: 50%; opacity: 0; mix-blend-mode: color; transition: opacity .3s; pointer-events:none; }
.big-coin.flipping { animation: coinFlip 1.6s cubic-bezier(.3,.1,.3,1) forwards; }
.big-coin.landed { animation: coinLand .5s ease-out; }
.big-coin.win  { filter: drop-shadow(0 0 22px #3b82f6); }
.big-coin.lose { filter: drop-shadow(0 0 22px #ef4444); }
.big-coin.win .coin-tint  { background:#2f6bff; opacity:.9; }
.big-coin.lose .coin-tint { background:#ef2b2b; opacity:.9; }
@keyframes coinFlip {
  0%   { transform: translateY(0) rotateY(0); }
  50%  { transform: translateY(-70px) rotateY(900deg) scale(1.08); }
  100% { transform: translateY(0) rotateY(1800deg); }
}
@keyframes coinLand { 0% { transform: scale(1.15); } 60% { transform: scale(.96); } 100% { transform: scale(1); } }

.coin-result { min-height: 2.4rem; font-size: 1.9rem; margin-bottom: 12px; color: var(--text-muted); }
.coin-result.win { color:#3b82f6; } .coin-result.lose { color:#ef4444; }
.coin-odds { display:flex; gap:8px; justify-content:center; margin-bottom: 10px; }
.coin-odd { flex:1; padding: 8px 4px; border-radius: 10px; border: 1px solid var(--border-color, #8884); background: transparent; color: inherit; cursor:pointer; font-family: inherit; display:flex; flex-direction:column; gap:2px; }
.coin-odd strong { font-size: 1.6rem; } .coin-odd small { font-size: 1.1rem; color: var(--text-muted); }
.coin-odd.on { border-color:#2dd4bf; box-shadow: 0 0 0 1px #2dd4bf inset; }
html[data-app-theme="big_back_theme"] .coin-odd.on { border-color:#f2b04a; box-shadow: 0 0 0 1px #f2b04a inset; }