.wheel-container{display:flex;justify-content:center;align-items:center;margin:30px 0;padding:20px}.wheel-wrapper{position:relative;width:300px;height:300px;max-width:90vw;max-height:90vw}#wheel-canvas{width:100%;height:100%;border-radius:50%;box-shadow:0 10px 30px #0003;background:#fff}.wheel-pointer{position:absolute;top:-15px;left:50%;transform:translate(-50%);width:0;height:0;border-left:20px solid transparent;border-right:20px solid transparent;border-top:30px solid #ff6b6b;filter:drop-shadow(0 2px 5px rgba(0,0,0,.3));z-index:10}@media (max-width: 480px){.wheel-wrapper{width:280px;height:280px}}.spin-section{text-align:center;margin:30px 0}.spin-button{background:linear-gradient(135deg,#ff6b6b,#ee5a6f);border:none;border-radius:50px;padding:18px 50px;font-size:20px;font-weight:700;color:#fff;cursor:pointer;box-shadow:0 8px 20px #ee5a6f66;transition:all .3s ease;position:relative;overflow:hidden}.spin-button:active:not(:disabled){transform:scale(.95);box-shadow:0 4px 10px #ee5a6f66}.spin-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.spin-button:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .6s,height .6s}.spin-button:active:not(:disabled):before{width:300px;height:300px}.spin-text{position:relative;z-index:1}.spin-count{margin-top:15px;color:#fff;font-size:14px;opacity:.9}@media (max-width: 480px){.spin-button{padding:16px 40px;font-size:18px}}.result-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000;animation:fadeIn .3s ease}.result-content{background:#fff;border-radius:30px;padding:40px 30px;text-align:center;max-width:300px;width:90%;box-shadow:0 20px 60px #0000004d;animation:slideUp .4s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}.result-emoji{font-size:80px;margin-bottom:20px;animation:bounce .6s ease}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.result-text{font-size:24px;font-weight:700;color:#2d3436;margin-bottom:10px}.result-prize-name{font-size:18px;color:#636e72;margin-bottom:30px}.close-result-btn{background:linear-gradient(135deg,#6c5ce7,#a29bfe);border:none;border-radius:25px;padding:12px 40px;font-size:16px;font-weight:600;color:#fff;cursor:pointer;box-shadow:0 4px 15px #6c5ce766;transition:all .3s ease}.close-result-btn:active{transform:scale(.95)}.prizes-section{margin-top:40px;background:#fffffff2;border-radius:20px;padding:25px;box-shadow:0 10px 30px #0003;width:100%;max-width:600px}.prizes-section h2{font-size:22px;margin-bottom:20px;text-align:center;color:#2d3436}.prizes-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:15px}.prize-item{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);border-radius:15px;padding:15px;text-align:center;transition:all .3s ease;border:2px solid transparent}.prize-item:hover{transform:translateY(-5px);box-shadow:0 5px 15px #0000001a}.prize-item.selected{border-color:#6c5ce7;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.prize-emoji{font-size:40px;margin-bottom:8px}.prize-name{font-size:14px;font-weight:600}@media (max-width: 480px){.prizes-list{grid-template-columns:repeat(2,1fr)}}.app-container{display:flex;flex-direction:column;align-items:center}*{margin:0;padding:0;box-sizing:border-box}:root{--primary-color: #6C5CE7;--secondary-color: #A29BFE;--accent-color: #FD79A8;--success-color: #00B894;--background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--card-bg: rgba(255, 255, 255, .95);--text-dark: #2d3436;--text-light: #636e72;--shadow: 0 10px 30px rgba(0, 0, 0, .2)}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:var(--background);min-height:100vh;color:var(--text-dark);overflow-x:hidden;position:relative}#root{min-height:100vh}.app-container{max-width:100%;margin:0 auto;padding:20px;position:relative;z-index:1;min-height:100vh}.lottie-bg{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;opacity:.1;pointer-events:none}.header{text-align:center;margin-bottom:30px;color:#fff}.header h1{font-size:32px;font-weight:700;margin-bottom:8px;text-shadow:0 2px 10px rgba(0,0,0,.3)}.subtitle{font-size:16px;opacity:.9}.loading{text-align:center;padding:40px;color:#fff}.spinner{border:4px solid rgba(255,255,255,.3);border-top:4px solid white;border-radius:50%;width:50px;height:50px;animation:spin 1s linear infinite;margin:0 auto 20px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 480px){.header h1{font-size:26px}}