.wheel-container{position:relative;border-radius:50%;overflow:hidden;background:conic-gradient(#ffc107,#ff9800,#f44336,#e91e63,#9c27b0,#673ab7,#3f51b5,#2196f3,#00bcd4,#009688,#4caf50,#8bc34a,#ffc107)}.wheel-segment{position:absolute;top:0;left:0;width:100%;height:100%;clip-path:polygon(50% 50%,50% 0,100% 0);transform-origin:50% 50%;transform:rotate(calc(360deg / var(--total) * var(--i)));display:flex;justify-content:center}.wheel-segment:nth-child(odd){background:#fff3}.wheel-text{position:absolute;top:10%;font-size:1.5rem;font-weight:700;color:#fff;text-shadow:1px 1px 2px rgba(0,0,0,.5);transform:rotate(calc(360deg / var(--total) / 2))}.perspective{perspective:1000px}.card{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .6s;cursor:pointer}.card.is-flipped{transform:rotateY(180deg)}.card-face{position:absolute;width:100%;height:100%;backface-visibility:hidden;display:flex;align-items:center;justify-content:center;border-radius:8px;font-size:2rem;font-weight:700}.card-face-front{background-color:#fca5a5;color:#b91c1c}.card-face-back{background-color:#fde68a;transform:rotateY(180deg)}.animate-spin-slow{animation:spin 5s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}