@import url(https://fonts.googleapis.com/css2?family=Orbitron:wght@400;600;700&display=swap);*{box-sizing:border-box}*,body{margin:0;padding:0}#root{height:100vh;width:100vw}@keyframes glow{0%,to{box-shadow:0 0 5px #8a2be280,0 0 10px #8a2be266,0 0 15px #8a2be24d}50%{box-shadow:0 0 10px #8a2be2cc,0 0 20px #8a2be299,0 0 30px #8a2be266}}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-5px)}20%,40%,60%,80%{transform:translate(5px)}}@keyframes zoomIn{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@keyframes ripple{0%{opacity:1;transform:scale(0)}to{opacity:0;transform:scale(4)}}@keyframes gradientShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.shake{animation:shake .5s}.glow{animation:glow 2s ease-in-out infinite}.pulse{animation:pulse 1s ease-in-out infinite}.tutorial-overlay{align-items:center;animation:fadeIn .3s ease;background:#000000f2;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:10000}.tutorial-modal{animation:slideIn .5s ease;background:linear-gradient(135deg,#1a1a2e,#16213e);border:3px solid #ff6b35;border-radius:20px;box-shadow:0 0 40px #ff6b3580;max-width:600px;padding:30px;width:90%}@keyframes slideIn{0%{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}.tutorial-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:25px}.tutorial-header h2{color:#ff6b35;font-size:1.8rem;margin:0}.skip-btn{background:#0000;border:1px solid #ffffff4d;border-radius:8px;color:#fff;cursor:pointer;font-size:.9rem;padding:8px 15px;transition:all .3s ease}.skip-btn:hover{background:#ffffff1a;border-color:#fff}.tutorial-body{margin-bottom:25px;text-align:center}.tutorial-icon{animation:pulse 2s infinite;font-size:4rem;margin-bottom:20px}.tutorial-body p{color:#ccc;font-size:1.1rem;line-height:1.6;margin:0}.tutorial-footer{align-items:center;display:flex;justify-content:space-between}.tutorial-progress{color:#ff6b35;font-size:1rem;font-weight:700}.tutorial-progress span{font-size:1.5rem}.tutorial-btn{border:none;border-radius:10px;cursor:pointer;font-size:1rem;font-weight:700;padding:12px 30px;transition:all .3s ease}.btn-primary{background:linear-gradient(135deg,#ff6b35,#ff8c42);box-shadow:0 4px 15px #ff6b3566;color:#fff}.btn-primary:hover{box-shadow:0 6px 20px #ff6b3599;transform:translateY(-2px)}.btn-secondary{background:#0000;border:2px solid #fff;color:#fff}.btn-secondary:hover{background:#ffffff1a}@media (max-width:768px){.tutorial-modal{max-width:95%;padding:20px}.tutorial-header h2{font-size:1.4rem}.tutorial-icon{font-size:3rem}.tutorial-body p{font-size:1rem}.tutorial-btn{font-size:.9rem;padding:10px 20px}.skip-btn{font-size:.8rem;padding:6px 12px}}.App{align-items:center;background:radial-gradient(circle at center,#1a0033,#000);display:flex;justify-content:center;margin:0;min-height:100vh;overflow:hidden;padding:0;text-align:center}.game-container{box-shadow:inset 0 0 100px #8a2be24d;height:100vh;position:relative;width:100vw}.game-canvas{border:none;filter:contrast(1.1) brightness(1.05);height:100vh;width:100vw}.hud{animation:fadeInLeft .5s ease-out;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;left:30px;position:absolute;text-shadow:0 0 20px #ffd700cc,0 4px 8px #000c;top:100px;z-index:100}.hud h1{-webkit-text-fill-color:#0000;animation:scoreGlow 2s ease-in-out infinite;background:linear-gradient(135deg,gold,orange,#ff6b00);-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 0 15px rgba(255,215,0,.6));font-size:3.2rem;font-weight:800;letter-spacing:3px;margin:10px 0}.hud h2{font-size:2rem;margin:10px 0;text-shadow:0 0 10px #ffffff80}.warning{animation:blink .5s infinite;color:red}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}@keyframes fadeInLeft{0%{opacity:0;transform:translateX(-50px)}to{opacity:1;transform:translateX(0)}}@keyframes scoreGlow{0%,to{filter:drop-shadow(0 0 15px rgba(255,215,0,.6))}50%{filter:drop-shadow(0 0 25px rgba(255,215,0,.9))}}.game-over{animation:gameOverAppear .5s ease-out;background:linear-gradient(135deg,#000000f2,#140028f2);border:3px solid #8a2be280;border-radius:30px;box-shadow:0 0 50px #8a2be299,inset 0 0 30px #8a2be233;color:#fff;padding:60px 80px;z-index:1000}.game-over h1{-webkit-text-fill-color:#0000;animation:titlePulse 1.5s ease-in-out infinite;background:linear-gradient(135deg,gold,orange,#ff6b00);-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 0 20px rgba(255,215,0,.8));font-size:4rem;margin:0 0 20px}.game-over h2{color:#0ff;font-size:2.5rem;margin:20px 0;text-shadow:0 0 20px #0ffc}.game-over button{background:linear-gradient(135deg,#0f8,#0c6);border:none;border-radius:15px;box-shadow:0 8px 20px #0f86,inset 0 -3px 10px #0003;color:#fff;cursor:pointer;font-size:1.6rem;font-weight:700;letter-spacing:2px;margin-top:30px;overflow:hidden;padding:18px 50px;position:relative;text-transform:uppercase;transition:all .3s ease}.game-over button:before{background:#ffffff4d;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s;width:0}.game-over button:hover:before{height:300px;width:300px}.game-over button:hover{background:linear-gradient(135deg,#0fa,#0d7);box-shadow:0 12px 30px #0f89,inset 0 -3px 10px #0003;transform:translateY(-3px)}.game-over button:active{box-shadow:0 4px 15px #0f86;transform:translateY(0)}@keyframes gameOverAppear{0%{opacity:0;transform:translate(-50%,-50%) scale(.8)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes titlePulse{0%,to{filter:drop-shadow(0 0 20px rgba(255,215,0,.8));transform:scale(1)}50%{filter:drop-shadow(0 0 30px rgba(255,215,0,1));transform:scale(1.05)}}.training-hud{align-items:center;display:flex;gap:100px;justify-content:center;left:0;padding:0 40px;position:absolute;right:0;top:20px;z-index:100}.training-score{background:linear-gradient(135deg,#000c,#140028cc);border:2px solid #ffd70080;border-radius:15px;box-shadow:0 0 30px #ffd7004d;padding:20px 40px}.energy-cost{background:linear-gradient(135deg,#f003,#8b00004d);border:2px solid #ff000080;border-radius:10px;box-shadow:0 0 20px #ff00004d;color:#f44;font-size:1.2rem;font-weight:700;padding:10px 20px;text-shadow:0 0 10px #f44c}.score-label{color:gold;font-size:1rem;font-weight:600;letter-spacing:2px}.score-value{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,gold,orange);-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 0 15px rgba(255,215,0,.6));font-size:2rem;font-weight:800}.back-button{background:#00d4ff;border:none;border-radius:5px;color:#000;cursor:pointer;font-family:Orbitron,monospace;font-size:1rem;font-weight:700;left:10px;padding:8px 16px;position:absolute;top:10px;transition:all .3s ease;z-index:1000}.back-button:hover{background:#0ff;box-shadow:0 4px 15px #00d4ff66;transform:translateY(-2px)}.target-zone-display{animation:zoneGlow 2s ease-in-out infinite;background:linear-gradient(135deg,#000000e6,#140028e6);border:3px solid #f009;border-radius:15px;bottom:30px;box-shadow:0 0 40px #ff000080,inset 0 0 20px #f003;padding:10px;position:absolute;right:30px;text-align:center;width:-webkit-fit-content;width:fit-content;z-index:100}.target-zone-display img{border:2px solid #ffd70080;border-radius:8px;box-shadow:0 0 20px #ffd7004d;height:auto;object-fit:contain;width:180px}.zone-label{color:#f44;font-size:.9rem;font-weight:700;letter-spacing:1px;margin-bottom:8px;text-shadow:0 0 10px #f44c}.zone-name{color:gold;font-size:1rem;font-weight:700;margin-top:8px;text-shadow:0 0 15px #ffd700cc}.zone-points{color:#0f0;font-size:1.3rem;font-weight:800;margin-top:5px;text-shadow:0 0 20px #0f0c}@keyframes zoneGlow{0%,to{box-shadow:0 0 40px #ff000080,inset 0 0 20px #f003}50%{box-shadow:0 0 60px #f00c,inset 0 0 30px #ff00004d}}.training-result{animation:gameOverAppear .5s ease-out;background:linear-gradient(135deg,#000000f2,#140028f2);border:3px solid #ffd70080;border-radius:30px;box-shadow:0 0 50px #ffd70099;color:#fff;left:50%;padding:60px 80px;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);z-index:1000}.training-result h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,gold,orange);-webkit-background-clip:text;background-clip:text;font-size:3rem;margin:0 0 20px}.final-score{color:#0f0;font-size:2.5rem;font-weight:800;text-shadow:0 0 20px #0f0c}.countdown-overlay{align-items:center;animation:fadeIn .3s ease-out;background:#000000b3;display:flex;flex-direction:column;height:100%;justify-content:center;left:0;top:0;width:100%;z-index:2000}.countdown-number{animation:countdownPulse 1s ease-out;font-family:Arial Black,sans-serif;font-size:15rem;font-weight:900;text-shadow:0 0 50px gold,0 0 100px #ffd700cc,0 10px 30px #000c}.countdown-text{animation:fadeIn .5s ease-out;color:#fff;font-size:3rem;font-weight:700;letter-spacing:3px;margin-top:20px;text-shadow:0 0 20px #fffc}.countdown-go{-webkit-text-fill-color:#0000;animation:goAnimation .8s ease-out;background:linear-gradient(135deg,#0f0,#0c0);-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 0 50px rgba(0,255,0,.8));font-family:Arial Black,sans-serif;font-size:18rem;font-weight:900;text-shadow:0 0 80px #0f0}@keyframes goAnimation{0%{opacity:0;transform:scale(.3) rotate(-10deg)}50%{transform:scale(1.3) rotate(5deg)}to{opacity:1;transform:scale(1) rotate(0deg)}}@media (max-width:768px){.hud h1{font-size:2rem}.hud h2{font-size:1.5rem}.game-over{padding:40px 50px}.game-over h1{font-size:2.5rem}.game-over h2{font-size:1.8rem}.game-over button{font-size:1.3rem;padding:15px 35px}.target-zone-display{bottom:20px;padding:15px;right:20px}.target-zone-display img{height:150px;width:150px}}.game-hud{align-items:center;animation:hudSlideIn .8s cubic-bezier(.34,1.56,.64,1);display:flex;font-family:Orbitron,monospace;gap:40px;left:50%;position:absolute;top:30px;transform:translateX(-50%);z-index:100}@keyframes hudSlideIn{0%{opacity:0;transform:translateX(-50%) translateY(-50px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.player-hud{align-items:center;animation:slideInLeft .6s ease-out;display:flex;gap:15px}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}.player-info{position:relative}.player-name{animation:nameGlow 2s ease-in-out infinite;color:#fff;font-size:16px;font-weight:700;letter-spacing:2px;position:absolute;right:0;text-shadow:0 0 10px #ff6b35cc,0 2px 8px #000000e6;text-transform:uppercase;top:-25px}@keyframes nameGlow{0%,to{text-shadow:0 0 10px #ff6b35cc,0 2px 8px #000000e6}50%{text-shadow:0 0 20px #ff6b35,0 2px 8px #000000e6}}.health-bar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#000c,#141428e6);border:3px solid #ffffff4d;border-radius:12px;box-shadow:0 4px 20px #00000080,inset 0 2px 10px #0009;height:40px;overflow:hidden;position:relative;width:280px}.health-bar:before{background:linear-gradient(180deg,#ffffff1a,#0000);content:"";height:50%;left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:2}.health-fill{box-shadow:0 0 20px currentColor;height:100%;position:relative;transition:width .5s cubic-bezier(.4,0,.2,1)}.health-fill:before{animation:healthShine 2s linear infinite;background:linear-gradient(90deg,#0000,#ffffff4d 50%,#0000);bottom:0;content:"";left:0;position:absolute;right:0;top:0}@keyframes healthShine{0%{transform:translateX(-100%)}to{transform:translateX(200%)}}.health-fill.player{background:linear-gradient(90deg,red,#f44 50%,#ff6b35);box-shadow:0 0 20px #ff6b3599,inset 0 2px 10px #ffffff4d}.health-fill.opponent{background:linear-gradient(90deg,#08f,#0bf 50%,#00d4ff);box-shadow:0 0 20px #00d4ff99,inset 0 2px 10px #ffffff4d}.health-fill[style*="width: 0"]{animation:healthDepleted .5s ease-out}@keyframes healthDepleted{0%,to{opacity:1}50%{opacity:.3}}.player-avatar{align-items:center;animation:avatarPulse 2s ease-in-out infinite;background:linear-gradient(135deg,#ff6b3533,#000c);border:4px solid #ff6b35;border-radius:50%;box-shadow:0 0 30px #ff6b3599,inset 0 2px 10px #00000080;display:flex;font-size:32px;height:65px;justify-content:center;overflow:hidden;position:relative;transition:all .3s ease;width:65px}.player-avatar:before{animation:avatarRotate 3s linear infinite;background:linear-gradient(45deg,#0000 30%,#ff6b354d 50%,#0000 70%);content:"";height:200%;left:-50%;position:absolute;top:-50%;width:200%}@keyframes avatarPulse{0%,to{box-shadow:0 0 30px #ff6b3599,inset 0 2px 10px #00000080;transform:scale(1)}50%{box-shadow:0 0 40px #ff6b35e6,inset 0 2px 10px #00000080;transform:scale(1.05)}}@keyframes avatarRotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.opponent-hud{align-items:center;animation:slideInRight .6s ease-out;display:flex;flex-direction:row-reverse;gap:15px}@keyframes slideInRight{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}.opponent-info{position:relative}.opponent-name{animation:opponentNameGlow 2s ease-in-out infinite;color:#fff;font-size:16px;font-weight:700;left:0;letter-spacing:2px;position:absolute;text-shadow:0 0 10px #00d4ffcc,0 2px 8px #000000e6;text-transform:uppercase;top:-25px}@keyframes opponentNameGlow{0%,to{text-shadow:0 0 10px #00d4ffcc,0 2px 8px #000000e6}50%{text-shadow:0 0 20px #00d4ff,0 2px 8px #000000e6}}.opponent-avatar{align-items:center;animation:opponentAvatarPulse 2s ease-in-out infinite;background:linear-gradient(135deg,#00d4ff33,#000c);border:4px solid #00d4ff;border-radius:50%;box-shadow:0 0 30px #00d4ff99,inset 0 2px 10px #00000080;display:flex;font-size:32px;height:65px;justify-content:center;overflow:hidden;position:relative;transition:all .3s ease;width:65px}.opponent-avatar:before{animation:avatarRotate 3s linear infinite;background:linear-gradient(45deg,#0000 30%,#00d4ff4d 50%,#0000 70%);content:"";height:200%;left:-50%;position:absolute;top:-50%;width:200%}@keyframes opponentAvatarPulse{0%,to{box-shadow:0 0 30px #00d4ff99,inset 0 2px 10px #00000080;transform:scale(1)}50%{box-shadow:0 0 40px #00d4ffe6,inset 0 2px 10px #00000080;transform:scale(1.05)}}.game-timer{animation:timerEntrance .8s cubic-bezier(.68,-.55,.265,1.55);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:linear-gradient(135deg,#000000e6,#141428f2);border:4px solid #fff6;border-radius:20px;box-shadow:0 8px 30px #0009,inset 0 2px 15px #ffffff1a;color:#fff;font-size:48px;font-weight:900;overflow:hidden;padding:20px 45px;position:relative;text-shadow:0 0 20px #fffc,0 4px 10px #000000e6}.game-timer:before{animation:timerSweep 3s linear infinite;background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}@keyframes timerEntrance{0%{opacity:0;transform:scale(.5) rotate(-10deg)}60%{transform:scale(1.1) rotate(5deg)}to{opacity:1;transform:scale(1) rotate(0deg)}}@keyframes timerSweep{0%{left:-100%}to{left:200%}}.game-timer.warning{animation:pulse-timer .6s infinite,timerShake .3s infinite;border-color:red;box-shadow:0 8px 30px #f00c,inset 0 2px 15px #ff00004d;color:red}@keyframes pulse-timer{0%,to{text-shadow:0 0 20px #f00c,0 4px 10px #000000e6;transform:scale(1)}50%{text-shadow:0 0 40px red,0 4px 10px #000000e6;transform:scale(1.15)}}@keyframes timerShake{0%,to{transform:translateX(0) scale(1)}25%{transform:translateX(-3px) scale(1.05)}75%{transform:translateX(3px) scale(1.05)}}.damage-indicator{animation:damage-float 1.2s cubic-bezier(.34,1.56,.64,1) forwards;color:red;font-size:32px;font-weight:900;pointer-events:none;position:absolute;right:10px;text-shadow:0 0 20px red,0 0 40px #f009,0 2px 10px #000000e6;top:-40px;z-index:10}.damage-indicator:before{animation:damageSymbol .3s ease-out;content:"-";left:-15px;position:absolute}@keyframes damage-float{0%{opacity:1;transform:translateY(0) scale(.5) rotate(-10deg)}20%{transform:translateY(-10px) scale(1.3) rotate(5deg)}to{opacity:0;transform:translateY(-60px) scale(.8) rotate(10deg)}}@keyframes damageSymbol{0%,to{transform:scale(1)}50%{transform:scale(1.5)}}.combat-result-overlay{align-items:center;background:#000000e6;display:flex;height:100vh;justify-content:center;left:0;opacity:0;position:fixed;top:0;transition:opacity .5s ease;width:100vw;z-index:9999}.combat-result-overlay.show{opacity:1}.combat-result-modal{background:linear-gradient(135deg,#1a1a2e,#16213e);border:3px solid #ff6b35;border-radius:20px;box-shadow:0 0 50px #ff6b3580;font-family:Orbitron,monospace;max-width:400px;opacity:0;padding:30px;text-align:center;transform:scale(.7);transition:all .5s cubic-bezier(.68,-.55,.265,1.55);width:90%}.combat-result-modal.show{opacity:1;transform:scale(1)}.result-image-container{animation:float 3s ease-in-out infinite;margin-bottom:15px}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.result-image{filter:drop-shadow(0 0 20px rgba(255,107,53,.6));height:auto;max-width:200px;width:100%}.result-title{animation:pulse 1.5s ease-in-out infinite;font-size:2.5rem;font-weight:700;margin:15px 0;text-shadow:0 0 20px currentColor}.result-xp{align-items:center;background:#ff6b351a;border:2px solid #ff6b354d;border-radius:10px;display:flex;gap:10px;justify-content:center;margin:25px 0;padding:15px}.xp-icon{font-size:2rem}.xp-value{color:gold;font-size:1.8rem;font-weight:700;text-shadow:0 0 10px gold}.result-buttons{display:flex;flex-wrap:wrap;gap:15px;justify-content:center;margin-top:25px}.result-buttons button{border:none;border-radius:10px;cursor:pointer;font-family:Orbitron,monospace;font-size:1rem;font-weight:700;overflow:hidden;padding:12px 30px;position:relative;transition:all .3s ease}.result-buttons button:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.result-buttons button:hover:before{left:100%}.btn-rematch{background:linear-gradient(45deg,#ff6b35,#ff8c42);box-shadow:0 4px 15px #ff6b3566;color:#fff}.btn-rematch:hover{box-shadow:0 6px 20px #ff6b3599;transform:translateY(-3px)}.btn-menu{background:linear-gradient(45deg,#00d4ff,#09c);box-shadow:0 4px 15px #00d4ff66;color:#fff}.btn-menu:hover{box-shadow:0 6px 20px #00d4ff99;transform:translateY(-3px)}@media (max-width:768px){.combat-result-modal{padding:25px 20px}.result-title{font-size:2rem}.result-image{max-width:150px}.xp-value{font-size:1.5rem}.result-buttons button{font-size:.9rem;padding:10px 25px}}.belt-promotion-overlay{align-items:center;background:#000000f2;display:flex;height:100vh;justify-content:center;left:0;opacity:0;overflow:hidden;position:fixed;top:0;transition:opacity .5s ease;width:100vw;z-index:10000}.belt-promotion-overlay.show{opacity:1}.belt-promotion-modal{background:linear-gradient(135deg,#1a1a2e,#16213e);border:3px solid gold;border-radius:20px;box-shadow:0 20px 60px #00000080;max-height:85vh;max-width:600px;opacity:0;overflow-x:hidden;overflow-y:auto;padding:40px;position:relative;transform:scale(.8);transition:all .5s cubic-bezier(.68,-.55,.265,1.55);width:90%}.belt-promotion-modal.show{opacity:1;transform:scale(1)}.belt-promotion-glow{animation:pulse-glow 2s ease-in-out infinite;background:radial-gradient(circle,#ffd7004d 0,#0000 70%);height:200%;left:-50%;pointer-events:none;position:absolute;top:-50%;width:200%}@keyframes pulse-glow{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}.belt-promotion-content{box-sizing:border-box;position:relative;text-align:center;width:100%;z-index:1}.belt-icon{animation:bounce-in .8s ease-out;font-size:80px;margin-bottom:20px}@keyframes bounce-in{0%{transform:scale(0) rotate(-180deg)}50%{transform:scale(1.2) rotate(10deg)}to{transform:scale(1) rotate(0deg)}}.belt-title{animation:glow-text 1.5s ease-in-out infinite;color:gold;font-size:48px;font-weight:700;margin-bottom:20px;text-shadow:0 0 20px #ffd700cc,0 0 40px #ffd70080}@keyframes glow-text{0%,to{text-shadow:0 0 20px #ffd700cc,0 0 40px #ffd70080}50%{text-shadow:0 0 30px gold,0 0 60px #ffd700cc}}.belt-name{word-wrap:break-word;animation:belt-shine 2s ease-in-out infinite;border-radius:15px;font-size:32px;font-weight:700;letter-spacing:2px;margin:0 auto 30px;max-width:100%;padding:20px 30px;text-align:center;text-transform:uppercase;transition:all .3s ease}@keyframes belt-shine{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.belt-forms,.belt-meaning,.belt-quote{word-wrap:break-word;box-sizing:border-box;overflow-wrap:break-word;width:100%}.belt-meaning{background:#ffffff0d;border-left:4px solid gold;border-radius:15px;margin-bottom:25px;padding:25px}.belt-meaning h3{color:gold;font-size:24px;font-weight:700;margin-bottom:15px}.belt-meaning p{color:#fff;font-size:18px;line-height:1.6}.belt-quote{background:linear-gradient(135deg,#ff6b0033,#ffd70033);border:2px solid #ff6b00;border-radius:15px;margin-bottom:25px;padding:25px;position:relative}.belt-quote.choi{background:linear-gradient(135deg,#ffd70033,#ffffff1a);border:2px solid gold}.quote-icon{font-size:40px;margin-bottom:15px}.quote-text{color:#fff;font-size:18px;font-style:italic;font-weight:500;line-height:1.6}.belt-forms{background:#ffffff0d;border:2px solid #4ecdc4;border-radius:15px;margin-bottom:30px;padding:25px}.belt-forms h3{color:#4ecdc4;font-size:24px;font-weight:700;margin-bottom:20px}.form-item{align-items:center;background:#ffffff0d;border-radius:10px;display:flex;justify-content:space-between;margin-bottom:10px;padding:15px 20px;transition:all .3s ease}.form-item:hover{background:#ffffff1a;transform:translateX(5px)}.form-item:last-child{margin-bottom:0}.form-name{color:#fff;font-size:20px;font-weight:700}.form-moves{color:gold;font-size:18px;font-weight:600}.belt-continue-button{background:linear-gradient(135deg,gold,orange);border:none;border-radius:50px;box-shadow:0 5px 20px #ffd70066;color:#000;cursor:pointer;font-size:24px;font-weight:700;padding:18px 50px;text-transform:uppercase;transition:all .3s ease}.belt-continue-button:hover{background:linear-gradient(135deg,orange,gold);box-shadow:0 8px 30px #ffd70099;transform:translateY(-3px)}.belt-continue-button:active{transform:translateY(-1px)}.belt-particles{border-radius:20px;height:100%;left:0;overflow:hidden;pointer-events:none;position:absolute;top:0;width:100%}.belt-particle{animation:float-particle 4s ease-in-out infinite;background:gold;border-radius:50%;box-shadow:0 0 10px #ffd700cc;height:8px;position:absolute;width:8px}@keyframes float-particle{0%{opacity:0;transform:translateY(100vh) scale(0)}10%{opacity:1}90%{opacity:1}to{opacity:0;transform:translateY(-100vh) scale(1)}}.belt-promotion-modal::-webkit-scrollbar{width:8px}.belt-promotion-modal::-webkit-scrollbar-track{background:#ffffff0d;border-radius:10px}.belt-promotion-modal::-webkit-scrollbar-thumb{background:gold;border-radius:10px}.belt-promotion-modal::-webkit-scrollbar-thumb:hover{background:orange}@media (max-width:768px){.belt-promotion-modal{padding:30px 20px;width:95%}.belt-title{font-size:32px}.belt-name{font-size:24px;padding:15px 20px}.belt-forms h3,.belt-meaning h3{font-size:20px}.belt-meaning p,.form-name,.quote-text{font-size:16px}.form-moves{font-size:14px}.belt-continue-button{font-size:18px;padding:15px 35px}}body{overflow:hidden}.login-container{align-items:center;background:linear-gradient(135deg,#2a2a2a,#1a1a1a 50%,#0a0a0a);box-sizing:border-box;display:flex;font-family:Orbitron,monospace;height:100vh;justify-content:center;overflow:hidden;padding:20px;position:fixed;width:100vw}.login-container:before{animation:pulse 4s ease-in-out infinite;background:radial-gradient(circle at 50% 50%,#ff6b351a 0,#0000 50%);content:"";height:100%;position:absolute;width:100%}.login-box{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0009;border:2px solid #00d4ff4d;border-radius:15px;box-shadow:0 8px 32px #0000004d;box-sizing:border-box;max-height:90vh;max-width:600px;overflow-y:auto;padding:30px;position:relative;transition:all .3s ease;width:100%;z-index:10}.login-box:hover{border-color:#00d4ff;box-shadow:0 10px 40px #00d4ff33}.login-box h1{color:#ff6b35;font-size:2.5rem;font-weight:700;margin:0 0 10px;text-align:center;text-shadow:0 0 20px #ff6b3599}.login-box h1,.login-logo{animation:titleGlow 2s ease-in-out infinite}.login-logo{display:block;filter:drop-shadow(0 0 20px rgba(255,107,53,.6));height:auto;margin:0 auto 15px;width:150px}@keyframes titleGlow{0%,to{text-shadow:0 0 20px #ff6b3599}50%{text-shadow:0 0 30px #ff6b35e6}}.login-box h2{color:#00d4ff;font-size:1.5rem;font-weight:600;margin:0 0 20px;text-align:center;text-shadow:0 2px 4px #00000080}.login-box form{display:flex;flex-direction:column;gap:12px}.form-row{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.form-row.single{grid-template-columns:1fr}.login-box input{background:#ffffff1a;border:2px solid #ff6b354d;border-radius:10px;box-sizing:border-box;color:#fff;font-family:Orbitron,monospace;font-size:15px;padding:12px;transition:all .3s ease;width:100%}.login-box input:focus{background:#ffffff26;border-color:#ff6b35;box-shadow:0 0 10px #ff6b354d;outline:none}.login-box input::placeholder{color:#ffffff80}.login-box select{background:#ffffff1a;border:2px solid #ff6b354d;border-radius:10px;box-sizing:border-box;color:#fff;cursor:pointer;font-family:Orbitron,monospace;font-size:15px;padding:12px;transition:all .3s ease;width:100%}.login-box select:focus{background:#ffffff26;border-color:#ff6b35;box-shadow:0 0 10px #ff6b354d;outline:none}.login-box select option{background:#1a1a2e;color:#fff}.error-message{animation:feedbackPop .3s ease;background:linear-gradient(135deg,#ff4757,#df0606);border-radius:8px;color:#fff;font-size:14px;padding:12px;text-align:center}@keyframes feedbackPop{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.login-box button{background:linear-gradient(45deg,#ff6b35,#ff8c42);border:none;border-radius:10px;box-shadow:0 4px 15px #0000004d;color:#fff;cursor:pointer;font-family:Orbitron,monospace;font-size:17px;font-weight:700;margin-top:5px;overflow:hidden;padding:12px 30px;position:relative;transition:all .3s ease}.login-box button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.login-box button:hover:not(:disabled){box-shadow:0 6px 20px #0006;transform:translateY(-2px)}.login-box button:hover:not(:disabled):before{left:100%}.login-box button:active:not(:disabled){transform:translateY(0)}.login-box button:disabled{cursor:not-allowed;opacity:.6}.toggle-text{color:#ffffffb3;font-size:14px;margin-top:15px;text-align:center}.toggle-text span{color:#ff6b35;cursor:pointer;font-weight:700;margin-left:5px;transition:all .2s ease}.toggle-text span:hover{color:#ff8c42;text-shadow:0 0 10px #ff6b3580}@media (max-width:768px){.login-box{max-width:90%;padding:30px 20px}.login-box h1{font-size:2rem}.login-box h2{font-size:1.2rem}}.menu-container{background:linear-gradient(135deg,#2a2a2a,#1a1a1a 50%,#0a0a0a);color:#fff;font-family:Orbitron,monospace;height:100vh;overflow:hidden;position:fixed;width:100vw}.menu-container:before{animation:pulse 4s ease-in-out infinite;background:radial-gradient(circle at 50% 50%,#ff6b351a 0,#0000 50%);content:"";height:100%;pointer-events:none;position:absolute;width:100%}.ash-particle:nth-child(11){animation-delay:.3s;animation-duration:8.3s;bottom:15vh;left:25%}.ash-particle:nth-child(12){animation-delay:1.2s;animation-duration:7.2s;bottom:35vh;left:35%}.ash-particle:nth-child(13){animation-delay:2.8s;animation-duration:8.8s;bottom:55vh;left:45%}.ash-particle:nth-child(14){animation-delay:.7s;animation-duration:9.2s;bottom:75vh;left:55%}.ash-particle:nth-child(15){animation-delay:1.9s;animation-duration:7.6s;bottom:5vh;left:65%}.ash-particle:nth-child(16){animation-delay:2.4s;animation-duration:8.4s;bottom:25vh;left:75%}.ash-particle:nth-child(17){animation-delay:.9s;animation-duration:9.1s;bottom:45vh;left:85%}.ash-particle:nth-child(18){animation-delay:1.6s;animation-duration:7.9s;bottom:65vh;left:95%}.ash-particle:nth-child(19){animation-delay:2.1s;animation-duration:8.7s;bottom:85vh;left:5%}.ash-particle:nth-child(20){animation-delay:.4s;animation-duration:9.3s;bottom:12vh;left:12%}.ash-particle:nth-child(21){animation-delay:1.3s;animation-duration:7.4s;bottom:32vh;left:22%}.ash-particle:nth-child(22){animation-delay:2.6s;animation-duration:8.6s;bottom:52vh;left:32%}.ash-particle:nth-child(23){animation-delay:.6s;animation-duration:9.4s;bottom:72vh;left:42%}.ash-particle:nth-child(24){animation-delay:1.7s;animation-duration:7.7s;bottom:8vh;left:52%}.ash-particle:nth-child(25){animation-delay:2.3s;animation-duration:8.9s;bottom:28vh;left:62%}.ash-particle:nth-child(26){animation-delay:.8s;animation-duration:9.5s;bottom:48vh;left:72%}.ash-particle:nth-child(27){animation-delay:1.4s;animation-duration:7.3s;bottom:68vh;left:82%}.ash-particle:nth-child(28){animation-delay:2.7s;animation-duration:8.1s;bottom:88vh;left:92%}.ash-particle:nth-child(29){animation-delay:1.1s;animation-duration:9.6s;bottom:18vh;left:8%}.ash-particle:nth-child(30){animation-delay:2.9s;animation-duration:7.1s;bottom:38vh;left:18%}.menu-header{align-items:center;background:#0003;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;padding:15px 20px;position:relative;z-index:10}.logo-icon{filter:drop-shadow(0 0 10px rgba(255,107,53,.5));height:5rem;margin-right:10px;vertical-align:middle;width:auto}.user-info{flex-wrap:wrap;min-width:0}.user-avatar{align-items:center;background:#00d4ff;cursor:pointer;display:flex;font-size:1.2rem;justify-content:center;overflow:hidden;transition:all .3s ease}.user-avatar:hover{box-shadow:0 0 15px #00d4ff80;transform:scale(1.1)}.user-stats{display:flex;flex-direction:column;gap:2px;min-width:200px}.user-stats h3{color:#00d4ff;font-size:1.1rem;margin:0}.user-stats p{align-items:center;color:#ccc;display:flex;font-size:.9rem;gap:8px;margin:0}.belt-image-menu{filter:drop-shadow(0 2px 3px rgba(0,0,0,.5));height:20px;max-width:80px;object-fit:contain;vertical-align:middle;width:auto}.xp-container{align-items:center;display:flex;gap:8px;margin-top:5px}.xp-info{display:flex;font-size:.8rem;gap:5px}.xp-label{color:#00d4ff;font-weight:700}.xp-numbers{color:#fff}.xp-bar{background:#ffffff1a;border:1px solid #00d4ff4d;border-radius:10px;height:12px;position:relative;width:200px}.xp-fill{background:#00d4ff;border-radius:10px;box-shadow:0 0 10px #00d4ff66;height:100%;transition:width .3s ease}.user-attributes{display:flex;flex-wrap:wrap;gap:8px;margin-top:5px}.attr{background:#0000004d;border-radius:8px;color:#fff;cursor:help;font-size:.75rem;padding:2px 6px;position:relative;transition:all .3s ease}.attr:hover{background:#00d4ff33;box-shadow:0 4px 8px #00d4ff4d;transform:translateY(-2px)}.attr[title]:hover:after{background:#000000f2;border:1px solid #00d4ff;border-radius:8px;box-shadow:0 4px 12px #00d4ff66;color:#fff;content:attr(title);font-size:.75rem;margin-top:8px;padding:8px 12px;white-space:nowrap;z-index:1000}.attr[title]:hover:after,.attr[title]:hover:before{animation:tooltipFadeIn .2s ease;left:50%;pointer-events:none;position:absolute;top:100%;transform:translateX(-50%)}.attr[title]:hover:before{border:6px solid;border-color:#0000 #0000 #00d4ff;content:"";margin-top:2px;z-index:1001}@keyframes tooltipFadeIn{0%{opacity:0;transform:translateX(-50%) translateY(-5px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.logout-card{align-items:center;background:linear-gradient(135deg,#00d4ffcc,#0096ffcc)!important;border:1px solid #00d4ff99!important;border-radius:4px!important;box-shadow:0 1px 2px #00d4ff33!important;cursor:pointer;display:inline-flex!important;flex-direction:column;flex-shrink:0;gap:2px;justify-content:center;max-width:none!important;min-height:0!important;min-height:auto!important;min-width:0!important;min-width:auto!important;padding:3px 6px!important;transition:all .3s ease;width:auto!important}.logout-card:hover{background:linear-gradient(135deg,#00d4ff,#0096ff)!important;border-color:#00d4ff!important;box-shadow:0 2px 4px #00d4ff66!important;transform:translateY(-1px) scale(1.05)!important}.logout-icon{font-size:14px;line-height:1}.logout-text{color:#fff;font-size:10px;font-weight:600;line-height:1;margin:0;padding:0}.menu-grid{display:flex;gap:30px;margin:0 auto;max-width:1600px;overflow:hidden;padding:40px 100px;position:relative;z-index:10}.menu-carousel{display:flex;gap:30px;transition:transform .4s ease}.carousel-btn{z-index:10}.menu-card{background:#0009;border:2px solid #00d4ff4d;border-radius:20px;cursor:pointer;flex-shrink:0;max-width:350px;min-width:350px;padding:40px;text-align:center;transition:all .3s ease}.menu-card:hover{background:#000c;border-color:#00d4ff;box-shadow:0 15px 35px #00d4ff66;transform:translateY(-8px)}.card-icon{font-size:4.5rem;height:180px;margin-bottom:20px}.menu-card:hover .card-icon img{filter:drop-shadow(0 8px 16px rgba(0,212,255,.6));transform:scale(1.15)}.menu-card h3{color:#00d4ff;font-size:1.5rem;font-weight:700;margin-bottom:12px}.menu-card p{color:#ccc;font-size:1.1rem;margin:0}@media (max-width:1200px){.menu-grid{padding:40px 80px}.menu-card{max-width:320px;min-width:320px;padding:35px}.card-icon{height:160px}}@media (max-width:768px){.menu-header{align-items:flex-start;flex-direction:column;padding:10px 15px}.logo-icon{height:4rem}.user-info{justify-content:space-between;width:100%}.user-stats{flex:1 1;min-width:150px}.xp-bar{width:150px}.menu-grid{padding:30px 70px}.carousel-btn{font-size:1.5rem;height:50px;width:50px}.carousel-btn.prev{left:10px}.carousel-btn.next{right:10px}.menu-card{max-width:280px;min-width:280px;padding:30px}.card-icon{font-size:4rem;height:140px}.menu-card h3{font-size:1.3rem}.menu-card p{font-size:1rem}}@media (max-width:480px){.menu-grid{padding:20px 60px}.carousel-btn{font-size:1.3rem;height:45px;width:45px}.menu-card{max-width:260px;min-width:260px;padding:25px}.card-icon{height:120px}.menu-card h3{font-size:1.2rem}.menu-card p{font-size:.95rem}}.energy-warning-modal{animation:modalBounce .5s ease;background:linear-gradient(135deg,#1a1a2e,#0a0a0a);border:3px solid #ff6b35;border-radius:20px;box-shadow:0 0 50px #ff6b3580;max-width:400px;padding:40px;text-align:center}@keyframes modalBounce{0%{opacity:0;transform:scale(.5)}50%{transform:scale(1.05)}to{opacity:1;transform:scale(1)}}.warning-icon{animation:warningPulse 1.5s infinite;font-size:80px;margin-bottom:20px}@keyframes warningPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.energy-warning-modal h2{color:#ff6b35;font-size:28px;margin:0 0 20px;text-shadow:0 0 10px #ff6b3580}.energy-warning-modal p{color:#fff;font-size:18px;margin:15px 0}.energy-info{color:#00d4ff;font-size:14px;margin-top:20px}.warning-btn{background:linear-gradient(135deg,#ff6b35,#ff4500);border:none;border-radius:10px;box-shadow:0 4px 15px #ff6b3566;color:#fff;cursor:pointer;font-size:16px;font-weight:700;margin-top:20px;padding:15px 40px;transition:all .3s}.warning-btn:hover{box-shadow:0 6px 20px #ff6b3599;transform:translateY(-2px)}.shop-btn{background:linear-gradient(135deg,#00d4ff,#0096ff)!important}.shop-btn:hover{box-shadow:0 6px 20px #00d4ff99!important}.shop-container{animation:slideUp .4s ease;background:linear-gradient(135deg,#1a1a2e,#16213e);border:3px solid #00d4ff;border-radius:20px;box-shadow:0 20px 60px #00d4ff4d;display:flex;flex-direction:column;max-height:90vh;max-width:1400px;overflow:hidden;width:90%}.shop-header{align-items:center;background:linear-gradient(135deg,#00d4ff,#0096ff);box-shadow:0 4px 20px #0000004d;display:flex;gap:20px;justify-content:space-between;padding:20px 30px}.shop-header h2{color:#fff;font-size:26px;letter-spacing:1px;margin:0;text-shadow:2px 2px 4px #0000004d}.user-money{background:#0006;border:2px solid #ffd7004d;border-radius:25px;color:gold;font-size:20px;font-weight:700;padding:10px 20px;text-shadow:0 0 10px #ffd70080;transition:all .3s}.user-money:hover{border-color:gold;transform:scale(1.05)}.close-btn{background:#fff3;border:2px solid #fff;height:45px;width:45px}.close-btn:hover{background:#fff;color:#00d4ff;transform:rotate(90deg) scale(1.1)}.shop-filters{align-items:center;background:#0000004d;border-bottom:2px solid #00d4ff33;display:flex;flex-wrap:wrap;gap:15px;padding:15px 30px}.filter-btn{background:#00d4ff1a;border-radius:20px;color:#00d4ff;font-size:13px;font-weight:700;padding:8px 16px;text-transform:uppercase;transition:all .3s}.filter-btn.active,.filter-btn:hover{background:#00d4ff;box-shadow:0 4px 12px #00d4ff66;color:#fff;transform:translateY(-2px)}.shop-content{flex:1 1;overflow-y:auto;padding:30px}.shop-content::-webkit-scrollbar{width:12px}.shop-content::-webkit-scrollbar-track{background:#0000004d;border-radius:10px}.shop-content::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#00d4ff,#0096ff);border:2px solid #0000004d;border-radius:10px}.shop-content::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#00e5ff,#00b4ff)}.equipment-category{animation:categorySlide .5s ease;margin-bottom:50px}@keyframes categorySlide{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.category-title{background:#00d4ff1a;border-left:4px solid #00d4ff;border-radius:8px;box-shadow:0 4px 15px #00d4ff33;color:#00d4ff;font-size:22px;font-weight:700;letter-spacing:1px;margin:0 0 25px;padding:12px 20px;text-transform:uppercase}.items-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(4,1fr)}.shop-item{align-items:center;animation:itemSlideIn .4s ease-out;animation-fill-mode:both;background:linear-gradient(135deg,#16213e,#0f1626);border:2px solid #00d4ff4d;border-radius:15px;display:flex;flex-direction:column;justify-content:space-between;min-height:350px;padding:20px;position:relative;transition:all .3s ease}.shop-item:first-child{animation-delay:.05s}.shop-item:nth-child(2){animation-delay:.1s}.shop-item:nth-child(3){animation-delay:.15s}.shop-item:nth-child(4){animation-delay:.2s}.shop-item:nth-child(5){animation-delay:.25s}.shop-item:nth-child(6){animation-delay:.3s}.shop-item:nth-child(7){animation-delay:.35s}.shop-item:nth-child(8){animation-delay:.4s}.shop-item:hover{border-color:#00d4ff;box-shadow:0 15px 40px #00d4ff66;transform:translateY(-8px)}.shop-item.equipped{animation:equipGlow 2s ease-in-out infinite;border-color:#4caf50}@keyframes equipGlow{0%,to{box-shadow:0 0 20px #4caf5066}50%{box-shadow:0 0 40px #4caf50b3}}.item-badge{animation:badgePulse 2s ease-in-out infinite;border-radius:20px;font-size:10px;font-weight:700;letter-spacing:.5px;padding:6px 14px;position:absolute;right:10px;text-transform:uppercase;top:10px;z-index:10}@keyframes badgePulse{0%,to{opacity:1}50%{opacity:.8}}.badge-available{background:#ffc10733;border:1px solid #ffc107;box-shadow:0 0 10px #ffc1074d;color:#ffc107}.badge-owned{background:#2196f333;border:1px solid #2196f3;box-shadow:0 0 10px #2196f34d;color:#2196f3}.badge-equipped{background:#4caf5033;border:1px solid #4caf50;box-shadow:0 0 10px #4caf504d;color:#4caf50}.item-icon{filter:drop-shadow(0 6px 12px rgba(0,0,0,.4));height:100px;margin:15px 0;object-fit:contain;transition:all .3s ease;width:100px}.shop-item:hover .item-icon{filter:drop-shadow(0 8px 16px rgba(0,212,255,.5));transform:scale(1.15) rotate(5deg)}.item-name{align-items:center;color:#fff;display:flex;font-size:16px;font-weight:700;justify-content:center;margin:10px 0;min-height:40px;text-align:center;text-shadow:1px 1px 2px #00000080}.item-level{background:#ffffff0d;border-radius:12px;color:#888;font-size:11px;letter-spacing:1px;margin:5px 0;padding:4px 12px;text-transform:uppercase}.item-bonuses{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:15px 0;min-height:30px}.item-bonuses span{background:#4caf5026;border:1px solid #4caf5066;border-radius:15px;box-shadow:0 2px 8px #4caf5033;color:#4caf50;font-size:11px;font-weight:700;padding:5px 12px;transition:all .3s}.item-bonuses span:hover{background:#4caf504d;box-shadow:0 4px 12px #4caf5066;transform:translateY(-2px)}.item-price{animation:priceGlow 2s ease-in-out infinite;color:gold;font-size:22px;font-weight:700;margin:15px 0;text-shadow:0 0 15px #ffd70099}@keyframes priceGlow{0%,to{text-shadow:0 0 15px #ffd70099}50%{text-shadow:0 0 25px #ffd700e6}}.shop-item button{border:none;border-radius:10px;cursor:pointer;font-size:13px;font-weight:700;letter-spacing:1px;margin-top:auto;overflow:hidden;padding:12px;position:relative;text-transform:uppercase;transition:all .3s ease;width:100%}.shop-item button:before{background:#ffffff4d;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s;width:0}.shop-item button:hover:before{height:300px;width:300px}.buy-btn{background:linear-gradient(135deg,#ff6b35,#f7931e);box-shadow:0 4px 15px #ff6b3566;color:#fff}.buy-btn:hover:not(.disabled){background:linear-gradient(135deg,#ff8555,#ffa13e);box-shadow:0 8px 25px #ff6b3599;transform:translateY(-3px)}.buy-btn.disabled{background:#555;box-shadow:none;color:#999;cursor:not-allowed;opacity:.5}.equip-btn{background:linear-gradient(135deg,#4caf50,#45a049);box-shadow:0 4px 15px #4caf5066;color:#fff}.equip-btn:hover{background:linear-gradient(135deg,#5cbf60,#55b059);box-shadow:0 8px 25px #4caf5099;transform:translateY(-3px)}.unequip-btn{background:linear-gradient(135deg,#f44336,#d32f2f);box-shadow:0 4px 15px #f4433666;color:#fff}.unequip-btn:hover{background:linear-gradient(135deg,#ff5346,#e33f3f);box-shadow:0 8px 25px #f4433699;transform:translateY(-3px)}.shop-notification{animation:notificationSlide .4s ease;background:linear-gradient(135deg,#4caf50,#45a049);border-radius:10px;box-shadow:0 8px 25px #4caf5080;color:#fff;font-weight:700;padding:15px 25px;position:fixed;right:20px;top:20px;z-index:2000}@keyframes notificationSlide{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}@media (min-width:1400px){.items-grid{gap:25px;grid-template-columns:repeat(4,1fr)}}@media (min-width:1024px) and (max-width:1399px){.items-grid{gap:20px;grid-template-columns:repeat(4,1fr)}.shop-item{padding:15px}.item-icon{height:80px;width:80px}.item-name{font-size:14px;min-height:35px}}@media (min-width:768px) and (max-width:1023px){.items-grid{gap:15px;grid-template-columns:repeat(3,1fr)}.shop-container{width:95%}.shop-content{padding:20px}.category-title{font-size:20px}}@media (min-width:600px) and (max-width:767px){.items-grid{gap:15px;grid-template-columns:repeat(2,1fr)}.shop-header h2{font-size:22px}.user-money{padding:8px 15px}.category-title,.user-money{font-size:18px}}@media (max-width:599px){.items-grid{gap:15px;grid-template-columns:1fr}.shop-container{border-radius:0;max-height:100vh;width:100%}.shop-header{flex-wrap:wrap;padding:15px 20px}.shop-header h2{font-size:20px;margin-bottom:10px;text-align:center;width:100%}.user-money{font-size:16px;padding:6px 12px}.close-btn{font-size:20px;height:40px;width:40px}.shop-content{padding:15px}.category-title{font-size:18px;padding:10px 15px}.shop-item{padding:15px}.item-icon{height:90px;width:90px}}.empty-category{color:#888;font-size:16px;padding:40px;text-align:center}.empty-category:before{content:"🛒";display:block;font-size:48px;margin-bottom:15px;opacity:.5}.coin-shop-overlay{align-items:center;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000000e6;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.coin-shop-container{animation:slideUp .4s ease;background:linear-gradient(135deg,#0a0a0a,#1a1a2e);border:2px solid gold;border-radius:20px;box-shadow:0 0 50px #ffd7004d;font-family:Orbitron,monospace;max-height:90vh;max-width:900px;overflow-y:auto;padding:30px;position:relative;width:90%}.coin-shop-container::-webkit-scrollbar{width:8px}.coin-shop-container::-webkit-scrollbar-track{background:#0000004d;border-radius:10px}.coin-shop-container::-webkit-scrollbar-thumb{background:linear-gradient(45deg,gold,#ffed4e);border-radius:4px;box-shadow:0 0 10px #ffd70080}.coin-shop-container::-webkit-scrollbar-thumb:hover{background:linear-gradient(45deg,#ffed4e,gold);box-shadow:0 0 15px #ffd700cc}.close-button{align-items:center;background:#ff6b3533;border:2px solid #ff6b35;border-radius:50%;color:#ff6b35;cursor:pointer;display:flex;font-size:24px;height:40px;justify-content:center;position:absolute;right:15px;top:15px;transition:all .3s;width:40px}.close-button:hover{background:#ff6b35;color:#fff;transform:rotate(90deg)}.coin-shop-header{margin-bottom:30px;text-align:center}.coin-shop-header h1{color:gold;font-family:Orbitron,monospace;font-size:36px;font-weight:700;margin-bottom:15px;text-shadow:0 0 20px #ffd70080}.current-balance{align-items:center;color:#fff;display:flex;font-size:20px;gap:10px;justify-content:center}.balance-amount{background:linear-gradient(135deg,gold,#ffed4e);border-radius:20px;box-shadow:0 4px 15px #ffd7004d;color:#1a1a2e;font-weight:700;padding:8px 20px}.video-reward-section{animation:itemSlideIn .4s ease-out;background:#0009;border:2px solid #ffd7004d;border-radius:15px;margin-bottom:30px;padding:20px}.coming-soon{color:#ffffffb3;padding:30px;text-align:center}.coming-soon-icon{font-size:60px;margin-bottom:15px;opacity:.5}.coming-soon h3{color:gold;font-size:24px;letter-spacing:2px;margin-bottom:10px;text-transform:uppercase}.coming-soon p{color:#fff9;font-size:16px}.video-reward-section h2{margin-bottom:15px}.packages-section h2,.video-reward-section h2{color:gold;font-size:24px;letter-spacing:1px;text-align:center;text-transform:uppercase}.packages-section h2{margin-bottom:20px}.packages-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:30px}.coin-package-card{animation:itemSlideIn .4s ease-out;background:#0009;border:2px solid #ffd7004d;border-radius:15px;display:flex;flex-direction:column;min-height:400px;overflow:visible;padding:25px;position:relative;text-align:center;transition:all .3s}.coin-package-card:hover{border-color:gold;box-shadow:0 10px 30px #ffd7004d;transform:translateY(-5px)}.coin-package-card.popular{border-color:gold;box-shadow:0 0 30px #ffd70066;transform:scale(1.05)}.popular-badge{background:linear-gradient(135deg,gold,#ffed4e);border:2px solid #1a1a2e;border-radius:20px;box-shadow:0 4px 15px #ffd70080;color:#1a1a2e;font-size:12px;font-weight:700;left:50%;letter-spacing:1px;padding:6px 20px;position:absolute;text-transform:uppercase;top:-12px;transform:translateX(-50%)}.package-icon{font-size:60px;margin-bottom:15px}.package-name{color:#fff;font-size:24px;margin-bottom:15px;text-transform:uppercase}.package-coins{display:flex;flex-direction:column;margin-bottom:15px}.coins-amount{color:gold;font-size:36px;font-weight:700}.coins-label{color:#ffffffb3;font-size:14px}.package-price{margin-bottom:15px}.price-amount{color:#fff;font-size:32px;font-weight:700}.price-currency{color:#ffffffb3;font-size:16px;margin-left:5px}.package-discount{background:linear-gradient(135deg,#ff6b6b,#ee5a6f);border-radius:20px;color:#fff;display:inline-block;font-size:14px;font-weight:700;margin-bottom:15px;padding:5px 15px}.purchase-button{background:linear-gradient(135deg,#4caf50,#45a049);border:none;border-radius:25px;color:#fff;cursor:pointer;font-size:16px;font-weight:700;margin-top:auto;padding:12px 30px;text-transform:uppercase;transition:all .3s;width:100%}.purchase-button:hover{box-shadow:0 5px 20px #4caf5066;transform:scale(1.05)}.video-reward-container{align-items:center;display:flex;flex-direction:column;gap:15px}.video-reward-info{color:#fff;text-align:center}.reward-amount{color:gold;display:flex;font-size:24px;font-weight:700;gap:8px;margin-bottom:5px}.coin-icon,.reward-amount{align-items:center;justify-content:center}.coin-icon{background:linear-gradient(135deg,gold,#ffed4e);border:2px solid #ffed4e;border-radius:50%;box-shadow:0 2px 10px #ffd70080;display:inline-flex;font-size:20px;height:32px;width:32px}.videos-count{color:#ffffffb3;font-size:16px}.video-reward-button{background:linear-gradient(135deg,#2196f3,#1976d2);border:none;border-radius:30px;color:#fff;cursor:pointer;font-size:18px;font-weight:700;min-width:250px;padding:15px 40px;text-transform:uppercase;transition:all .3s}.video-reward-button.available:hover{box-shadow:0 5px 20px #2196f366;transform:scale(1.05)}.video-reward-button.disabled{background:#666;cursor:not-allowed;opacity:.6}.limit-message,.shop-footer{color:#fff9;font-size:14px;text-align:center}.shop-footer{border-top:1px solid #ffd70033;padding-top:20px}.shop-footer p{margin:5px 0}.paypal-modal{align-items:center;background:#000000e6;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:2000}.paypal-content{background:linear-gradient(135deg,#0a0a0a,#1a1a2e);border:2px solid gold;border-radius:20px;max-height:80vh;max-width:400px;overflow-y:auto;padding:30px;position:relative;width:90%}.paypal-content::-webkit-scrollbar{width:8px}.paypal-content::-webkit-scrollbar-track{background:#0000004d;border-radius:10px}.paypal-content::-webkit-scrollbar-thumb{background:linear-gradient(45deg,gold,#ffed4e);border-radius:4px;box-shadow:0 0 10px #ffd70080}.paypal-content::-webkit-scrollbar-thumb:hover{background:linear-gradient(45deg,#ffed4e,gold);box-shadow:0 0 15px #ffd700cc}.paypal-content h3{color:gold;font-size:20px;margin-bottom:15px;text-align:center}.paypal-content .price{color:#fff;font-size:28px;font-weight:700;margin-bottom:25px;text-align:center}@media (max-width:768px){.packages-grid{grid-template-columns:1fr}.coin-shop-container{padding:20px}.coin-shop-header h1{font-size:28px}.coin-package-card.popular{transform:scale(1)}}.overlay{align-items:center;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000000e6;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:1000}.stats-container{animation:slideUp .4s ease;background:linear-gradient(135deg,#0a0a0a,#1a1a2e);border:2px solid #00d4ff;border-radius:20px;box-shadow:0 0 50px #00d4ff4d;display:flex;flex-direction:column;font-family:Orbitron,monospace;max-height:90vh;max-width:1400px;overflow:hidden;width:90%}.stats-header{align-items:center;background:linear-gradient(135deg,#00d4ff,#0096ff);box-shadow:0 4px 20px #0000004d;display:flex;justify-content:space-between;padding:20px 30px}.stats-header h2{color:#fff;font-family:Orbitron,monospace;font-size:2.5rem;font-weight:700;margin:0;text-shadow:0 0 20px #ffffff80}.stats-loading{color:#00d4ff;font-size:24px;padding:50px;text-align:center}.stats-content{flex:1 1;overflow-y:auto;padding:30px}.stats-content::-webkit-scrollbar{width:8px}.stats-content::-webkit-scrollbar-track{background:#0000004d;border-radius:10px}.stats-content::-webkit-scrollbar-thumb{background:linear-gradient(45deg,#00d4ff,#0096ff);border-radius:4px;box-shadow:0 0 10px #00d4ff80}.stats-content::-webkit-scrollbar-thumb:hover{background:linear-gradient(45deg,#0096ff,#00d4ff);box-shadow:0 0 15px #00d4ffcc}.stats-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(3,1fr)}.stats-card{animation:itemSlideIn .4s ease-out;background:#0009;border:2px solid #00d4ff4d;border-radius:15px;padding:20px;transition:all .3s ease}@keyframes itemSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.stats-card:hover{border-color:#00d4ff;box-shadow:0 0 20px #00d4ff33;transform:translateX(5px)}.stats-card h3{color:#00d4ff;font-size:18px;font-weight:700;letter-spacing:1px;margin:0 0 20px;text-transform:uppercase}.profile-info{flex-direction:column;gap:15px}.profile-avatar,.profile-info{align-items:center;display:flex}.profile-avatar{background:linear-gradient(135deg,#00d4ff,#0096ff);border:3px solid #00d4ff;border-radius:50%;box-shadow:0 0 20px #00d4ff80;font-size:60px;height:120px;justify-content:center;overflow:hidden;width:120px}.profile-avatar img{height:100%;object-fit:cover;width:100%}.profile-details{text-align:center;width:100%}.profile-details h4{color:#fff;font-size:22px;margin:0 0 10px}.profile-details p{color:#ccc;font-size:16px;margin:5px 0}.profile-stats{border-top:1px solid #00d4ff4d;margin-top:15px;padding-top:15px}.profile-stats p{color:#00d4ff;font-size:14px;font-weight:700;margin:8px 0}.belt-image{filter:drop-shadow(0 2px 4px rgba(0,0,0,.5));height:auto;margin:10px 0;max-height:30px;object-fit:contain;width:100px}.belt-badge{border-radius:25px;box-shadow:0 4px 15px #00000080;color:#000;display:inline-block;font-size:14px;font-weight:700;margin:10px 0;padding:8px 20px}.stat-row{align-items:center;background:#ffffff08;border-radius:8px;display:flex;gap:12px;margin-bottom:10px;padding:12px;transition:all .3s}.stat-row:hover{background:#00d4ff1a;transform:translateX(5px)}.stat-icon{font-size:24px}.stat-label{color:#ccc;flex:1 1;font-size:14px}.stat-value{color:#00d4ff;font-size:18px;font-weight:700}.performance-card{display:flex;flex-direction:column;gap:15px;grid-column:span 1}.stat-box{background:#00d4ff1a;border:1px solid #00d4ff4d;border-radius:10px;padding:15px;text-align:center;transition:all .3s}.stat-box:hover{background:#00d4ff33;transform:scale(1.05)}.stat-number{color:#00d4ff;font-size:28px;font-weight:700;margin-bottom:5px}.stat-desc{color:#ccc;font-size:12px;text-transform:uppercase}.xp-card{grid-column:span 3}.xp-content{align-items:center;display:flex;gap:30px;justify-content:space-around}.xp-display{text-align:center}.xp-number{color:#00d4ff;font-size:48px;font-weight:700;text-shadow:0 0 20px #00d4ffcc}.xp-label{color:#ccc;font-size:14px;text-transform:uppercase}.xp-progress-container{flex:1 1;margin:0 30px;max-width:500px}.xp-progress-info{color:#ccc;display:flex;font-size:14px;justify-content:space-between;margin-bottom:10px}.xp-progress-bar{background:#ffffff1a;border:2px solid #00d4ff80;border-radius:15px;height:25px;overflow:hidden}.xp-progress-fill{background:linear-gradient(90deg,#00d4ff,#0096ff);border-radius:15px;box-shadow:0 0 15px #00d4ffcc;height:100%;transition:width .5s ease}.xp-info-text{text-align:center}.xp-info-text p{color:#ccc;font-size:16px;margin:8px 0}.mode-stats{grid-column:span 3}.mode-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(3,1fr)}.mode-section{background:#00d4ff0d;border:2px solid #00d4ff4d;border-radius:12px;padding:20px;text-align:center;transition:all .3s}.mode-section:hover{background:#00d4ff1a;border-color:#00d4ff;box-shadow:0 5px 20px #00d4ff4d;transform:translateY(-5px)}.mode-section h4{align-items:center;color:#00d4ff;display:flex;font-size:18px;gap:8px;justify-content:center;margin:0 0 15px}.mode-section p{color:#ccc;font-size:14px;margin:10px 0}.mode-section p:first-of-type{color:#00d4ff;font-size:16px;font-weight:700}.sessions-card{grid-column:span 1}.sessions-list{max-height:300px;overflow-y:auto}.sessions-list::-webkit-scrollbar{width:8px}.sessions-list::-webkit-scrollbar-track{background:#0000004d;border-radius:10px}.sessions-list::-webkit-scrollbar-thumb{background:#00d4ff80;border-radius:10px}.sessions-list::-webkit-scrollbar-thumb:hover{background:#00d4ff}.session-item{align-items:center;background:#ffffff08;border-radius:8px;display:flex;gap:15px;margin-bottom:10px;padding:12px;transition:all .3s}.session-item:hover{background:#00d4ff1a;transform:translateX(5px)}.session-mode{font-size:24px}.session-details{display:flex;flex:1 1;flex-direction:column;gap:5px}.session-score{color:#00d4ff;font-size:14px;font-weight:700}.session-time{color:#ccc;font-size:12px}.session-precision{color:#4caf50;font-size:16px;font-weight:700}.no-sessions{color:#666;font-style:italic;padding:30px;text-align:center}@media (max-width:1024px){.stats-grid{grid-template-columns:repeat(2,1fr)}.xp-card{flex-direction:column;gap:20px}.mode-stats,.xp-card{grid-column:span 2}.mode-grid{grid-template-columns:1fr}}@media (max-width:768px){.stats-grid{grid-template-columns:1fr}.mode-stats,.sessions-card,.xp-card{grid-column:span 1}.mode-grid{grid-template-columns:1fr}.stats-header h2{font-size:20px}.stats-content{padding:20px}}.ranking-overlay{align-items:center;animation:fadeIn .3s ease;background:#000000e6;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.ranking-modal{background:linear-gradient(135deg,#0a0a0a,#1a1a2e);border:2px solid #00d4ff;border-radius:20px;box-shadow:0 0 50px #00d4ff4d;font-family:Orbitron,monospace;max-height:90vh;max-width:1000px;overflow-y:auto;padding:30px;position:relative;width:90%}.ranking-modal::-webkit-scrollbar{width:8px}.ranking-modal::-webkit-scrollbar-track{background:#0000004d;border-radius:10px}.ranking-modal::-webkit-scrollbar-thumb{background:linear-gradient(45deg,#00d4ff,#0096ff);border-radius:4px;box-shadow:0 0 10px #00d4ff80}.ranking-modal::-webkit-scrollbar-thumb:hover{background:linear-gradient(45deg,#0096ff,#00d4ff);box-shadow:0 0 15px #00d4ffcc}.ranking-title{color:#00d4ff;font-size:2.5rem;font-weight:700;margin-bottom:30px;text-align:center;text-shadow:0 0 20px #00d4ff80}.filters-container{display:flex;flex-wrap:wrap;gap:15px;justify-content:center;margin-bottom:30px}.filter-group{display:flex;gap:10px}.filter-btn{background:#0009;border:2px solid #00d4ff4d;border-radius:10px;color:#fff;cursor:pointer;font-family:Orbitron,monospace;font-size:.9rem;padding:10px 20px;transition:all .3s ease}.filter-btn:hover{border-color:#00d4ff;transform:translateY(-2px)}.filter-btn.active{background:linear-gradient(45deg,#00d4ff,#0096ff);border-color:#00d4ff;box-shadow:0 0 15px #00d4ff80}.filter-select{background:#0009;border:2px solid #00d4ff4d;border-radius:10px;color:#fff;cursor:pointer;font-family:Orbitron,monospace;font-size:.9rem;min-width:180px;padding:10px 15px;transition:all .3s ease}.filter-select:focus{border-color:#00d4ff;box-shadow:0 0 10px #00d4ff4d;outline:none}.filter-select option{background:#1a1a2e;color:#fff}.clear-filters-btn{background:#ff6b3533;border:2px solid #ff6b35;border-radius:10px;color:#ff6b35;cursor:pointer;font-family:Orbitron,monospace;font-size:.9rem;padding:10px 20px;transition:all .3s ease}.clear-filters-btn:hover{background:#ff6b35;color:#fff;transform:translateY(-2px)}.ranking-list{display:flex;flex-direction:column;gap:15px}.ranking-card{align-items:center;background:#0009;border:2px solid #00d4ff4d;border-radius:15px;display:flex;gap:20px;padding:20px;transition:all .3s ease}.ranking-card:hover{border-color:#00d4ff;box-shadow:0 0 20px #00d4ff33;transform:translateX(5px)}.ranking-card.top-three{background:linear-gradient(135deg,#ffd7001a,#ff6b351a);border-color:gold;box-shadow:0 0 20px #ffd7004d}.rank-position{color:#00d4ff;font-size:1.8rem;font-weight:700;min-width:60px;text-align:center}.top-three .rank-position{font-size:2.5rem}.rank-avatar{align-items:center;background:#00d4ff;border-radius:50%;display:flex;font-size:2rem;height:60px;justify-content:center;overflow:hidden;width:60px}.rank-avatar img{height:100%;object-fit:cover;width:100%}.rank-info{flex:1 1}.rank-name{align-items:center;color:#fff;display:flex;font-size:1.3rem;font-weight:700;gap:10px;margin-bottom:5px}.rank-name img{border-radius:3px}.rank-details{align-items:center;color:#ccc;display:flex;font-size:.9rem;gap:5px}.belt-image-ranking{filter:drop-shadow(0 0 3px rgba(0,212,255,.5));height:20px;transition:transform .3s ease;vertical-align:middle;width:auto}.belt-image-ranking:hover{filter:drop-shadow(0 0 8px rgba(0,212,255,.8));transform:scale(1.2)}.rank-stats{color:#00d4ff;display:flex;flex-direction:column;font-size:.95rem;font-weight:600;gap:5px;text-align:right}.empty-ranking{color:#ccc;font-size:1.5rem;padding:50px;text-align:center}@media (max-width:768px){.ranking-modal{padding:20px}.ranking-title{font-size:1.8rem}.filters-container{flex-direction:column}.clear-filters-btn,.filter-btn,.filter-group,.filter-select{width:100%}.ranking-card{gap:10px;padding:15px}.rank-position{font-size:1.3rem;min-width:40px}.rank-avatar{height:50px;width:50px}.rank-name{font-size:1rem}.rank-stats{font-size:.85rem}}.wood-breaking-overlay{align-items:center;background:#000000f2;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:1000}.wood-breaking-container{display:flex;flex-direction:column;height:100%;position:relative;width:100%}.game-canvas{height:100%;transform:scaleX(-1);width:100%}.close-btn{border:none;position:absolute;right:15px;top:15px;transition:all .3s;z-index:10}.game-header{display:flex;gap:20px;left:50%;position:absolute;top:20px;transform:translateX(-50%);z-index:5}.stat{background:#000000b3;border:2px solid #8b4513;border-radius:10px;color:#fff;font-size:20px;font-weight:700;padding:10px 20px}.stat.combo{animation:pulse .5s infinite;background:linear-gradient(135deg,#ff6b00,red);border-color:gold}.countdown-overlay{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:10}.countdown-number{animation:countdownPulse 1s ease;color:gold;font-size:120px;font-weight:700;text-shadow:0 0 30px #ffd700cc}.game-over{background:#000000e6;border:3px solid gold;border-radius:20px;left:50%;padding:40px;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);z-index:10}.game-over h3{color:gold;font-size:36px;margin:0 0 20px}.game-over h1{color:gold;font-size:72px;margin:20px 0;text-shadow:0 0 20px #ffd70080}.menu-btn{background:linear-gradient(135deg,#666,#444);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:20px;font-weight:700;margin-top:20px;padding:15px 40px}.menu-btn:hover{transform:scale(1.05)}@keyframes countdownPulse{0%{opacity:0;transform:scale(0)}50%{transform:scale(1.2)}to{opacity:1;transform:scale(1)}}.friends-modal{align-items:center;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000000e6;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.friends-container{animation:slideUp .4s ease;background:linear-gradient(135deg,#0a0a0a,#1a1a2e);border:2px solid #00d4ff;border-radius:20px;box-shadow:0 0 50px #00d4ff4d;display:flex;flex-direction:column;font-family:Orbitron,monospace;max-height:90vh;max-width:900px;overflow:hidden;width:90%}@keyframes slideUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.friends-header{align-items:center;background:linear-gradient(135deg,#00d4ff,#0096ff);box-shadow:0 4px 20px #0000004d;display:flex;justify-content:space-between;padding:20px 30px}.friends-header h2{color:#fff;font-size:2rem;font-weight:700;margin:0;text-shadow:0 0 20px #ffffff80}.close-btn{background:#ff6b3533;border:2px solid #ff6b35;color:#ff6b35;font-size:24px;height:40px;width:40px}.close-btn:hover{background:#ff6b35;color:#fff;transform:rotate(90deg)}.friends-tabs{background:#0000004d;display:flex;gap:10px;padding:10px}.friends-tabs button{background:#0009;border:2px solid #00d4ff4d;border-radius:10px;color:#ccc;cursor:pointer;flex:1 1;font-family:Orbitron,monospace;font-size:14px;font-weight:700;padding:12px 20px;transition:all .3s ease}.friends-tabs button:hover{background:#00d4ff33;border-color:#00d4ff;color:#fff}.friends-tabs button.active{background:linear-gradient(135deg,#00d4ff,#0096ff);border-color:#00d4ff;box-shadow:0 0 20px #00d4ff80;color:#fff}.friends-content{flex:1 1;max-height:500px;overflow-y:auto;padding:20px}.friends-content::-webkit-scrollbar-thumb{background:linear-gradient(45deg,#00d4ff,#0096ff);border-radius:4px;box-shadow:0 0 10px #00d4ff80}.friends-content::-webkit-scrollbar-thumb:hover{background:linear-gradient(45deg,#0096ff,#00d4ff);box-shadow:0 0 15px #00d4ffcc}.search-box{display:flex;gap:10px;margin-bottom:20px}.search-box input{background:#0009;border:2px solid #00d4ff4d;border-radius:10px;flex:1 1;font-size:16px;padding:15px}.btn-search,.search-box input{color:#fff;font-family:Orbitron,monospace;transition:all .3s ease}.btn-search{background:linear-gradient(135deg,#00d4ff,#0096ff);border:none;border-radius:10px;cursor:pointer;font-weight:700;padding:15px 30px;white-space:nowrap}.btn-search:hover:not(:disabled){box-shadow:0 5px 15px #00d4ff80;transform:scale(1.05)}.btn-search:disabled{cursor:not-allowed;opacity:.6}.search-box input:focus{border-color:#00d4ff;box-shadow:0 0 20px #00d4ff4d;outline:none}.search-box input::placeholder{color:#ffffff80}.users-list{display:flex;flex-direction:column;gap:15px}.user-card{align-items:center;background:#0009;border:2px solid #00d4ff4d;border-radius:10px;display:flex;justify-content:space-between;padding:15px;transition:all .3s ease}.user-card:hover{background:#00d4ff1a;border-color:#00d4ff;box-shadow:0 0 20px #00d4ff33;transform:translateX(5px)}.user-info{align-items:center;display:flex;gap:15px}.user-avatar{border:2px solid #00d4ff;border-radius:50%;box-shadow:0 0 10px #00d4ff4d;height:50px;object-fit:cover;width:50px}.user-name{color:#fff;font-size:18px;font-weight:700;margin-bottom:5px}.user-details{color:#ccc;font-size:14px}.user-actions{align-items:center;display:flex;gap:10px}.status-badge{border-radius:20px;font-size:12px;font-weight:700;padding:5px 15px}.status-badge.accepted{background:#4caf5033;border:1px solid #4caf50;color:#4caf50}.status-badge.pending{background:#ffc10733;border:1px solid #ffc107;color:#ffc107}.btn-accept,.btn-add,.btn-challenge{background:linear-gradient(135deg,#00d4ff,#0096ff);border:none;border-radius:8px;color:#fff;cursor:pointer;font-family:Orbitron,monospace;font-weight:700;padding:8px 20px;transition:all .3s ease}.btn-accept:hover,.btn-add:hover,.btn-challenge:hover{box-shadow:0 5px 15px #00d4ff80;transform:scale(1.05)}.btn-reject,.btn-remove{background:#f4433633;border:2px solid #f44336;border-radius:8px;color:#f44336;cursor:pointer;font-weight:700;padding:8px 15px;transition:all .3s ease}.btn-reject:hover,.btn-remove:hover{background:#f44336;color:#fff;transform:scale(1.05)}.loading,.no-results{color:#00d4ff;font-size:16px;padding:40px;text-align:center}.friends-content::-webkit-scrollbar{width:8px}.friends-content::-webkit-scrollbar-track{background:#0000004d;border-radius:10px}.friends-content::-webkit-scrollbar-thumb{background:#ff6b35;border-radius:10px}.friends-content::-webkit-scrollbar-thumb:hover{background:#ff8555}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.notification-overlay{align-items:center;animation:fadeIn .2s ease;background:#000000b3;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%}.notification-modal{animation:fadeIn .3s ease;background:linear-gradient(135deg,#1a1a2e,#16213e);border:2px solid #ff6b354d;border-radius:15px;box-shadow:0 20px 60px #00000080;max-width:400px;padding:30px;text-align:center}.notification-modal.success{border-color:#4caf5080}.notification-modal.error{border-color:#f4433680}.notification-icon{font-size:48px;margin-bottom:15px}.notification-modal p{color:#fff;font-size:18px;line-height:1.5;margin:15px 0}.notification-buttons{display:flex;gap:10px;justify-content:center;margin-top:20px}.notification-buttons button{border:none;border-radius:8px;cursor:pointer;font-weight:700;padding:10px 25px;transition:all .3s ease}.notification-buttons .btn-primary{background:#ff6b35;color:#fff}.notification-buttons .btn-primary:hover{background:#ff8555;transform:scale(1.05)}.notification-buttons .btn-secondary{background:#ffffff1a;border:2px solid #ffffff4d;color:#fff}.notification-buttons .btn-secondary:hover{background:#fff3}@media (max-width:768px){.friends-container{max-height:90vh;width:95%}.friends-header h2{font-size:22px}.friends-tabs button{font-size:12px;padding:10px}.user-card{flex-direction:column;gap:15px}.user-actions{justify-content:center;width:100%}}.combat-arena{background:linear-gradient(135deg,#2a2a2a,#1a1a1a 50%,#0a0a0a);color:#fff;font-family:Orbitron,monospace;height:100vh;overflow:hidden;position:fixed;width:100vw}.combat-arena:before{animation:pulse 4s ease-in-out infinite;background:radial-gradient(circle at 50% 50%,#ff6b351a 0,#0000 50%);content:"";height:100%;pointer-events:none;position:absolute;width:100%}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes ashFloat{0%{opacity:0;transform:translateY(0) translateX(0) rotate(0deg) scale(1)}10%{opacity:1}50%{opacity:.8;transform:translateY(-50vh) translateX(30px) rotate(180deg) scale(1.2)}80%{opacity:.4}to{opacity:0;transform:translateY(-110vh) translateX(-20px) rotate(1turn) scale(.5)}}.ash-particle{animation:ashFloat 10s ease-in-out infinite;background:radial-gradient(circle,#ff6b35 0,#ff4500 40%,#ff6b354d 100%);border-radius:50%;box-shadow:0 0 20px #ff6b35cc,0 0 30px #ff450066;filter:blur(1px);height:6px;pointer-events:none;position:absolute;width:6px;z-index:1}.ash-particle:first-child{animation-delay:0s;animation-duration:7s;bottom:0;left:10%}.ash-particle:nth-child(2){animation-delay:1s;animation-duration:9s;bottom:20vh;left:20%}.ash-particle:nth-child(3){animation-delay:2s;animation-duration:8s;bottom:40vh;left:30%}.ash-particle:nth-child(4){animation-delay:.5s;animation-duration:7.5s;bottom:60vh;left:40%}.ash-particle:nth-child(5){animation-delay:1.5s;animation-duration:8.5s;bottom:80vh;left:50%}.ash-particle:nth-child(6){animation-delay:2.5s;animation-duration:9s;bottom:10vh;left:60%}.ash-particle:nth-child(7){animation-delay:.8s;animation-duration:7.8s;bottom:30vh;left:70%}.ash-particle:nth-child(8){animation-delay:1.8s;animation-duration:8.2s;bottom:50vh;left:80%}.ash-particle:nth-child(9){animation-delay:2.2s;animation-duration:8.8s;bottom:70vh;left:90%}.ash-particle:nth-child(10){animation-delay:3s;animation-duration:9.5s;bottom:90vh;left:15%}.arena-header{align-items:center;background:#0000004d;display:flex;gap:20px;justify-content:space-between;padding:20px 40px;position:relative;z-index:10}.arena-logo{filter:drop-shadow(0 0 10px rgba(255,107,53,.5));flex-shrink:0;height:60px;width:auto}.energy-display{align-items:center;background:#ff6b3533;border:2px solid #ff6b3580;border-radius:12px;box-shadow:0 0 15px #ff6b354d;display:flex;gap:8px;margin-left:20px;margin-right:auto;padding:8px 16px}.energy-icon{animation:energyPulse 2s ease-in-out infinite;font-size:1.4rem}@keyframes energyPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.energy-value{color:#ff6b35;font-size:1.5rem;font-weight:700;min-width:35px;text-align:center;text-shadow:0 0 8px #ff6b35cc}.close-btn{align-items:center;background:#f00c;border:2px solid #f009;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:2rem;height:50px;justify-content:center;transition:all .3s ease;width:50px}.close-btn:hover{background:red;box-shadow:0 0 20px #f009;transform:scale(1.1)}.opponents-container{align-items:center;display:flex;justify-content:center;margin:60px auto;max-width:100vw;overflow:hidden;padding:0;position:relative;width:100%;z-index:10}.opponents-wrapper{max-width:1170px;overflow:visible;padding:30px 0 50px;position:relative;width:100%}.opponents-carousel{display:flex;gap:30px;transition:transform .4s ease}.carousel-btn{align-items:center;background:#000c;border:2px solid #00d4ff;border-radius:50%;color:#00d4ff;cursor:pointer;display:flex;font-size:2rem;height:60px;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);transition:all .3s ease;width:60px;z-index:100}.carousel-btn:hover{background:#00d4ff;color:#000;transform:translateY(-50%) scale(1.1)}.carousel-btn.prev{left:20px}.carousel-btn.next{right:20px}.opponents-carousel .menu-card{background:#0009;border:2px solid #00d4ff4d;border-radius:20px;cursor:pointer;flex-shrink:0;max-width:270px;min-width:270px;padding:30px;position:relative;text-align:center;transition:all .3s ease}.opponents-carousel .menu-card:hover:not(.locked){background:#000c;border-color:#00d4ff;box-shadow:0 15px 35px #00d4ff66;transform:translateY(-8px);z-index:10}.opponents-carousel .menu-card.legendary{border-color:#ffd70099;box-shadow:0 0 20px #ffd70033}.opponents-carousel .menu-card.legendary:hover:not(.locked){border-color:gold;box-shadow:0 15px 35px #ffd70080;z-index:10}.opponents-carousel .menu-card.locked{cursor:pointer;opacity:.5;pointer-events:all}.card-icon{align-items:center;display:flex;height:150px;justify-content:center;margin-bottom:15px;width:100%}.card-icon img{filter:drop-shadow(0 4px 8px rgba(0,212,255,.3));max-height:100%;max-width:100%;object-fit:contain;transition:all .3s ease}.opponents-carousel .menu-card:hover:not(.locked) .card-icon img{filter:drop-shadow(0 8px 16px rgba(0,212,255,.6));transform:scale(1.15)}.opponents-carousel .menu-card h3{color:#00d4ff;font-size:1.3rem;font-weight:700;margin-bottom:8px}.opponents-carousel .menu-card p{color:#ccc;font-size:.95rem;margin:5px 0}.opponent-energy{background:#ff6b3533;border:1px solid #ff6b3566;border-radius:10px;color:#ff6b35;font-size:.9rem;font-weight:600;margin-top:10px;padding:8px 12px}.lock-overlay{align-items:center;background:#000000e6;border-radius:20px;bottom:0;display:flex;flex-direction:column;gap:10px;justify-content:center;left:0;pointer-events:all;position:absolute;right:0;top:0}.lock-icon{animation:lockShake 2s ease-in-out infinite;font-size:3rem}@keyframes lockShake{0%,to{transform:rotate(0deg)}25%{transform:rotate(-5deg)}75%{transform:rotate(5deg)}}.lock-overlay p{color:#fff;font-size:1rem;font-weight:600;padding:0 10px;text-align:center;text-shadow:0 2px 4px #000c}@media (max-width:1200px){.opponents-wrapper{max-width:810px}.opponents-carousel .menu-card{max-width:250px;min-width:250px;padding:25px}}@media (max-width:768px){.arena-header{padding:15px 20px}.arena-logo{height:45px}.energy-display{gap:6px;padding:6px 12px}.energy-icon{font-size:1.2rem}.energy-value{font-size:1.3rem;min-width:30px}.close-btn{font-size:1.5rem;height:45px;width:45px}.opponents-container{margin:40px auto}.opponents-wrapper{max-width:490px}.carousel-btn{font-size:1.5rem;height:50px;width:50px}.carousel-btn.prev{left:15px}.carousel-btn.next{right:15px}.opponents-carousel .menu-card{max-width:230px;min-width:230px;padding:20px}.card-icon{height:130px}}@media (max-width:480px){.opponents-wrapper{max-width:210px}.opponents-carousel .menu-card{max-width:210px;min-width:210px;padding:18px}.card-icon{height:110px}}
/*# sourceMappingURL=main.c7068665.css.map*/