.wheel-container{margin-left:auto;margin-right:auto;margin-bottom:2.5rem;position:relative;width:500px;height:500px;display:flex;justify-content:center;align-items:center;perspective:1000px}.wheel-container .spinButton{position:absolute;width:120px;height:120px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;cursor:pointer;z-index:10;display:flex;justify-content:center;align-items:center;text-transform:uppercase;font-weight:700;color:#fff;letter-spacing:2px;border:6px solid #ffffff;box-shadow:0 0 0 4px #667eea4d,0 10px 30px #0000004d,inset 0 2px 10px #ffffff4d;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:all .3s cubic-bezier(.4,0,.2,1);font-size:12px;text-align:center;line-height:1.2}.wheel-container .spinButton .button-content{display:flex;flex-direction:column;align-items:center;gap:4px}.wheel-container .spinButton .button-icon{font-size:20px;animation:iconBounce 2s ease-in-out infinite}.wheel-container .spinButton .button-text{font-size:10px;font-weight:600;line-height:1}@keyframes iconBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.wheel-container .spinButton:hover{transform:scale(1.05);box-shadow:0 0 0 4px #667eea80,0 15px 40px #0006,inset 0 2px 10px #fff6;background:linear-gradient(135deg,#764ba2,#667eea)}.wheel-container .spinButton:active{transform:scale(.95)}.wheel-container .spinButton:before{content:"";position:absolute;top:-35px;width:24px;height:35px;background:linear-gradient(135deg,#667eea,#764ba2);clip-path:polygon(50% 0%,15% 100%,85% 100%);box-shadow:0 5px 15px #0000004d}.wheel-container .wheel{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;border-radius:50%;background:linear-gradient(145deg,#2c3e50,#34495e);box-shadow:0 0 0 8px #ffffff1a,0 0 0 16px #667eea33,0 20px 60px #0006,inset 0 2px 20px #ffffff1a;transition:transform 4s cubic-bezier(.25,.46,.45,.94);animation:wheelGlow 3s ease-in-out infinite alternate}@keyframes wheelGlow{0%{box-shadow:0 0 0 8px #ffffff1a,0 0 0 16px #667eea33,0 20px 60px #0006,inset 0 2px 20px #ffffff1a}to{box-shadow:0 0 0 8px #ffffff26,0 0 0 16px #667eea4d,0 25px 70px #00000080,inset 0 2px 20px #ffffff26}}.wheel-container .wheel .wheel-segment{position:absolute;width:50%;height:50%;background:var(--clr);transform-origin:bottom right;clip-path:polygon(0 0,42% 0,100% 100%,0 42%);transform:rotate(calc(360deg / 12 * var(--1)));display:flex;justify-content:center;align-items:center;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer;transition:all .3s ease;filter:brightness(1)}.wheel-container .wheel .wheel-segment:hover{filter:brightness(1.2);transform:rotate(calc(360deg / 12 * var(--1))) scale(1.02)}.wheel-container .wheel .wheel-segment span{position:relative;transform:rotate(45deg);color:#fff;font-size:20px;font-weight:700;text-align:center;z-index:10;text-shadow:2px 2px 4px rgba(0,0,0,.5);transition:all .3s ease;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.wheel-container .wheel .wheel-segment:hover span{transform:rotate(45deg) scale(1.1);text-shadow:3px 3px 6px rgba(0,0,0,.7)}.wheel-container .wheel .wheel-segment:nth-child(1){background:linear-gradient(135deg,#ff6b6b,#ee5a24)}.wheel-container .wheel .wheel-segment:nth-child(2){background:linear-gradient(135deg,#4ecdc4,#44a08d)}.wheel-container .wheel .wheel-segment:nth-child(3){background:linear-gradient(135deg,#45b7d1,#3498db)}.wheel-container .wheel .wheel-segment:nth-child(4){background:linear-gradient(135deg,#96ceb4,#2ecc71)}.wheel-container .wheel .wheel-segment:nth-child(5){background:linear-gradient(135deg,#ffeaa7,#fdcb6e)}.wheel-container .wheel .wheel-segment:nth-child(6){background:linear-gradient(135deg,plum,#9b59b6)}.wheel-container .wheel .wheel-segment:nth-child(7){background:linear-gradient(135deg,#ffb347,#e67e22)}.wheel-container .wheel .wheel-segment:nth-child(8){background:linear-gradient(135deg,#98d8c8,#1abc9c)}.wheel-container .wheel .wheel-segment:nth-child(9){background:linear-gradient(135deg,#f7dc6f,#f1c40f)}.wheel-container .wheel .wheel-segment:nth-child(10){background:linear-gradient(135deg,#bb8fce,#8e44ad)}.wheel-container .wheel .wheel-segment:nth-child(11){background:linear-gradient(135deg,#85c1e9,#3498db)}.wheel-container .wheel .wheel-segment:nth-child(12){background:linear-gradient(135deg,#ff69b4,#e91e63)}.wheel-container .wheel .wheel-segment:nth-child(13){background:linear-gradient(135deg,#ff6b6b,#c0392b)}.wheel-container .wheel.spinning .wheel-segment{animation:segmentPulse .5s ease-in-out infinite alternate}@keyframes segmentPulse{0%{filter:brightness(1) saturate(1)}to{filter:brightness(1.3) saturate(1.2)}}@media (max-width: 1024px){.wheel-container{width:450px;height:450px;margin:40px auto}.wheel-container .spinButton{width:110px;height:110px}.wheel-container .spinButton .button-icon{font-size:18px}.wheel-container .spinButton .button-text{font-size:9px}.wheel-container .wheel .wheel-segment span{font-size:16px}}@media (max-width: 768px){.wheel-container{width:400px;height:400px;margin:30px auto}.wheel-container .spinButton{width:100px;height:100px}.wheel-container .spinButton .button-icon{font-size:16px}.wheel-container .spinButton .button-text{font-size:8px}.wheel-container .wheel .wheel-segment span{font-size:14px}}@media (max-width: 480px){.wheel-container{width:350px;height:350px;margin:20px auto}.wheel-container .spinButton{width:90px;height:90px}.wheel-container .spinButton .button-icon{font-size:14px}.wheel-container .spinButton .button-text{font-size:7px}.wheel-container .wheel .wheel-segment span{font-size:12px}}@media (max-width: 360px){.wheel-container{width:300px;height:300px;margin:15px auto}.wheel-container .spinButton{width:80px;height:80px}.wheel-container .spinButton .button-icon{font-size:12px}.wheel-container .spinButton .button-text{font-size:6px}.wheel-container .wheel .wheel-segment span{font-size:10px}}.wheel-container:before{content:"";position:absolute;top:-20px;left:-20px;right:-20px;bottom:-20px;background:radial-gradient(circle,transparent 30%,rgba(102,126,234,.1) 70%);border-radius:50%;animation:particleFloat 4s ease-in-out infinite;pointer-events:none}@keyframes particleFloat{0%,to{transform:translateY(0) rotate(0);opacity:.3}50%{transform:translateY(-10px) rotate(180deg);opacity:.7}}.wheel-container .wheel.winner{animation:winnerGlow 2s ease-out}@keyframes winnerGlow{0%{box-shadow:0 0 0 8px #ffffff1a,0 0 0 16px #667eea33,0 20px 60px #0006,inset 0 2px 20px #ffffff1a}50%{box-shadow:0 0 0 8px #ffffff4d,0 0 0 16px #667eea80,0 30px 80px #0009,inset 0 2px 20px #ffffff4d}to{box-shadow:0 0 0 8px #ffffff1a,0 0 0 16px #667eea33,0 20px 60px #0006,inset 0 2px 20px #ffffff1a}}.wheel-container .spinButton.loading{animation:buttonPulse 1s ease-in-out infinite}@keyframes buttonPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@media (max-width: 1024px){.page-title{font-size:2.5rem!important}.page-description{font-size:1rem!important}.stats-grid{grid-template-columns:repeat(3,1fr)!important;gap:1rem!important}.stats-card{padding:1.25rem!important}.stats-icon{font-size:2rem!important}.stats-number{font-size:1.5rem!important}.stats-label{font-size:.875rem!important}.controls-container{flex-direction:row!important;gap:1rem!important}.control-button{padding:.75rem 1.5rem!important;font-size:.875rem!important}.prizes-grid{grid-template-columns:repeat(4,1fr)!important;gap:.75rem!important}.prize-card{padding:1rem!important}.prize-icon{font-size:1.5rem!important}.prize-value{font-size:.875rem!important}.prize-chance{font-size:.75rem!important}}@media (max-width: 768px){.page-title{font-size:2rem!important}.page-description{font-size:.875rem!important;padding:0 1rem!important}.stats-grid{grid-template-columns:repeat(3,1fr)!important;gap:.75rem!important;margin-bottom:2rem!important}.stats-card{padding:1rem!important}.stats-icon{font-size:1.75rem!important}.stats-number{font-size:1.25rem!important}.stats-label{font-size:.75rem!important}.controls-container{flex-direction:column!important;gap:.75rem!important}.control-button{padding:.625rem 1.25rem!important;font-size:.8rem!important}.tip-text{font-size:.75rem!important;margin-top:1rem!important}.prizes-title{font-size:1.5rem!important}.prizes-grid{grid-template-columns:repeat(3,1fr)!important;gap:.5rem!important}.prize-card{padding:.75rem!important}.prize-icon{font-size:1.25rem!important}.prize-value{font-size:.75rem!important}.prize-chance{font-size:.625rem!important}}@media (max-width: 480px){.page-title{margin-bottom:.25rem;font-size:1.75rem!important}.page-description{font-size:11px!important;line-height:1.5!important}.stats-grid{grid-template-columns:repeat(3,1fr)!important;gap:.5rem!important;margin-bottom:1.5rem!important}.stats-card{padding:.25rem .5rem!important}.stats-icon{margin-bottom:.25rem!important;font-size:1.5rem!important}.stats-number{font-size:1rem!important}.stats-label{font-size:.625rem!important}.controls-container{flex-direction:column!important;gap:.5rem!important}.control-button{padding:.5rem 1rem!important;font-size:.75rem!important}.tip-text{font-size:.7rem!important;margin-top:.75rem!important}.prizes-title{font-size:1.25rem!important}.prizes-grid{grid-template-columns:repeat(2,1fr)!important;gap:.5rem!important}.prize-card{padding:.625rem!important}.prize-icon{font-size:1rem!important}.prize-value{font-size:.7rem!important}.prize-chance{font-size:.6rem!important}}@media (max-width: 360px){.page-title{font-size:1.5rem!important}.page-description{font-size:.75rem!important}.stats-grid{grid-template-columns:repeat(3,1fr)!important;gap:.375rem!important}.stats-card{padding:.5rem!important}.stats-icon{font-size:1.25rem!important}.stats-number{font-size:.875rem!important}.stats-label{font-size:.5rem!important}.prizes-grid{grid-template-columns:repeat(2,1fr)!important;gap:.375rem!important}.prize-card{padding:.5rem!important}.prize-icon{font-size:.875rem!important}.prize-value{font-size:.625rem!important}.prize-chance{font-size:.5rem!important}}