.m-card-body{padding:28px}
@media(max-width:768px){.m-card-body{padding:20px}}
.cd-center{text-align:center}
.cd-tabs{display:inline-flex;gap:.5rem;margin-bottom:2rem}
.cd-tab{padding:.45rem 1.2rem;border:1px solid #e5e7eb;border-radius:99px;background:#fff;font-size:.85rem;cursor:pointer;transition:all .2s}
.cd-tab-active{background:#635bff;color:#fff;border-color:#635bff}
.cd-stage{height:160px;display:flex;align-items:center;justify-content:center;margin-bottom:1rem;perspective:600px}
/* Coin */
.cd-coin{width:100px;height:100px;position:relative;transform-style:preserve-3d;transition:transform .1s}
.cd-coin-face{position:absolute;width:100%;height:100%;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:800;backface-visibility:hidden}
.cd-coin-heads{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#fff}
.cd-coin-tails{background:linear-gradient(135deg,#94a3b8,#64748b);color:#fff;transform:rotateY(180deg)}
.cd-coin.cd-flip{animation:cdFlip .8s ease}
@keyframes cdFlip{0%{transform:rotateY(0)}50%{transform:rotateY(900deg)}100%{transform:rotateY(var(--end-rot))}}
.cd-coin.cd-show-heads{transform:rotateY(0)}
.cd-coin.cd-show-tails{transform:rotateY(180deg)}
/* Dice */
.cd-dice{width:80px;height:80px;display:flex;align-items:center;justify-content:center;font-size:6rem;color:#1e293b}
.cd-dice.cd-roll{animation:cdRoll .6s ease}
@keyframes cdRoll{0%{transform:rotate(0) scale(1)}25%{transform:rotate(90deg) scale(.85)}50%{transform:rotate(180deg) scale(1.1)}75%{transform:rotate(270deg) scale(.9)}100%{transform:rotate(360deg) scale(1)}}
.cd-result{font-size:1.2rem;font-weight:700;color:#334155;min-height:2rem;margin-bottom:1rem}