:root{--bg-primary:#0a0a0f;--bg-secondary:#12121a;--bg-card:#1a1a26;--bg-card-hover:#1e1e2e;--border:#2a2a3e;--border-bright:#3a3a5c;--text-primary:#e8e8f0;--text-secondary:#88a;--text-muted:#55556a;--accent:#a855f7;--accent-bright:#c084fc;--accent-glow:#a855f766;--neon-cyan:#06b6d4;--neon-cyan-glow:#06b6d466;--neon-pink:#ec4899;--neon-pink-glow:#ec489966;--neon-green:#10b981;--neon-yellow:#f59e0b;--neon-orange:#f97316}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{background:var(--bg-primary);height:100%;color:var(--text-primary);font-family:Inter,system-ui,-apple-system,sans-serif}button,select{touch-action:manipulation}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--border-bright);border-radius:3px}.glow-purple{box-shadow:0 0 20px var(--accent-glow), 0 0 40px var(--accent-glow)}.glow-cyan{box-shadow:0 0 20px var(--neon-cyan-glow), 0 0 40px var(--neon-cyan-glow)}.glow-pink{box-shadow:0 0 20px var(--neon-pink-glow), 0 0 40px var(--neon-pink-glow)}.text-glow-purple{text-shadow:0 0 10px var(--accent-glow), 0 0 20px var(--accent-glow)}.text-glow-cyan{text-shadow:0 0 10px var(--neon-cyan-glow), 0 0 20px var(--neon-cyan-glow)}@keyframes pulse-glow{0%,to{box-shadow:0 0 10px var(--accent-glow)}50%{box-shadow:0 0 30px var(--accent-glow), 0 0 60px var(--accent-glow)}}@keyframes slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes winner-pop{0%{opacity:0;transform:scale(.5)}70%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}@keyframes neon-flicker{0%,19%,21%,23%,25%,54%,56%,to{opacity:1}20%,24%,55%{opacity:.7}}@keyframes bounce-in{0%{opacity:0;transform:scale(.3)}50%{transform:scale(1.05)}70%{transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes spin-bg{0%{transform:rotate(0)scale(1.05)}to{transform:rotate(360deg)scale(1.05)}}@media (width<=640px){.wheel-page{gap:18px!important;min-height:calc(100dvh - 56px)!important;padding:18px 12px 24px!important}.wheel-header h1{padding-right:0!important;font-size:clamp(24px,8vw,30px)!important}.stream-toggle{width:100%;max-width:220px;margin-top:12px;position:static!important}.wheel-layout{align-items:center!important;gap:18px!important}.wheel-canvas-wrap{width:min(100%,100vw - 24px)}.wheel-controls-panel{width:100%;flex:100%!important;min-width:0!important;max-width:100%!important}.wheel-controls-panel>div,.wheel-controls-panel>button{width:100%}.stream-view{justify-content:flex-start!important;align-items:flex-start!important;gap:18px!important;padding:64px 12px 20px!important}.stream-exit{padding:7px 10px!important;font-size:12px!important;top:10px!important;right:10px!important}.stream-main{width:100%;gap:16px!important}.stream-main>div:first-child div:nth-child(2){font-size:clamp(20px,7vw,28px)!important}.stream-controls{width:100%;gap:10px!important}.stream-controls select,.stream-controls button{min-height:42px}.result-card,.quick-recap-card{border-radius:20px!important;width:100%!important;max-width:420px!important;padding:28px 20px!important}.result-actions{flex-direction:column}.result-actions button{width:100%}}