@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;600;700;800;900&display=swap";:root{font-family:Outfit,system-ui,-apple-system,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#ffffffde;background-color:#0a0e27;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;padding:0;min-width:320px;min-height:100vh;overflow-x:hidden}#root{min-height:100vh;width:100%}*{margin:0;padding:0;box-sizing:border-box}.app{min-height:100vh;width:100%;position:relative;overflow:hidden;background:linear-gradient(135deg,#0a0e27,#1a1f3a,#0f1419)}.screen{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:5rem 2rem 7rem;position:relative}.screen-content{max-width:900px;width:100%;text-align:center}.screen-title{font-size:3rem;font-weight:700;background:linear-gradient(135deg,#667eea,#764ba2,#f093fb);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.welcome-screen{background:radial-gradient(circle at 50% 50%,#1e2139,#0a0e27)}.welcome-content h1{font-size:5rem;font-weight:900;margin-bottom:1rem;background:linear-gradient(135deg,#667eea,#764ba2,#f093fb);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-transform:uppercase;letter-spacing:-2px}.subtitle{font-size:1.5rem;color:#8b92b0;margin-bottom:4rem;font-weight:300}.welcome-content form{display:flex;flex-direction:column;gap:1.5rem;max-width:500px;margin:0 auto}.input-container{position:relative;display:flex;align-items:center}.username-input,.platform-select{padding:1.2rem 1.5rem;font-size:1.1rem;border:2px solid #2d3350;border-radius:12px;background:#2d33504d;color:#fff;transition:all .3s ease;font-family:inherit;width:100%}.username-input:focus,.platform-select:focus{outline:none;border-color:#667eea;background:#667eea1a;box-shadow:0 0 0 4px #667eea1a}.validation-icon{position:absolute;right:1.5rem;font-size:1.5rem;pointer-events:none}.validation-icon.validating{color:#8b92b0;animation:spin 1s linear infinite}.validation-icon.valid{color:#51cf66}.validation-icon.invalid{color:#ff6b6b}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.username-input::placeholder{color:#5a607f}.submit-button{padding:1.2rem 2rem;font-size:1.2rem;font-weight:600;border:none;border-radius:50px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px;margin-top:1rem}.submit-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 30px #667eea66}.submit-button:disabled{opacity:.5;cursor:not-allowed}.error-message{color:#ff6b6b;font-size:.9rem;margin-top:1rem}.stat-highlight{margin:3rem auto;padding:3rem;border-radius:24px;background:linear-gradient(135deg,#667eea33,#764ba233);border:2px solid rgba(102,126,234,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.stat-number{font-size:6rem;font-weight:900;background:linear-gradient(135deg,#667eea,#f093fb);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1;margin-bottom:.5rem}.stat-label{font-size:1.5rem;color:#8b92b0;font-weight:300;text-transform:uppercase;letter-spacing:2px}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-top:2rem}.stat-item{padding:2rem;border-radius:16px;background:#2d33504d;border:1px solid rgba(102,126,234,.2);transition:all .3s ease}.stat-item:hover{transform:translateY(-5px);background:#667eea1a;border-color:#667eea66}.stat-value{font-size:2.5rem;font-weight:700;color:#fff;margin-bottom:.5rem}.stat-name{font-size:1rem;color:#8b92b0;text-transform:uppercase;letter-spacing:1px}.arsenal-screen{background:radial-gradient(circle at 30% 50%,rgba(255,107,107,.1) 0%,transparent 50%),linear-gradient(135deg,#0a0e27,#1a1f3a)}.featured-weapon{padding:3rem;border-radius:24px;background:linear-gradient(135deg,#ff6b6b33,#f093fb33);border:2px solid rgba(255,107,107,.3);margin:2rem auto}.featured-weapon-image{width:200px;height:auto;margin:0 auto 1.5rem;display:block;filter:drop-shadow(0 0 20px rgba(255,107,107,.5))}.weapon-name{font-size:3rem;font-weight:800;color:#fff;margin-bottom:1rem;text-transform:uppercase}.weapon-stats{display:flex;justify-content:center;gap:2rem;font-size:1.2rem;color:#8b92b0}.weapon-list{display:flex;flex-direction:column;gap:1rem;margin-top:2rem}.weapon-item{display:flex;align-items:center;gap:1.5rem;padding:1.5rem;border-radius:16px;background:#2d33504d;border:1px solid rgba(102,126,234,.2);transition:all .3s ease}.weapon-item:hover{background:#667eea1a;transform:translate(10px)}.weapon-rank{font-size:2rem;font-weight:800;color:#667eea;min-width:60px}.weapon-item-image{width:80px;height:auto;filter:drop-shadow(0 0 10px rgba(102,126,234,.3))}.weapon-info{flex:1;text-align:left}.weapon-item-name{font-size:1.3rem;font-weight:600;color:#fff;margin-bottom:.3rem}.weapon-item-stats{font-size:.9rem;color:#8b92b0}.vehicles-screen{background:radial-gradient(circle at 70% 50%,rgba(67,233,123,.1) 0%,transparent 50%),linear-gradient(135deg,#0a0e27,#1a1f3a)}.vehicles-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-top:2rem}.vehicle-card{padding:2.5rem;border-radius:20px;background:linear-gradient(135deg,#43e97b1a,#667eea1a);border:2px solid rgba(67,233,123,.3);position:relative;transition:all .3s ease}.vehicle-card:hover{transform:scale(1.05);border-color:#43e97b99}.vehicle-rank{position:absolute;top:1rem;right:1rem;font-size:1.5rem;font-weight:800;color:#43e97b;opacity:.5}.vehicle-image{width:120px;height:auto;margin:0 auto 1rem;display:block;filter:drop-shadow(0 0 15px rgba(67,233,123,.4))}.vehicle-name{font-size:1.8rem;font-weight:700;color:#fff;margin-bottom:1.5rem}.vehicle-stats{display:flex;justify-content:space-around;gap:1rem}.vehicle-stat{display:flex;flex-direction:column;gap:.3rem}.vehicle-stat-value{font-size:2rem;font-weight:700;color:#43e97b}.vehicle-stat-label{font-size:.9rem;color:#8b92b0;text-transform:uppercase}.classes-screen{background:radial-gradient(circle at 50% 30%,rgba(250,176,5,.1) 0%,transparent 50%),linear-gradient(135deg,#0a0e27,#1a1f3a)}.classes-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-top:2rem;max-width:700px;margin-left:auto;margin-right:auto}.class-card{padding:2rem;border-radius:16px;background:linear-gradient(135deg,#fab0051a,#f093fb1a);border:2px solid rgba(250,176,5,.3);transition:all .3s ease}.class-card:hover{transform:translateY(-10px);border-color:#fab00599;box-shadow:0 10px 30px #fab00533}.class-image{width:60px;height:auto;margin:0 auto 1rem;display:block;filter:drop-shadow(0 0 15px rgba(250,176,5,.4))}.class-name{font-size:1.5rem;font-weight:700;color:#fff;margin-bottom:1rem;text-transform:uppercase}.class-stats{display:flex;justify-content:space-around;margin:1.5rem 0}.class-stat{display:flex;flex-direction:column;gap:.3rem}.class-stat-value{font-size:1.8rem;font-weight:700;color:#fab005}.class-stat-label{font-size:.8rem;color:#8b92b0;text-transform:uppercase}.class-time{font-size:.9rem;color:#8b92b0}.navigation{position:fixed;bottom:3rem;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:2rem;padding:1rem 2rem;background:#2d3350cc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:50px;border:1px solid rgba(102,126,234,.3);z-index:100}.nav-button{width:50px;height:50px;border-radius:50%;border:2px solid rgba(102,126,234,.5);background:#667eea33;color:#fff;font-size:1.5rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.nav-button:hover:not(:disabled){background:#667eea80;transform:scale(1.1)}.nav-button:disabled{opacity:.3;cursor:not-allowed}.progress-dots{display:flex;gap:.8rem}.dot{width:12px;height:12px;border-radius:50%;background:#ffffff4d;cursor:pointer;transition:all .3s ease}.dot.active{background:#667eea;transform:scale(1.3)}.dot:hover{background:#fff9}.reset-button{position:fixed;top:2rem;right:2rem;padding:.8rem 1.5rem;border-radius:50px;border:2px solid rgba(102,126,234,.3);background:#2d3350cc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;font-size:.9rem;cursor:pointer;transition:all .3s ease;z-index:100}.reset-button:hover{background:#667eea4d;border-color:#667eea99;transform:scale(1.05)}.no-data{font-size:1.2rem;color:#8b92b0;margin-top:3rem}.time-screen{background:radial-gradient(circle at 50% 70%,rgba(102,126,234,.15) 0%,transparent 50%),linear-gradient(135deg,#0a0e27,#1a1f3a)}.dominance-screen{background:radial-gradient(circle at 50% 50%,rgba(240,147,251,.1) 0%,transparent 50%),linear-gradient(135deg,#0a0e27,#1a1f3a)}.maps-screen{background:radial-gradient(circle at 50% 50%,rgba(102,126,234,.12) 0%,transparent 50%),linear-gradient(135deg,#0a0e27,#1a1f3a)}.featured-map{position:relative;max-width:700px;margin:2rem auto;border-radius:24px;overflow:hidden;border:3px solid rgba(102,126,234,.4);transition:all .3s ease}.featured-map:hover{transform:scale(1.02);border-color:#667eeab3;box-shadow:0 15px 40px #667eea4d}.map-badge{position:absolute;top:1.5rem;left:1.5rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:.5rem 1.5rem;border-radius:50px;font-size:.9rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;z-index:10;box-shadow:0 4px 15px #667eea66}.featured-map-image{width:100%;height:300px;object-fit:cover;display:block;filter:brightness(.7);transition:all .3s ease}.featured-map:hover .featured-map-image{filter:brightness(.5)}.map-overlay{position:absolute;bottom:0;left:0;right:0;padding:2rem;background:linear-gradient(to top,rgba(10,14,39,.95) 0%,transparent 100%)}.map-name{font-size:2.5rem;font-weight:800;color:#fff;margin-bottom:1.5rem;text-transform:uppercase;text-shadow:0 2px 10px rgba(0,0,0,.5)}.map-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.map-stat{display:flex;flex-direction:column;gap:.3rem;text-align:center}.map-stat-value{font-size:1.8rem;font-weight:700;color:#667eea}.map-stat-label{font-size:.8rem;color:#8b92b0;text-transform:uppercase;letter-spacing:1px}.best-map{max-width:700px;margin:1.5rem auto;padding:1.5rem;border-radius:20px;background:linear-gradient(135deg,#fab0051a,#f093fb1a);border:2px solid rgba(250,176,5,.4);transition:all .3s ease}.best-map:hover{transform:translateY(-5px);border-color:#fab005b3;box-shadow:0 10px 30px #fab00533}.best-map-badge{font-size:1rem;font-weight:600;color:#fab005;margin-bottom:1rem;text-align:center}.best-map-content{display:flex;align-items:center;gap:1.5rem}.best-map-image{width:120px;height:80px;object-fit:cover;border-radius:12px;border:2px solid rgba(250,176,5,.3)}.best-map-info{flex:1;text-align:left}.best-map-name{font-size:1.5rem;font-weight:700;color:#fff;margin-bottom:.5rem}.best-map-stats{display:flex;gap:1.5rem;align-items:center}.best-map-winrate{font-size:2rem;font-weight:800;color:#fab005}.best-map-record{font-size:1rem;color:#8b92b0}.maps-list{display:flex;flex-direction:column;gap:1rem;margin-top:2rem;max-width:700px;margin-left:auto;margin-right:auto}.map-item{display:flex;align-items:center;gap:1.5rem;padding:1rem;border-radius:16px;background:#2d33504d;border:1px solid rgba(102,126,234,.2);transition:all .3s ease}.map-item:hover{background:#667eea1a;transform:translate(10px);border-color:#667eea66}.map-item-image{width:100px;height:60px;object-fit:cover;border-radius:10px;border:2px solid rgba(102,126,234,.3)}.map-item-info{flex:1;text-align:left}.map-item-name{font-size:1.2rem;font-weight:600;color:#fff;margin-bottom:.3rem}.map-item-stats{font-size:.9rem;color:#8b92b0}@media(max-width:768px){.screen-title{font-size:2rem}.welcome-content h1{font-size:3rem}.stat-number{font-size:4rem}.stat-grid{grid-template-columns:1fr 1fr}.vehicles-grid,.classes-grid{grid-template-columns:1fr}.map-stats-grid{grid-template-columns:repeat(2,1fr)}.best-map-content{flex-direction:column;text-align:center}.best-map-info{text-align:center}.best-map-stats{justify-content:center}.map-name{font-size:1.8rem}.navigation{bottom:1rem;gap:1rem;padding:.8rem 1.5rem}.reset-button{top:1rem;right:1rem}}.frogs-screen{background:radial-gradient(circle at 50% 50%,rgba(76,175,80,.15) 0%,transparent 50%),linear-gradient(135deg,#0a0e27,#1a1f3a)}.screen-subtitle{font-size:2rem;color:#8b92b0;font-weight:300;text-transform:lowercase;letter-spacing:1px;margin-bottom:2rem}.big-number{font-size:8rem;font-weight:900;background:linear-gradient(135deg,#4caf50,#8bc34a,#76ff03);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1;margin:1rem 0 2rem;text-shadow:0 0 60px rgba(76,175,80,.3)}.frog-image-container{margin-top:3rem;display:flex;justify-content:center;perspective:1000px}.frog-image{max-width:450px;width:100%;height:auto;border-radius:24px;border:3px solid rgba(76,175,80,.4);box-shadow:0 20px 60px #4caf504d,0 0 100px #4caf5033;transition:all .4s ease}.frog-image:hover{transform:scale(1.02) translateY(-5px);box-shadow:0 30px 80px #4caf5080,0 0 120px #4caf504d;border-color:#4caf5099}