.roulette-game{max-width:900px;margin:0 auto;padding:var(--spacing-lg) var(--spacing-md)}.wheel-container{position:relative;max-width:400px;margin:0 auto var(--spacing-xl);display:flex;flex-direction:column;align-items:center}.wheel-pointer{position:absolute;top:-15px;left:50%;transform:translate(-50%);font-size:2rem;color:var(--primary);z-index:10;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));animation:pointerBounce 2s ease-in-out infinite}@keyframes pointerBounce{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(5px)}}#wheelCanvas{max-width:100%;height:auto;filter:drop-shadow(0 10px 40px rgba(0,0,0,.5))}.wheel-spinning{animation:wheelSpin 3s cubic-bezier(.17,.67,.12,.99)}@keyframes wheelSpin{0%{transform:rotate(0)}to{transform:rotate(1800deg)}}.betting-board{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.board-section{margin-bottom:var(--spacing-lg)}.board-section:last-child{margin-bottom:0}.board-section h3{font-size:1.25rem;margin-bottom:var(--spacing-md);color:var(--primary)}.number-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(50px,1fr));gap:8px}.number-btn{aspect-ratio:1;border:2px solid var(--border-color);border-radius:var(--radius-sm);background:var(--bg-secondary);color:#fff;font-weight:700;cursor:pointer;transition:var(--transition);position:relative;display:flex;align-items:center;justify-content:center;font-size:1.1rem}.number-btn.red{background:linear-gradient(135deg,#dc2626,#991b1b)}.number-btn.black{background:linear-gradient(135deg,#1f2937,#0f172a)}.number-btn.green{background:linear-gradient(135deg,#16a34a,#15803d)}.number-btn:hover{transform:scale(1.05);box-shadow:0 4px 15px #ff6b3566}.number-btn.selected{border-color:var(--primary);box-shadow:0 0 0 3px #ff6b354d,0 4px 15px #ff6b3566}.number-btn .bet-chip{position:absolute;top:-8px;right:-8px;background:var(--primary);color:#fff;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;border:2px solid var(--bg-primary);box-shadow:0 2px 8px #0000004d}.quick-bets{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--spacing-md)}.bet-option{padding:var(--spacing-md);border:2px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-secondary);color:#fff;cursor:pointer;transition:var(--transition);display:flex;flex-direction:column;align-items:center;gap:.5rem}.bet-option.red{background:linear-gradient(135deg,#dc26264d,#991b1b4d)}.bet-option.black{background:linear-gradient(135deg,#1f293780,#0f172a80)}.bet-option:hover{transform:translateY(-3px);border-color:var(--primary);box-shadow:0 6px 20px #ff6b354d}.bet-option.selected{border-color:var(--primary);box-shadow:0 0 0 3px #ff6b354d}.bet-label{font-weight:700;font-size:1.1rem}.bet-payout{color:var(--accent);font-size:.9rem;font-weight:600}.bet-option .bet-chip{position:absolute;top:8px;right:8px;background:var(--primary);color:#fff;border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:700;border:2px solid var(--bg-primary);box-shadow:0 2px 8px #0000004d}.chip-selector{display:flex;align-items:center;justify-content:center;gap:var(--spacing-md);flex-wrap:wrap;padding:var(--spacing-lg);background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);margin-bottom:var(--spacing-lg)}.selector-label{font-weight:600;color:var(--text-secondary)}.chip{width:60px;height:60px;border-radius:50%;border:3px solid var(--border-color);background:linear-gradient(135deg,var(--bg-tertiary),var(--bg-secondary));color:#fff;font-weight:700;font-size:1.1rem;cursor:pointer;transition:var(--transition);box-shadow:0 4px 10px #0000004d}.chip:hover{transform:scale(1.1);border-color:var(--primary)}.chip.active{border-color:var(--primary);background:linear-gradient(135deg,var(--primary),var(--primary-dark));box-shadow:0 6px 20px #ff6b3566;transform:scale(1.15)}.clear-bets-btn{padding:var(--spacing-sm) var(--spacing-lg);background:transparent;border:2px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-secondary);font-weight:600;cursor:pointer;transition:var(--transition)}.clear-bets-btn:hover{border-color:#dc2626;color:#dc2626;background:#dc26261a}.spin-button{width:200px;height:200px;border-radius:50%;background:linear-gradient(135deg,var(--primary),var(--primary-dark));border:4px solid rgba(255,255,255,.2);color:#fff;font-size:1.5rem;font-weight:800;cursor:pointer;transition:var(--transition);box-shadow:0 8px 30px #ff6b3580;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.spin-button:hover:not(:disabled){transform:translate(-50%,-50%) scale(1.05);box-shadow:0 10px 40px #ff6b3599}.spin-button:disabled{opacity:.5;cursor:not-allowed;background:linear-gradient(135deg,var(--text-muted),#5a5a5a)}.spin-button.spinning{animation:spinButtonPulse 1s ease-in-out infinite;pointer-events:none}@keyframes spinButtonPulse{0%,to{opacity:.8}50%{opacity:1}}@media (max-width: 768px){.wheel-container{max-width:300px}.spin-button{width:150px;height:150px;font-size:1.2rem}.chip-selector{flex-direction:column}.quick-bets{grid-template-columns:1fr}.number-grid{grid-template-columns:repeat(auto-fill,minmax(40px,1fr))}}