.game-container[data-v-999667c2]{position:relative;width:100vw;height:100vh;overflow:hidden;background:#0a0a0a}#phaser-game[data-v-999667c2]{width:100%;height:100%}.game-ui[data-v-999667c2]{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:100}.top-ui[data-v-999667c2]{position:absolute;top:20px;left:20px;pointer-events:auto}.score-panel[data-v-999667c2]{background:rgba(0,0,0,.8);color:#fff;padding:15px;border-radius:10px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}.score-panel h3[data-v-999667c2]{margin:0 0 10px;color:#4ecdc4;font-size:18px}.score[data-v-999667c2],.length[data-v-999667c2]{margin:5px 0;font-weight:700}.leaderboard[data-v-999667c2]{position:absolute;top:20px;right:20px;background:rgba(0,0,0,.8);color:#fff;padding:15px;border-radius:10px;min-width:200px;max-height:400px;overflow-y:auto;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);pointer-events:auto}.leaderboard h3[data-v-999667c2]{margin:0 0 15px;text-align:center;color:gold}.leaderboard-list[data-v-999667c2]{display:flex;flex-direction:column;gap:8px}.player-entry[data-v-999667c2]{display:grid;grid-template-columns:30px 1fr auto;gap:10px;padding:8px;border-radius:5px;background:rgba(255,255,255,.05);align-items:center}.player-entry.current-player[data-v-999667c2]{background:rgba(78,205,196,.2);border:1px solid #4ecdc4}.rank[data-v-999667c2]{font-weight:700;color:gold;text-align:center}.name[data-v-999667c2]{font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.score[data-v-999667c2]{font-weight:700;color:#4ecdc4}.mobile-controls[data-v-999667c2]{position:absolute;bottom:20px;left:50%;transform:translate(-50%);pointer-events:auto}.joystick-area[data-v-999667c2]{width:150px;height:150px;background:rgba(255,255,255,.1);border:2px solid rgba(255,255,255,.3);border-radius:50%;display:flex;align-items:center;justify-content:center}.game-messages[data-v-999667c2]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none}.message[data-v-999667c2]{background:rgba(0,0,0,.9);color:#fff;padding:15px 25px;border-radius:10px;font-size:18px;font-weight:700;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:fadeInOut-999667c2 3s ease-in-out}.message.success[data-v-999667c2]{border-left:4px solid #4caf50}.message.error[data-v-999667c2]{border-left:4px solid #f44336}.message.death[data-v-999667c2]{border-left:4px solid #ff9800}.loading-screen[data-v-999667c2]{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.9);display:flex;align-items:center;justify-content:center;z-index:1000}.loading-content[data-v-999667c2]{text-align:center;color:#fff}.spinner[data-v-999667c2]{width:50px;height:50px;border:3px solid rgba(78,205,196,.3);border-top:3px solid #4ecdc4;border-radius:50%;animation:spin-999667c2 1s linear infinite;margin:0 auto 20px}@keyframes spin-999667c2{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fadeInOut-999667c2{0%{opacity:0;transform:translate(-50%,-50%) scale(.8)}20%{opacity:1;transform:translate(-50%,-50%) scale(1)}80%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(.8)}}@media (max-width: 768px){.leaderboard[data-v-999667c2]{right:10px;top:10px;min-width:150px;font-size:12px}.score-panel[data-v-999667c2]{left:10px;top:10px;font-size:14px}.player-entry[data-v-999667c2]{padding:5px;gap:5px}}.ranking-screen[data-v-16581159]{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.95);display:flex;flex-direction:column;z-index:1000;overflow-y:auto}.ranking-header[data-v-16581159]{text-align:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid #e0e0e0;position:relative}.close-btn[data-v-16581159]{position:absolute;top:0;right:0;background:none;border:none;font-size:1.5rem;cursor:pointer;color:#666;padding:.5rem;border-radius:50%;transition:all .3s ease}.close-btn[data-v-16581159]:hover{background:rgba(0,0,0,.1);color:#333}.ranking-title[data-v-16581159]{color:#333;margin-bottom:.5rem;font-size:2.5rem;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.loading-container[data-v-16581159],.error-container[data-v-16581159]{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;color:#fff;text-align:center}.loading-spinner[data-v-16581159]{width:50px;height:50px;border:4px solid rgba(255,255,255,.3);border-top:4px solid #667eea;border-radius:50%;animation:spin-16581159 1s linear infinite;margin-bottom:20px}@keyframes spin-16581159{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error-icon[data-v-16581159]{font-size:3rem;margin-bottom:10px}.error-message[data-v-16581159]{font-size:1.2rem;margin-bottom:20px;color:#ff6b6b}.retry-btn[data-v-16581159],.refresh-btn[data-v-16581159],.play-again-btn[data-v-16581159]{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;color:#fff;padding:12px 24px;border-radius:25px;cursor:pointer;font-size:1rem;font-weight:700;transition:all .3s ease;margin:0 5px}.play-again-btn[data-v-16581159]{background:linear-gradient(135deg,#4facfe 0%,#00f2fe 100%)}.retry-btn[data-v-16581159]:hover,.refresh-btn[data-v-16581159]:hover,.play-again-btn[data-v-16581159]:hover{transform:translateY(-2px);box-shadow:0 5px 15px #667eea66}.play-again-btn[data-v-16581159]:hover{box-shadow:0 5px 15px #4facfe66}.rankings-container[data-v-16581159]{flex:1;padding:30px;max-width:800px;margin:0 auto;width:100%}.player-best-score[data-v-16581159]{background:linear-gradient(135deg,#4facfe 0%,#00f2fe 100%);border-radius:15px;padding:20px;margin-bottom:30px;color:#fff;box-shadow:0 5px 20px #4facfe4d}.player-best-score h3[data-v-16581159]{margin:0 0 15px;font-size:1.3rem;text-align:center}.player-score-card[data-v-16581159]{display:flex;justify-content:space-between;align-items:center;background:rgba(255,255,255,.1);border-radius:10px;padding:15px}.score-info .score[data-v-16581159]{font-size:2rem;font-weight:700;display:block}.score-info .length[data-v-16581159]{font-size:.9rem;opacity:.8}.rankings-list h3[data-v-16581159]{color:#fff;text-align:center;margin-bottom:25px;font-size:1.5rem}.empty-rankings[data-v-16581159]{text-align:center;color:#888;padding:40px}.empty-icon[data-v-16581159]{font-size:4rem;margin-bottom:20px}.ranking-items[data-v-16581159]{display:flex;flex-direction:column;gap:10px}.ranking-item[data-v-16581159]{display:flex;align-items:center;background:rgba(255,255,255,.1);border-radius:12px;padding:15px 20px;transition:all .3s ease;border:2px solid transparent}.ranking-item[data-v-16581159]:hover{background:rgba(255,255,255,.15);transform:translateY(-2px)}.ranking-item.first-place[data-v-16581159]{background:linear-gradient(135deg,#ffd700 0%,#ffed4e 100%);color:#333;box-shadow:0 5px 20px #ffd7004d}.ranking-item.second-place[data-v-16581159]{background:linear-gradient(135deg,#c0c0c0 0%,#e8e8e8 100%);color:#333}.ranking-item.third-place[data-v-16581159]{background:linear-gradient(135deg,#cd7f32 0%,#daa520 100%);color:#fff}.ranking-item.current-player[data-v-16581159]{border-color:#4facfe;box-shadow:0 0 20px #4facfe80}.position[data-v-16581159]{width:60px;text-align:center;font-weight:700}.medal[data-v-16581159]{font-size:1.5rem}.position-number[data-v-16581159]{font-size:1.2rem;color:#667eea}.player-info[data-v-16581159]{flex:1;margin-left:20px}.player-name[data-v-16581159]{font-size:1.2rem;font-weight:700;margin-bottom:5px;color:#fff}.ranking-item.first-place .player-name[data-v-16581159],.ranking-item.second-place .player-name[data-v-16581159],.ranking-item.third-place .player-name[data-v-16581159]{color:inherit}.player-details[data-v-16581159]{display:flex;gap:15px;font-size:.9rem;opacity:.8}.ranking-date[data-v-16581159]{font-size:.8rem;opacity:.7;text-align:right;min-width:120px}.actions[data-v-16581159]{text-align:center;margin-top:30px}.refresh-btn[data-v-16581159]:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 768px){.ranking-header[data-v-16581159]{padding:15px 20px}.ranking-title[data-v-16581159]{font-size:2rem}.rankings-container[data-v-16581159]{padding:20px 15px}.ranking-item[data-v-16581159]{padding:12px 15px}.player-details[data-v-16581159]{flex-direction:column;gap:5px}.ranking-date[data-v-16581159]{min-width:auto;margin-top:5px}}.auth-screen[data-v-a4bd358c]{position:fixed;top:0;left:0;width:100vw;height:100vh;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);display:flex;justify-content:center;align-items:center;font-family:Arial,sans-serif;z-index:1000}.auth-container[data-v-a4bd358c]{background:rgba(255,255,255,.95);border-radius:20px;padding:40px;box-shadow:0 20px 40px #0000001a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);max-width:400px;width:90%;animation:slideIn-a4bd358c .5s ease-out}@keyframes slideIn-a4bd358c{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.auth-header[data-v-a4bd358c]{text-align:center;margin-bottom:30px}.auth-header h1[data-v-a4bd358c]{font-size:2.5em;margin:0 0 10px;color:#333;text-shadow:2px 2px 4px rgba(0,0,0,.1)}.auth-header h2[data-v-a4bd358c]{font-size:1.5em;margin:0;color:#666;font-weight:300}.auth-form[data-v-a4bd358c]{display:flex;flex-direction:column;gap:20px}.form-group[data-v-a4bd358c]{display:flex;flex-direction:column;gap:8px}.form-group label[data-v-a4bd358c]{font-weight:600;color:#333;font-size:.9em}.form-group input[data-v-a4bd358c]{padding:12px 16px;border:2px solid #e1e5e9;border-radius:10px;font-size:1em;transition:all .3s ease;background:white}.form-group input[data-v-a4bd358c]:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-group input[data-v-a4bd358c]:disabled{background:#f5f5f5;cursor:not-allowed}.form-group small[data-v-a4bd358c]{color:#666;font-size:.8em;margin-top:-4px}.error-message[data-v-a4bd358c]{background:#fee;color:#c33;padding:12px 16px;border-radius:8px;border:1px solid #fcc;font-size:.9em;text-align:center;animation:shake-a4bd358c .5s ease-in-out}.success-message[data-v-a4bd358c]{background:#efe;color:#363;padding:12px 16px;border-radius:8px;border:1px solid #cfc;font-size:.9em;text-align:center;animation:fadeIn-a4bd358c .5s ease-in-out}@keyframes shake-a4bd358c{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}@keyframes fadeIn-a4bd358c{0%{opacity:0}to{opacity:1}}.auth-button[data-v-a4bd358c]{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;border:none;padding:14px 20px;border-radius:10px;font-size:1.1em;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:10px}.auth-button[data-v-a4bd358c]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #667eea4d}.auth-button[data-v-a4bd358c]:active:not(:disabled){transform:translateY(0)}.auth-button[data-v-a4bd358c]:disabled{opacity:.6;cursor:not-allowed;transform:none}.auth-switch[data-v-a4bd358c]{text-align:center;margin-top:25px;padding-top:20px;border-top:1px solid #eee}.auth-switch p[data-v-a4bd358c]{margin:0;color:#666;font-size:.9em}.switch-button[data-v-a4bd358c]{background:none;border:none;color:#667eea;font-weight:600;cursor:pointer;text-decoration:underline;margin-left:8px;font-size:.9em;transition:color .3s ease}.switch-button[data-v-a4bd358c]:hover:not(:disabled){color:#764ba2}.switch-button[data-v-a4bd358c]:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 480px){.auth-container[data-v-a4bd358c]{padding:30px 20px;margin:20px}.auth-header h1[data-v-a4bd358c]{font-size:2em}.auth-header h2[data-v-a4bd358c]{font-size:1.3em}}.auth-button[data-v-a4bd358c]:disabled:after{content:"";display:inline-block;width:16px;height:16px;border:2px solid transparent;border-top:2px solid white;border-radius:50%;animation:spin-a4bd358c 1s linear infinite;margin-left:8px}@keyframes spin-a4bd358c{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.home-container[data-v-d8a8a585]{display:flex;justify-content:center;align-items:center;min-height:100vh;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);position:relative;overflow:hidden}.home-container[data-v-d8a8a585]:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><circle cx="20" cy="20" r="2" fill="rgba(255,255,255,0.1)"/><circle cx="80" cy="80" r="1" fill="rgba(255,255,255,0.1)"/><circle cx="40" cy="60" r="1.5" fill="rgba(255,255,255,0.1)"/><circle cx="70" cy="30" r="1" fill="rgba(255,255,255,0.1)"/></svg>') repeat;animation:float-d8a8a585 20s infinite linear}@keyframes float-d8a8a585{0%{transform:translateY(0)}to{transform:translateY(-100px)}}.login-form[data-v-d8a8a585]{background:rgba(255,255,255,.95);padding:40px;border-radius:20px;box-shadow:0 20px 60px #0000004d;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);max-width:400px;width:90%;position:relative;z-index:1}.login-form h1[data-v-d8a8a585]{color:#333;margin-bottom:10px;font-size:2.5rem;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.login-form p[data-v-d8a8a585]{color:#666;margin-bottom:30px;font-size:1.1rem}.input-group[data-v-d8a8a585]{display:flex;flex-direction:column;gap:20px;margin-bottom:30px}.input-group input[data-v-d8a8a585]{padding:15px 20px;border:2px solid #ddd;border-radius:12px;font-size:18px;outline:none;transition:all .3s ease;background:rgba(255,255,255,.9)}.input-group input[data-v-d8a8a585]:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;transform:translateY(-2px)}.input-group button[data-v-d8a8a585]{padding:15px 30px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;border:none;border-radius:12px;font-size:18px;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 5px 15px #667eea4d}.input-group button[data-v-d8a8a585]:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 8px 25px #667eea66}.input-group button[data-v-d8a8a585]:disabled{opacity:.5;cursor:not-allowed;transform:none}.ranking-btn[data-v-d8a8a585]{background:linear-gradient(135deg,#f093fb 0%,#f5576c 100%)!important;box-shadow:0 5px 15px #f5576c4d!important}.ranking-btn[data-v-d8a8a585]:hover:not(:disabled){box-shadow:0 8px 25px #f5576c66!important}.info[data-v-d8a8a585]{display:flex;flex-direction:column;gap:8px;color:#666;font-size:14px}.info p[data-v-d8a8a585]{margin:0;padding:5px;background:rgba(102,126,234,.1);border-radius:8px}@media (max-width: 768px){.login-form[data-v-d8a8a585]{padding:30px 20px;margin:20px}.login-form h1[data-v-d8a8a585]{font-size:2rem}}#app{width:100vw;height:100vh}