@import"https://fonts.googleapis.com/css2?family=Russo+One&family=Roboto:wght@400;700&display=swap";.leaderboard-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;justify-content:center;align-items:center;z-index:1000;opacity:0;transition:opacity .3s ease}.leaderboard-overlay.animate-in{opacity:1}.leaderboard-modal{background:linear-gradient(135deg,#fce4ecf2,#e1f5fef2);border:3px solid #e91e63;border-radius:20px;box-shadow:0 20px 60px #e91e6366;width:90%;max-width:500px;max-height:80vh;overflow:hidden;transform:scale(.7) translateY(50px);transition:all .3s cubic-bezier(.34,1.56,.64,1);font-family:Russo One,sans-serif}.leaderboard-modal.animate-in{transform:scale(1) translateY(0)}.leaderboard-header{background:linear-gradient(135deg,#e91e63,#d81b60);color:#fff;padding:20px;display:flex;justify-content:space-between;align-items:center;position:relative;overflow:hidden}.leaderboard-header:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);animation:shimmer 3s infinite}@keyframes shimmer{0%{left:-100%}50%{left:-100%}to{left:100%}}.leaderboard-title{font-size:1.5em;margin:0;text-transform:uppercase;letter-spacing:2px;text-shadow:0 0 10px rgba(255,255,255,.3)}.leaderboard-close{background:none;border:none;color:#fff;font-size:1.5em;cursor:pointer;padding:5px 10px;border-radius:50%;transition:all .3s;z-index:1}.leaderboard-close:hover{background:#fff3;transform:rotate(90deg)}.leaderboard-content{padding:20px;max-height:400px;overflow-y:auto}.leaderboard-content::-webkit-scrollbar{width:8px}.leaderboard-content::-webkit-scrollbar-track{background:#ffffff4d;border-radius:10px}.leaderboard-content::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#e91e63,#00bcd4);border-radius:10px}.leaderboard-list{display:flex;flex-direction:column;gap:15px}.leaderboard-item{display:flex;align-items:center;background:#fffc;border-radius:15px;padding:15px;border:2px solid transparent;transition:all .3s;position:relative;overflow:hidden;animation:slideInUp .6s ease forwards;opacity:0;transform:translateY(30px)}.leaderboard-item:nth-child(1){animation-delay:.1s}.leaderboard-item:nth-child(2){animation-delay:.2s}.leaderboard-item:nth-child(3){animation-delay:.3s}.leaderboard-item:nth-child(4){animation-delay:.4s}.leaderboard-item:nth-child(5){animation-delay:.5s}.leaderboard-item:nth-child(n+6){animation-delay:.6s}@keyframes slideInUp{to{opacity:1;transform:translateY(0)}}.leaderboard-item:hover{transform:translateY(-3px);border-color:#e91e63;box-shadow:0 10px 30px #e91e634d}.leaderboard-item.rank-1{border-color:gold;background:linear-gradient(135deg,#ffd70033,#fffc)}.leaderboard-item.rank-2{border-color:silver;background:linear-gradient(135deg,#c0c0c033,#fffc)}.leaderboard-item.rank-3{border-color:#cd7f32;background:linear-gradient(135deg,#cd7f3233,#fffc)}.rank-badge{margin-right:15px;display:flex;align-items:center;justify-content:center;min-width:40px}.crown{font-size:1.8em;filter:drop-shadow(0 0 10px rgba(255,215,0,.7));animation:bounce 2s infinite}.crown-1{animation:goldGlow 2s ease-in-out infinite alternate}.crown-2{filter:drop-shadow(0 0 10px rgba(192,192,192,.7))}.crown-3{filter:drop-shadow(0 0 10px rgba(205,127,50,.7))}@keyframes goldGlow{0%{filter:drop-shadow(0 0 10px rgba(255,215,0,.7))}to{filter:drop-shadow(0 0 20px rgba(255,215,0,1))}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-5px)}60%{transform:translateY(-3px)}}.rank-number{background:linear-gradient(135deg,#e91e63,#d81b60);color:#fff;border-radius:50%;width:35px;height:35px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.9em}.player-avatar{width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:1.2em;margin-right:15px;border:3px solid rgba(255,255,255,.3);box-shadow:0 5px 15px #0003;transition:transform .3s}.player-avatar:hover{transform:scale(1.1)}.player-info{flex:1;margin-right:15px}.player-name{font-size:1.1em;font-weight:700;color:#333;margin-bottom:3px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.player-rank{font-size:.8em;color:#666;text-transform:uppercase;letter-spacing:1px}.player-score{text-align:center;min-width:80px}.score-value{font-size:1.3em;font-weight:700;color:#e91e63;margin-bottom:2px}.score-label{font-size:.7em;color:#666;text-transform:uppercase;letter-spacing:1px}.leaderboard-empty{text-align:center;padding:40px 20px;color:#666}.empty-icon{font-size:3em;margin-bottom:15px;opacity:.5}.empty-subtitle{font-size:.9em;color:#999;margin-top:5px}.leaderboard-footer{padding:20px;background:#ffffff80;border-top:1px solid rgba(233,30,99,.2)}.leaderboard-button{width:100%;padding:15px;font-size:1.1em;font-weight:700;background:linear-gradient(135deg,#00bcd4,#0097a7);color:#fff;border:none;border-radius:10px;cursor:pointer;transition:all .3s;text-transform:uppercase;letter-spacing:1px;box-shadow:0 5px 15px #00bcd44d;position:relative;overflow:hidden;font-family:Russo One,sans-serif}.leaderboard-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s}.leaderboard-button:hover:before{left:100%}.leaderboard-button:hover{transform:translateY(-2px);box-shadow:0 8px 25px #00bcd466}@media (max-width: 480px){.leaderboard-modal{width:95%;margin:10px}.leaderboard-title{font-size:1.2em}.leaderboard-item{padding:12px}.player-avatar{width:45px;height:45px;font-size:1.1em}.player-name{font-size:1em}.score-value{font-size:1.2em}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Roboto,sans-serif;background:#f5f5f5;overflow:hidden;touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}#root{width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;background:linear-gradient(135deg,#e8f5e9,#e1f5fe)}.game-container{position:relative;width:100%;height:100%;max-width:1200px;max-height:900px;background:#fce4ec;overflow:hidden;box-shadow:0 20px 60px #0000001a}.loading-screen{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#fce4ec,#f8bbd0);display:flex;flex-direction:column;justify-content:center;align-items:center;color:#333;z-index:1000}.loading-icon{width:120px;height:120px;margin-bottom:30px;position:relative}.loading-shapes{position:absolute;width:100%;height:100%;animation:rotate 3s linear infinite}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-text{font-family:Russo One,sans-serif;font-size:1.5em;color:#e91e63;text-transform:uppercase;letter-spacing:2px}.main-menu{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#fce4ec,#e1f5fe);display:flex;flex-direction:column;justify-content:center;align-items:center;color:#333}.game-logo{width:40%;height:30%;margin-bottom:30px;position:relative;background:#000;border-radius:8px;box-shadow:0 0 16px #0009;max-width:200px;max-height:200px}.game-title{font-family:Russo One,sans-serif;font-size:2.5em;font-weight:700;margin-bottom:10px;text-transform:uppercase;letter-spacing:3px;color:#e91e63;text-shadow:0 0 20px rgba(233,30,99,.3)}.game-subtitle{font-size:1.2em;color:#666;margin-bottom:10px}.menu-stats{display:flex;gap:20px;margin-bottom:15px;padding:20px;background:#fffc;border-radius:15px;border:2px solid #e91e63}.stat-item{text-align:center}.stat-value{font-size:2em;font-weight:700;color:#e91e63}.stat-label{font-size:.9em;color:#666;text-transform:uppercase}.menu-buttons{display:flex;flex-direction:column;gap:10px;margin-bottom:10px}.menu-button{padding:18px 50px;font-size:1.1em;font-weight:700;background:linear-gradient(135deg,#e91e63,#d81b60);color:#fff;border:none;border-radius:10px;cursor:pointer;transition:all .3s;text-transform:uppercase;letter-spacing:1px;box-shadow:0 5px 15px #e91e634d;position:relative;overflow:hidden}.menu-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s}.menu-button:hover:before{left:100%}.menu-button:hover{transform:translateY(-2px);box-shadow:0 8px 25px #e91e6366}.menu-button.secondary{background:linear-gradient(135deg,#00bcd4,#0097a7);box-shadow:0 5px 15px #00bcd44d}.menu-button.secondary:hover{box-shadow:0 8px 25px #00bcd466}.game-canvas{position:absolute;top:70px;left:0;width:100%;height:calc(100% - 70px);background:#fce4ec}.game-ui{position:absolute;top:0;left:0;width:100%;height:70px;background:linear-gradient(to bottom,#fffffff2,#ffffffd9);color:#333;display:flex;justify-content:space-between;align-items:center;padding:0 30px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:2px solid #e91e63;box-shadow:0 2px 10px #0000001a}.ui-section{display:flex;align-items:center;gap:20px}.ui-item{display:flex;flex-direction:column;align-items:center}.ui-label{font-size:.8em;color:#666;text-transform:uppercase;letter-spacing:1px}.ui-value{font-size:1.4em;font-weight:700;color:#333}.timer{font-size:2em;font-weight:700;font-family:Russo One,sans-serif;transition:all .3s;color:#333;text-shadow:0 0 10px rgba(0,0,0,.1)}.timer.warning{color:#f44336;animation:pulse-timer .5s ease-in-out infinite}@keyframes pulse-timer{0%,to{transform:scale(1);text-shadow:0 0 10px rgba(244,67,54,.5)}50%{transform:scale(1.1);text-shadow:0 0 20px rgba(244,67,54,.8)}}.pause-button{padding:10px 20px;background:#e91e631a;border:2px solid #e91e63;border-radius:8px;color:#e91e63;cursor:pointer;transition:all .3s;font-size:.9em;font-weight:700}.pause-button:hover{background:#e91e63;color:#fff}.shop-modal,.game-over-modal{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;padding:40px;border-radius:20px;box-shadow:0 20px 60px #0003;max-width:600px;width:90%;max-height:80vh;overflow-y:auto;border:3px solid #e91e63;color:#333}.modal-title{font-family:Russo One,sans-serif;font-size:2em;text-align:center;margin-bottom:30px;color:#e91e63;text-transform:uppercase}.shop-balance{text-align:center;font-size:1.5em;margin-bottom:30px;color:#00bcd4;font-weight:700}.shop-items{display:grid;gap:15px}.shop-item{padding:20px;background:#e91e630d;border:2px solid #e91e63;border-radius:12px;display:flex;justify-content:space-between;align-items:center;transition:all .3s}.shop-item:hover{background:#e91e631a;border-color:#d81b60;transform:translate(5px)}.shop-item-info{flex:1}.shop-item-name{font-size:1.1em;font-weight:700;margin-bottom:5px;color:#333}.shop-item-desc{font-size:.9em;color:#666}.shop-item-price{font-size:1.2em;color:#00bcd4;margin-right:15px;font-weight:700}.buy-button{padding:10px 25px;background:linear-gradient(135deg,#00bcd4,#0097a7);color:#fff;border:none;border-radius:8px;cursor:pointer;transition:all .3s;font-weight:700;text-transform:uppercase}.buy-button:hover:not(:disabled){transform:scale(1.05);box-shadow:0 5px 15px #00bcd466}.buy-button:disabled{background:#ccc;color:#999;cursor:not-allowed;transform:none}.close-button{display:block;margin:30px auto 0;padding:12px 30px;background:#fff;border:2px solid #e91e63;border-radius:8px;color:#e91e63;cursor:pointer;transition:all .3s;font-size:1em;font-weight:700}.close-button:hover{background:#e91e63;color:#fff}.game-over-content{text-align:center}.game-over-title{font-family:Russo One,sans-serif;font-size:2.5em;margin-bottom:20px;text-transform:uppercase}.game-over-title.victory{color:#4caf50;text-shadow:0 0 20px rgba(76,175,80,.5)}.game-over-title.defeat{color:#f44336;text-shadow:0 0 20px rgba(244,67,54,.5)}.game-over-stats{margin:30px 0;padding:20px;background:#e91e630d;border-radius:10px;border:2px solid #e91e63}.game-over-stat{display:flex;justify-content:space-between;margin:10px 0;font-size:1.1em;color:#333}.game-over-buttons{display:flex;flex-direction:column;gap:15px;margin-top:30px}.reward-button{padding:15px 30px;background:linear-gradient(135deg,#e91e63,#d81b60);color:#fff;border:none;border-radius:10px;cursor:pointer;font-size:1.1em;font-weight:700;transition:all .3s;text-transform:uppercase;position:relative}.reward-button:hover{transform:scale(1.05);box-shadow:0 8px 25px #e91e6366}.ad-label{font-size:.8em;opacity:.8;text-transform:none}.swipe-hint{position:absolute;bottom:20px;left:50%;transform:translate(-50%);color:#e91e6399;font-size:.9em;text-align:center;animation:fade-in-out 3s infinite;font-weight:700}@keyframes fade-in-out{0%,to{opacity:.3}50%{opacity:.8}}.compass-indicator{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100px;height:100px;pointer-events:none;z-index:10}.compass-arrow{width:100%;height:100%;transition:transform .3s ease;fill:#00bcd4}@media (max-width: 768px){.game-title{font-size:2em}.menu-button{padding:15px 40px;font-size:1em}.game-ui{padding:0 15px;height:60px}.ui-label{font-size:.7em}.ui-value{font-size:1.2em}.timer{font-size:1.6em}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#0000000d}::-webkit-scrollbar-thumb{background:#e91e6380;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#e91e63b3}