/* WheelWin — styles globaux */
* { -webkit-tap-highlight-color: transparent; }
body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; }

.glass { background: rgba(255,255,255,0.08); backdrop-filter: blur(12px); border: 1px solid rgba(255,255,255,0.12); }
.gradient-text { background: linear-gradient(90deg,#a78bfa,#ec4899,#f59e0b); -webkit-background-clip: text; background-clip: text; color: transparent; }
.btn-glow { box-shadow: 0 0 24px rgba(124,58,237,.6); transition: all .2s; }
.btn-glow:hover { box-shadow: 0 0 40px rgba(236,72,153,.8); transform: translateY(-2px); }

/* Animations */
@keyframes float { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-12px)} }
.animate-float { animation: float 4s ease-in-out infinite; }
@keyframes pulse-ring { 0%{transform:scale(.95);opacity:.7} 70%{transform:scale(1.1);opacity:0} 100%{opacity:0} }
.pulse-ring::after { content:''; position:absolute; inset:0; border-radius:9999px; border:3px solid #ec4899; animation:pulse-ring 1.8s infinite; }
@keyframes shimmer { 0%{background-position:-200% 0} 100%{background-position:200% 0} }
.shimmer { background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent); background-size:200% 100%; animation:shimmer 2s infinite; }

/* Roue */
.wheel-pointer { filter: drop-shadow(0 4px 8px rgba(0,0,0,.5)); }
#wheelCanvas { filter: drop-shadow(0 0 40px rgba(124,58,237,.5)); }

/* Confetti container */
#confetti { position:fixed; inset:0; pointer-events:none; z-index:60; }

/* Toggle switch */
.switch { position:relative; width:46px; height:26px; }
.switch input { display:none; }
.slider { position:absolute; inset:0; background:#cbd5e1; border-radius:999px; transition:.3s; cursor:pointer; }
.slider::before { content:''; position:absolute; height:20px; width:20px; left:3px; top:3px; background:#fff; border-radius:50%; transition:.3s; }
.switch input:checked + .slider { background:#7c3aed; }
.switch input:checked + .slider::before { transform:translateX(20px); }

/* Scrollbar */
::-webkit-scrollbar { width:8px; height:8px; }
::-webkit-scrollbar-thumb { background:#94a3b8; border-radius:4px; }

.tab-active { border-bottom:3px solid #7c3aed; color:#7c3aed; font-weight:600; }
.card { background:#fff; border-radius:16px; box-shadow:0 1px 3px rgba(0,0,0,.1); }