*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif;background:#1a1a2e;color:#eee;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden}.container{width:100%;max-width:800px;padding:20px;display:flex;flex-direction:column;align-items:center;gap:30px}.wheel-container{position:relative;width:400px;height:400px}#wheel{width:100%;height:100%;border-radius:50%;position:relative;overflow:hidden;box-shadow:0 0 50px #00000080,inset 0 0 10px #0003;transition:transform 4s cubic-bezier(.17,.67,.12,.99);background:#2d3748}#wheel.resetting{transition:transform 1s ease-in-out,opacity .5s ease-in-out}#wheel.fading{opacity:.3}.wheel-segment{position:absolute;width:100%;height:100%;clip-path:polygon(50% 50%,50% 0%,100% 0%);transform-origin:center}.wheel-segment.removing{animation:segmentFadeOut .5s ease-out forwards}@keyframes segmentFadeOut{to{opacity:0;transform:scale(.8)}}.wheel-segment:after{content:"";position:absolute;width:100%;height:100%;background:inherit;opacity:.1}.wheel-text{position:absolute;top:15%;left:50%;transform:translate(-50%);font-weight:600;font-size:14px;text-shadow:1px 1px 2px rgba(0,0,0,.5);white-space:nowrap;color:#fff;text-align:center;width:100%;padding:0 10px}.pointer{position:absolute;top:-30px;left:50%;transform:translate(-50%);width:0;height:0;border-left:20px solid transparent;border-right:20px solid transparent;border-top:40px solid #ff6b6b;filter:drop-shadow(0 3px 5px rgba(0,0,0,.3));z-index:10}.controls{display:flex;gap:20px;flex-wrap:wrap;justify-content:center}button{padding:12px 30px;font-size:16px;font-weight:600;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px}#spinButton{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 15px #667eea66}#spinButton:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #667eea99}#spinButton:disabled{opacity:.6;cursor:not-allowed}#resetButton{background:#4a5568;color:#fff}#resetButton:hover{background:#2d3748}.info{text-align:center;max-width:600px}.participants{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:20px}.participant{padding:8px 16px;background:#2d3748;border-radius:20px;font-size:14px;transition:all .3s ease;display:flex;align-items:center;gap:8px}.participant-avatar{width:24px;height:24px;border-radius:50%;object-fit:cover;background:#4a5568;position:relative}.participant-avatar.speaking{box-shadow:0 0 0 3px #48bb78}.participant.selected{background:#48bb78;transform:scale(.9);opacity:.7}.participant.removing{animation:participantRemove .5s ease-out forwards}@keyframes speakingPulse{0%{stroke-width:3;opacity:1}50%{stroke-width:5;opacity:.8}to{stroke-width:3;opacity:1}}.avatar-speaking-ring{fill:none;stroke:#48bb78;stroke-width:3;animation:speakingPulse 1.5s ease-in-out infinite}@keyframes participantRemove{to{transform:scale(0);opacity:0}}.winner-announcement{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) scale(0);background:linear-gradient(135deg,#667eea,#764ba2);padding:30px 50px;border-radius:20px;font-size:28px;font-weight:700;box-shadow:0 10px 40px #00000080;z-index:100;animation:winner-pop .5s ease forwards}@keyframes winner-pop{to{transform:translate(-50%,-50%) scale(1)}}.round-info{font-size:18px;margin-bottom:10px}@keyframes fadeIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@media (max-width: 600px){.wheel-container{width:300px;height:300px}.wheel-text{font-size:12px}}