.wheel-game-container{display:flex;flex-direction:column;align-items:center;padding:15px;width:100%;max-width:1000px;max-height:475px;margin:0 auto;background-color:rgba(16,28,37,.8);border:1px solid #264052;border-radius:12px;box-shadow:0 8px 20px rgba(0,0,0,.4);color:#e6d3a3;overflow:hidden;position:relative;transition:all .4s ease}.wheel-game-container:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,rgba(230,211,163,.5),transparent);animation:glow-pulse 3s infinite;z-index:1}.wheel-game-container .game-header{text-align:center;margin-bottom:15px;width:100%;transition:all .3s ease;position:relative;z-index:2}.wheel-game-container .game-header.hidden{display:none}.wheel-game-container .game-header h2{font-size:22px;color:#e6d3a3;text-shadow:0 2px 4px rgba(0,0,0,.5);margin-bottom:5px;font-weight:700;letter-spacing:.5px;position:relative;display:inline-block}.wheel-game-container .game-header h2:after,.wheel-game-container .game-header h2:before{content:"✨";font-size:18px;position:relative;top:-2px}.wheel-game-container .game-header h2:before{margin-right:10px}.wheel-game-container .game-header h2:after{margin-left:10px}.wheel-game-container .game-header p{font-size:14px;color:#a8978c;margin-bottom:12px;text-shadow:0 1px 2px rgba(0,0,0,.3)}.wheel-game-container .game-header .spin-info{display:flex;justify-content:center;align-items:center;gap:25px;background-color:rgba(22,38,51,.7);padding:2px 15px;border-radius:8px;border:1px solid #264052;box-shadow:0 3px 10px rgba(0,0,0,.2);transition:all .3s ease}.wheel-game-container .game-header .spin-info:hover{background-color:rgba(28,48,64,.8);box-shadow:0 5px 15px rgba(0,0,0,.3)}.wheel-game-container .game-header .spin-info .coin-balance{display:flex;align-items:center;font-weight:700;color:#f1c40f;transition:all .3s ease;position:relative}.wheel-game-container .game-header .spin-info .coin-balance:hover{transform:translateY(-2px)}.wheel-game-container .game-header .spin-info .coin-balance .coin-icon{font-size:18px;margin-right:8px;animation:coin-spin 4s linear infinite;display:inline-block}.wheel-game-container .game-header .spin-info .coin-balance .coin-amount{font-size:15px;text-shadow:0 1px 3px rgba(0,0,0,.4)}.wheel-game-container .game-header .spin-info .spin-cost,.wheel-game-container .game-header .spin-info .spin-count{color:#a8978c;font-size:13px;padding:4px 8px;border-radius:4px;background-color:rgba(0,0,0,.2);transition:all .3s ease;border:1px solid rgba(58,84,106,.3)}.wheel-game-container .game-header .spin-info .spin-cost:hover,.wheel-game-container .game-header .spin-info .spin-count:hover{background-color:rgba(0,0,0,.3);transform:translateY(-2px)}.wheel-game-container .game-header .spin-info .spin-cost{color:#e67e22}.wheel-game-container .game-header .spin-info .spin-count{color:#3498db}.wheel-game-container .wheel-container{display:flex;justify-content:center;align-items:center;width:100%;gap:30px;height:500px;position:relative;transition:all .4s ease}.wheel-game-container .wheel-container .wheel-canvas-wrapper{display:flex;justify-content:center;align-items:center;width:350px;height:350px;position:relative;filter:drop-shadow(0 5px 15px rgba(0,0,0,.5))}.wheel-game-container .wheel-container canvas{width:350px;height:350px;cursor:pointer;border-radius:50%;box-shadow:0 5px 20px rgba(0,0,0,.5);transition:all .4s ease;position:relative;z-index:10;margin:0 auto;display:block}.wheel-game-container .wheel-container canvas:hover{transform:scale(1.03);box-shadow:0 8px 25px rgba(0,0,0,.6)}.wheel-game-container .wheel-container canvas.spinning{transform:none;box-shadow:0 8px 25px rgba(0,0,0,.7),0 0 15px rgba(255,215,0,.5);animation:none;z-index:10}.wheel-game-container .wheel-container .wheel-info{flex:1;display:flex;flex-direction:column;justify-content:center;gap:2px;max-width:400px;height:380px;overflow:hidden;transition:all .3s ease}.wheel-game-container .wheel-container .wheel-info.hidden{opacity:.3}.wheel-game-container .wheel-container .wheel-info .latest-prize{background-color:rgba(22,38,51,.7);padding:4px;border-radius:8px;border:1px solid #264052;margin-bottom:5px;box-shadow:0 2px 8px rgba(0,0,0,.2);transition:all .3s ease;display:flex;gap:16px;justify-items:space-between}.wheel-game-container .wheel-container .wheel-info .latest-prize:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.3)}.wheel-game-container .wheel-container .wheel-info .latest-prize h3{font-size:16px;border-bottom:1px solid #3a546a;color:#f1c40f;text-shadow:0 1px 2px rgba(0,0,0,.5);margin-left:10px;display:flex;align-items:center}.wheel-game-container .wheel-container .wheel-info .latest-prize h3:before{content:"🏆";margin-right:8px;font-size:18px}.wheel-game-container .wheel-container .wheel-info .latest-prize .prize-item{display:flex;align-items:center;padding:2px;background-color:rgba(14,23,32,.7);border-radius:6px;border-left:4px solid;margin-bottom:0;transition:all .3s ease;box-shadow:0 2px 5px rgba(0,0,0,.2)}.wheel-game-container .wheel-container .wheel-info .latest-prize .prize-item .prize-image{width:48px;height:48px;margin-right:12px;display:flex;align-items:center;justify-content:center;background-color:rgba(0,0,0,.2);border-radius:6px;padding:4px}.wheel-game-container .wheel-container .wheel-info .latest-prize .prize-item .prize-image img{max-width:100%;max-height:100%;object-fit:contain;filter:drop-shadow(0 2px 3px rgba(0,0,0,.5));animation:prize-glow 2s infinite alternate}.wheel-game-container .wheel-container .wheel-info .latest-prize .prize-item .prize-details{flex:1}.wheel-game-container .wheel-container .wheel-info .latest-prize .prize-item .prize-details .prize-name{font-weight:700;color:#fff;font-size:14px;margin-bottom:5px;text-shadow:0 1px 2px rgba(0,0,0,.4)}.wheel-game-container .wheel-container .wheel-info .latest-prize .prize-item .prize-details .prize-value{color:#a8978c;font-size:12px;padding:2px 6px;background-color:rgba(0,0,0,.2);border-radius:4px;display:inline-block}.wheel-game-container .game-footer{display:flex;flex-direction:column;align-items:center;width:100%;transition:all .3s ease;margin-top:10px;padding:10px;background-color:rgba(22,38,51,.5);border-radius:8px;box-shadow:0 -2px 10px rgba(0,0,0,.2)}.wheel-game-container .game-footer.hidden{display:none}.wheel-game-container .game-footer .instructions{font-size:14px;color:#e6d3a3;margin:0;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.4)}.wheel-game-container .game-footer .instructions[style*="color: #E74C3C"]{animation:warning-pulse 1s infinite alternate;padding:5px 10px;border-radius:4px;background-color:rgba(231,76,60,.1);border:1px solid rgba(231,76,60,.3);margin-top:5px;font-weight:700}.wheel-game-container.spinning-active{padding:15px;background-color:rgba(16,28,37,.9);border:1px solid #366384;box-shadow:0 10px 25px rgba(0,0,0,.5),inset 0 0 30px rgba(52,152,219,.2);max-height:475px;overflow:hidden}.wheel-game-container.spinning-active .wheel-container{height:500px;margin-bottom:10px;width:100%;justify-content:center}.stages-info{background-color:rgba(22,38,51,.7);padding:2px 12px;border-radius:8px;border:1px solid #264052;flex:1;overflow-y:auto;max-height:280px}.stages-info h3{font-size:16px;border-bottom:1px solid #3a546a;padding-bottom:5px;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.5)}.stages-info .current-stage{background-color:rgba(14,23,32,.7);border-radius:6px;padding:10px;margin-bottom:2px;box-shadow:0 2px 8px rgba(0,0,0,.2);transition:all .3s ease;position:relative;overflow:hidden}.stages-info .current-stage.stage-comun{border:1px solid rgba(100,149,237,.7)}.stages-info .current-stage.stage-comun:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,rgba(100,149,237,.5),transparent);animation:glow-pulse 2s infinite}.stages-info .current-stage.stage-avansat{border:1px solid rgba(218,165,32,.7)}.stages-info .current-stage.stage-avansat:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,rgba(255,215,0,.6),transparent);animation:glow-pulse 2s infinite}.stages-info .current-stage.stage-legendar{border:1px solid rgba(178,34,34,.7)}.stages-info .current-stage.stage-legendar:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,rgba(255,0,0,.6),transparent);animation:glow-pulse 1.5s infinite}.stages-info .current-stage .stage-badge{display:flex;align-items:center;gap:20px;margin-bottom:6px}.stages-info .current-stage .stage-badge .stage-icon{font-size:20px;margin-right:10px;display:flex;align-items:center;animation:subtle-float 3s ease-in-out infinite}.stages-info .current-stage .stage-badge h4{font-size:16px;color:#fff;margin:0;text-shadow:0 1px 2px rgba(0,0,0,.5);font-weight:700;letter-spacing:.5px}.stages-info .current-stage .stage-description p{margin:0 0 8px;color:#a8978c;font-size:13px;line-height:1.4}.stages-info .current-stage .stage-timer{background-color:rgba(0,0,0,.2);border-radius:4px;padding:6px;display:flex;flex-direction:column;align-items:center;margin-top:6px;border:1px solid rgba(255,255,255,.1)}.stages-info .current-stage .stage-timer .timer-display{font-size:16px;font-weight:700;color:#e6d3a3;margin-bottom:2px;display:flex;align-items:center}.stages-info .current-stage.stage-avansat .stage-timer .timer-display{color:#FFD700}.stages-info .current-stage.stage-legendar .stage-timer .timer-display{color:#FF6347}.stages-info .current-stage .stage-timer .timer-label{font-size:11px;color:#a8978c}.stages-info .stages-progression{background-color:rgba(14,23,32,.5);border-radius:6px;padding:10px}.stages-info .stages-progression .stage-row{display:flex;align-items:center;justify-content:space-between;padding:4px 8px;border-radius:6px;position:relative;transition:all .3s ease;margin-bottom:2px}.stages-info .stages-progression .stage-row.active{background-color:rgba(30,50,65,.7);box-shadow:0 0 10px rgba(0,0,0,.3);transform:translateY(-2px) scale(1.02);z-index:2}.stages-info .stages-progression .stage-row.active .stage-indicator .stage-circle{border-color:#3498db;background-color:rgba(52,152,219,.2);box-shadow:0 0 10px rgba(52,152,219,.4)}.stages-info .stages-progression .stage-row.active .stage-indicator .stage-circle.stage-avansat{border-color:#daa520;background-color:rgba(218,165,32,.2);box-shadow:0 0 10px rgba(218,165,32,.4)}.stages-info .stages-progression .stage-row.active .stage-indicator .stage-circle.stage-legendar{border-color:#b22222;background-color:rgba(178,34,34,.2);box-shadow:0 0 10px rgba(178,34,34,.4)}.stages-info .stages-progression .stage-row.complete .stage-indicator .stage-circle{border-color:#2ecc71;background-color:rgba(46,204,113,.2)}.stages-info .stages-progression .stage-row.complete .stage-indicator .stage-circle:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:14px;color:#2ecc71}.stages-info .stages-progression .stage-row.complete .stage-indicator .stage-name{color:#2ecc71}.stages-info .stages-progression .stage-row.locked{opacity:.7}.stages-info .stages-progression .stage-row.locked .stage-indicator .stage-circle{border-color:#7f8c8d;background-color:rgba(127,140,141,.1)}.stages-info .stages-progression .stage-row.locked .stage-indicator .stage-circle:after{content:"🔒";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:11px}.stages-info .stages-progression .stage-row.locked .stage-indicator .stage-name{color:#7f8c8d}.stages-info .stages-progression .stage-row .stage-indicator{display:flex;align-items:center}.stages-info .stages-progression .stage-row .stage-indicator .stage-circle{width:28px;height:28px;border-radius:50%;border:2px solid #3a546a;background-color:rgba(14,23,32,.7);display:flex;justify-content:center;align-items:center;font-weight:700;font-size:14px;color:#e6d3a3;margin-right:10px;transition:all .3s ease;position:relative}.stages-info .stages-progression .stage-row .stage-indicator .stage-name{font-size:14px;color:#e6d3a3;transition:all .3s ease}.stages-info .stages-progression .stage-row .progress-container{width:120px}.stages-info .stages-progression .stage-row .progress-container .progress-bar{height:8px;width:100%;background-color:rgba(0,0,0,.3);border-radius:4px;overflow:hidden;box-shadow:inset 0 1px 3px rgba(0,0,0,.3);margin-bottom:5px}.stages-info .stages-progression .stage-row .progress-container .progress-bar .progress-fill{height:100%;background:linear-gradient(90deg,#3498db,#2980b9);border-radius:4px;transition:width .3s ease;box-shadow:0 0 5px rgba(52,152,219,.5);position:relative;overflow:hidden}.stages-info .stages-progression .stage-row .progress-container .progress-bar .progress-fill:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,.3),rgba(255,255,255,0));transform:translateX(-100%);animation:progress-shine 2s infinite}.stages-info .stages-progression .stage-row .progress-container .progress-bar.avansat-fill .progress-fill{background:linear-gradient(90deg,#daa520,#b8860b);box-shadow:0 0 5px rgba(218,165,32,.5)}.stages-info .stages-progression .stage-row .progress-container .progress-text{font-size:11px;color:#a8978c;text-align:center}.stages-info .stages-progression .stage-row .stage-info .completed-text{font-size:12px;color:#2ecc71;background-color:rgba(46,204,113,.1);padding:3px 6px;border-radius:3px;border:1px solid rgba(46,204,113,.3)}.stages-info .stages-progression .stage-row .stage-features{display:flex;flex-wrap:wrap;gap:5px}.stages-info .stages-progression .stage-row .stage-features .feature-badge{font-size:11px;padding:3px 6px;border-radius:3px;background-color:rgba(30,50,65,.7);color:#e6d3a3;border:1px solid rgba(255,255,255,.1);white-space:nowrap}.stages-info .stages-progression .stage-row .stage-features .feature-badge.gold{background-color:rgba(218,165,32,.2);border-color:rgba(218,165,32,.4);color:#FFD700}.stages-info .stages-progression .stage-row .stage-features .feature-badge.red{background-color:rgba(178,34,34,.2);border-color:rgba(178,34,34,.4);color:#FF6347}.stages-info .stages-progression .connector-line{width:2px;height:15px;background-color:#3a546a;margin-left:14px;position:relative}.stages-info .stages-progression .connector-line:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(180deg,#3a546a,rgba(58,84,106,.3))}@keyframes glow-pulse{0%,to{opacity:.5}50%{opacity:1}}@keyframes subtle-float{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes progress-shine{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}@keyframes prize-glow{0%{filter:drop-shadow(0 2px 3px rgba(0,0,0,.5))}to{filter:drop-shadow(0 2px 6px rgba(241,196,15,.8))}}@keyframes coin-spin{0%{transform:rotateY(0deg)}to{transform:rotateY(1turn)}}@keyframes warning-pulse{0%{text-shadow:0 0 5px rgba(231,76,60,.5)}to{text-shadow:0 0 10px rgba(231,76,60,.8)}}@media (max-width:900px){.wheel-game-container{max-height:none;padding:12px}.wheel-game-container .game-header h2{font-size:18px}.wheel-game-container .game-header h2:after,.wheel-game-container .game-header h2:before{font-size:14px}.wheel-game-container .game-header p{font-size:12px}.wheel-game-container .game-header .spin-info{gap:15px;padding:2px 10px}.wheel-game-container .wheel-container{flex-direction:column;align-items:center;height:auto;gap:20px}.wheel-game-container .wheel-container .wheel-canvas-wrapper{width:300px;height:300px;margin-bottom:15px}.wheel-game-container .wheel-container canvas{width:300px;height:300px;margin-bottom:0}.wheel-game-container .wheel-container canvas.spinning{width:300px;height:300px}.wheel-game-container .wheel-container .wheel-info{width:100%;max-width:100%;height:auto;max-height:250px}.wheel-game-container .wheel-container .wheel-info .latest-prize,.wheel-game-container .wheel-container .wheel-info .stages-info{padding:10px}.wheel-game-container .wheel-container .wheel-info .stages-progression,.wheel-game-container .wheel-container .wheel-info .stages-progression .stage-row{padding:8px}}@media (max-width:750px) and (max-height:560px){.wheel-game-container{max-height:475px!important;padding:8px!important}.wheel-game-container .game-header{margin-bottom:8px!important}.wheel-game-container .game-header h2{font-size:16px!important}.wheel-game-container .game-header h2:after,.wheel-game-container .game-header h2:before{font-size:12px!important}.wheel-game-container .game-header p{font-size:11px!important;margin-bottom:6px!important}.wheel-game-container .game-header .spin-info{gap:10px!important;padding:2px 8px!important;font-size:11px!important}.wheel-game-container .game-header .spin-info .coin-balance .coin-amount{font-size:12px!important}.wheel-game-container .game-header .spin-info .spin-cost,.wheel-game-container .game-header .spin-info .spin-count{font-size:11px!important;padding:2px 6px!important}.wheel-game-container .wheel-container{flex-direction:row!important;align-items:center!important;height:380px!important;gap:12px!important;justify-content:center!important}.wheel-game-container .wheel-container .wheel-canvas-wrapper{width:280px!important;height:280px!important;flex-shrink:0!important;margin-bottom:0!important}.wheel-game-container .wheel-container canvas,.wheel-game-container .wheel-container canvas.spinning{width:280px!important;height:280px!important}.wheel-game-container .wheel-container .wheel-info{flex:1!important;max-width:350px!important;width:auto!important;height:360px!important;max-height:360px!important;gap:4px!important}.wheel-game-container .wheel-container .wheel-info .latest-prize{padding:3px!important;margin-bottom:4px!important}.wheel-game-container .wheel-container .wheel-info .latest-prize h3{font-size:13px!important}.wheel-game-container .wheel-container .wheel-info .latest-prize .prize-item{padding:2px!important}.wheel-game-container .wheel-container .wheel-info .latest-prize .prize-item .prize-image{width:36px!important;height:36px!important;margin-right:8px!important}.wheel-game-container .wheel-container .wheel-info .latest-prize .prize-item .prize-details .prize-name{font-size:12px!important}.wheel-game-container .wheel-container .wheel-info .latest-prize .prize-item .prize-details .prize-value{font-size:10px!important}.wheel-game-container .wheel-container .wheel-info .stages-info{padding:2px 8px!important;max-height:240px!important}.wheel-game-container .wheel-container .wheel-info .stages-info .current-stage{padding:6px!important;margin-bottom:2px!important}.wheel-game-container .wheel-container .wheel-info .stages-info .current-stage .stage-badge{gap:10px!important;margin-bottom:4px!important}.wheel-game-container .wheel-container .wheel-info .stages-info .current-stage .stage-badge .stage-icon{font-size:16px!important;margin-right:6px!important}.wheel-game-container .wheel-container .wheel-info .stages-info .current-stage .stage-badge h4{font-size:13px!important}.wheel-game-container .wheel-container .wheel-info .stages-info .current-stage .stage-description p{font-size:11px!important;margin-bottom:4px!important}.wheel-game-container .wheel-container .wheel-info .stages-info .current-stage .stage-timer{padding:4px!important;margin-top:4px!important}.wheel-game-container .wheel-container .wheel-info .stages-info .current-stage .stage-timer .timer-display{font-size:13px!important}.wheel-game-container .wheel-container .wheel-info .stages-info .stages-progression{padding:6px!important}.wheel-game-container .wheel-container .wheel-info .stages-info .stages-progression .stage-row{padding:4px 6px!important;margin-bottom:2px!important}.wheel-game-container .wheel-container .wheel-info .stages-info .stages-progression .stage-indicator .stage-circle{width:22px!important;height:22px!important;font-size:11px!important;margin-right:6px!important}.wheel-game-container .wheel-container .wheel-info .stages-info .stages-progression .stage-indicator .stage-name{font-size:11px!important}.wheel-game-container .wheel-container .wheel-info .stages-info .stages-progression .progress-container{width:90px!important}.wheel-game-container .wheel-container .wheel-info .stages-info .stages-progression .progress-container .progress-bar{height:6px!important}.wheel-game-container .wheel-container .wheel-info .stages-info .stages-progression .progress-container .progress-text{font-size:9px!important}.wheel-game-container .wheel-container .wheel-info .stages-info .stages-progression .stage-features .feature-badge{font-size:9px!important;padding:2px 4px!important}}@media (max-width:500px){.wheel-game-container{padding:10px;border-radius:8px}.wheel-game-container:before{height:2px}.wheel-game-container .game-header h2{font-size:16px;margin-bottom:5px}.wheel-game-container .game-header h2:after,.wheel-game-container .game-header h2:before{display:none}.wheel-game-container .wheel-container .wheel-canvas-wrapper,.wheel-game-container .wheel-container canvas,.wheel-game-container .wheel-container canvas.spinning{width:240px;height:240px}.wheel-game-container .wheel-container .wheel-info{max-height:220px}.wheel-game-container .wheel-container .wheel-info .current-stage{padding:2px 8px}.wheel-game-container .wheel-container .wheel-info .current-stage .stage-badge h4{font-size:14px}.wheel-game-container .wheel-container .wheel-info .stages-progression .stage-indicator .stage-circle{width:24px;height:24px;font-size:12px}.wheel-game-container .wheel-container .wheel-info .stages-progression .stage-features .feature-badge{font-size:10px;padding:2px 4px}.wheel-game-container .game-header .spin-info{flex-direction:column;gap:6px;padding:6px}.wheel-game-container .game-header .spin-info .coin-balance,.wheel-game-container .game-header .spin-info .spin-cost,.wheel-game-container .game-header .spin-info .spin-count{width:100%;justify-content:center;font-size:12px}}