body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}html{overflow-x:hidden}body{min-height:100vh;overflow-x:hidden}#root{width:100%;min-height:100vh;position:relative;overflow-x:hidden}*{box-sizing:border-box;max-width:100%}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.levels-container{color:#fff;background:#41588a;min-height:100vh;padding:2rem;position:relative;overflow-x:hidden}.levels-container:before{content:"";pointer-events:none;z-index:0;background-image:repeating-linear-gradient(0deg,#0000,#0000 30px,#fff6 30px,#ffffff0a 32px,#0000 32px 60px);position:absolute;inset:0}.levels-container:after{content:"";pointer-events:none;z-index:0;background:radial-gradient(#0000001a 0%,#00000026 100%);position:absolute;inset:0}.levels-loading{color:#fff;background:#41588a;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;display:flex}@keyframes spin{to{transform:rotate(360deg)}}.levels-header{text-align:center;z-index:1;margin-bottom:3rem;position:relative}.levels-header h1{color:#fff;letter-spacing:5px;text-shadow:0 0 15px #41588a80;margin-bottom:.5rem;font-size:2.5rem}.header-subtitle{color:#fffc;margin-bottom:1rem;font-size:1.1rem}.practice-section{z-index:1;flex-wrap:wrap;justify-content:center;gap:2rem;margin-bottom:4rem;display:flex;position:relative}.practice-btn,.multiplayer-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;-webkit-tap-highlight-color:transparent;background:#41588a4d;border:2px solid #ffffff4d;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;min-width:250px;height:160px;padding:1.5rem 2.5rem;transition:all .3s;display:flex}.practice-btn:hover,.multiplayer-btn:hover{background:#42418a66;border-color:#fff;transform:translateY(-5px);box-shadow:0 10px 30px #0000fa80}.practice-btn:active,.multiplayer-btn:active{transform:translateY(-2px)}.practice-icon,.multi-icon{color:#fff;font-size:2.5rem}.practice-text,.multi-text{color:#fff;font-size:1.5rem;font-weight:700}.practice-desc,.multi-desc{color:#ffffffb3;text-align:center;font-size:.9rem}.levels-grid{z-index:1;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;max-width:1400px;margin:0 auto;display:grid;position:relative}.level-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#41588a33;border:1px solid #ffffff1a;border-radius:10px;flex-direction:column;gap:1rem;min-height:200px;padding:1.5rem;transition:all .3s;display:flex;position:relative;overflow:hidden}.level-card.unlocked{cursor:pointer;border-color:#fff3}.level-card.unlocked:hover{background:#0045db4d;border-color:#fff;transform:translateY(-5px);box-shadow:0 10px 30px #1101f3}.level-card.locked{opacity:.5;cursor:not-allowed;border-color:#ffffff1a}.lock-icon{color:#fa0;font-size:1.2rem;position:absolute;top:1rem;right:1rem}.level-card.coming-soon{cursor:default;text-align:center;background:#41588a26;border:2px dashed #ffffff4d;flex-direction:column;justify-content:center;align-items:center;min-height:200px;padding:1.5rem;display:flex}.coming-soon-icon{opacity:.8;margin-bottom:.8rem;font-size:2.5rem}.coming-soon-text{color:#ffffffe6;letter-spacing:2px;margin:.5rem 0;font-size:1rem;font-weight:700}.coming-soon-message{color:#ffffff80;font-size:.75rem;font-style:italic}.level-number{color:#fff;letter-spacing:2px;text-shadow:0 0 10px #41588a4d;margin-bottom:.5rem;font-size:1.5rem;font-weight:700}.level-stats{gap:1rem;margin:.5rem 0;display:flex}.stat{text-align:center;background:#0003;border:1px solid #ffffff1a;border-radius:6px;flex:1;padding:.8rem}.stat-label{color:#ffffffb3;letter-spacing:1px;margin-bottom:.3rem;font-size:.7rem;display:block}.select-level-btn{color:#41588a;cursor:pointer;text-transform:uppercase;letter-spacing:1px;-webkit-tap-highlight-color:transparent;background:#f3dddd;border:1px solid #fff;border-radius:5px;margin-top:auto;padding:.6rem 1rem;font-size:1rem;font-weight:700;transition:all .3s}.select-level-btn:hover{background:#dfe4f5;transform:scale(1.02);box-shadow:0 0 15px #ffffff80}.select-level-btn:active{transform:scale(.98)}.locked-message{text-align:center;color:#fa0;background:#ffaa001a;border:1px solid #fa03;border-radius:5px;margin-top:auto;padding:.6rem;font-size:.8rem}.admin-info-banner{text-align:center;color:gold;z-index:1;background:#ffd70026;border:1px solid gold;border-radius:8px;justify-content:center;align-items:center;gap:.8rem;max-width:400px;margin-top:2rem;margin-left:auto;margin-right:auto;padding:1rem;font-weight:700;display:flex;position:relative}.admin-icon{font-size:1.2rem;animation:2s ease-in-out infinite adminGlow}@keyframes adminGlow{0%,to{text-shadow:0 0 5px gold}50%{text-shadow:0 0 15px gold}}.max-level-badge{font-size:1.3rem;animation:1.5s ease-in-out infinite trophyGlow;position:absolute;top:10px;right:10px}@keyframes trophyGlow{0%,to{text-shadow:0 0 5px gold;transform:scale(1)}50%{text-shadow:0 0 15px gold;transform:scale(1.1)}}@media (prefers-reduced-motion:reduce){.loading-spinner,.practice-btn,.multiplayer-btn,.level-card,.select-level-btn,.admin-icon,.max-level-badge{transition:none;animation:none}.practice-btn:hover,.multiplayer-btn:hover,.level-card.unlocked:hover,.select-level-btn:hover{transform:none}.loading-spinner{border-top-color:#41588a4d}.levels-container:before{background-image:none}}@media (width<=768px){.levels-container{padding:1rem}.levels-header h1{font-size:2rem}.practice-section{flex-direction:column;align-items:center}.practice-btn,.multiplayer-btn{width:100%;max-width:300px;height:auto;min-height:140px;padding:1rem}.levels-grid{grid-template-columns:1fr;gap:1rem}.level-card,.level-card.coming-soon{min-height:170px}.level-number{font-size:1.2rem}.levels-container:before{background-image:repeating-linear-gradient(0deg,#0000,#0000 25px,#ffffff0a 25px 27px,#0000 27px 50px)}}@media (width<=576px){.levels-container{padding:.8rem}.levels-header h1{letter-spacing:3px;font-size:1.6rem}.header-subtitle{font-size:.9rem}.header-line{width:80px}.practice-btn,.multiplayer-btn{max-width:280px;min-height:120px;padding:.8rem}.practice-icon,.multi-icon{font-size:2rem}.practice-text,.multi-text{font-size:1.2rem}.level-card,.level-card.coming-soon{min-height:160px;padding:1rem}.level-number{font-size:1.1rem}.stat{padding:.5rem}.stat-value{font-size:.9rem}.coming-soon-icon{font-size:2rem}.coming-soon-text{font-size:.9rem}.coming-soon-message{font-size:.7rem}.admin-info-banner{padding:.8rem;font-size:.8rem}.levels-container:before{background-image:repeating-linear-gradient(0deg,#0000,#0000 20px,#ffffff08 20px 22px,#0000 22px 40px)}}@media (width<=480px){.levels-container{padding:.8rem}.levels-header h1{letter-spacing:3px;font-size:1.5rem}.header-subtitle{font-size:.85rem}.header-line{width:60px}.practice-btn,.multiplayer-btn{width:100%;min-width:auto;max-width:250px;min-height:100px;padding:.7rem}.practice-icon,.multi-icon{font-size:1.8rem}.practice-text,.multi-text{font-size:1rem}.practice-desc,.multi-desc{font-size:.7rem}.level-card,.level-card.coming-soon{min-height:150px;padding:.8rem}.level-number{font-size:1rem}.stat{padding:.4rem}.stat-label{font-size:.6rem}.stat-value{font-size:.8rem}.select-level-btn{padding:.4rem;font-size:.8rem}.locked-message{font-size:.65rem}.lock-icon{font-size:.9rem;top:.5rem;right:.5rem}.coming-soon-icon{font-size:1.8rem}.coming-soon-text{font-size:.8rem}.coming-soon-message{font-size:.6rem}.admin-info-banner{padding:.6rem;font-size:.7rem}}@media (width<=380px){.levels-header h1{letter-spacing:2px;font-size:1.2rem}.practice-btn,.multiplayer-btn{max-width:220px;min-height:90px;padding:.6rem}.practice-icon,.multi-icon{font-size:1.5rem}.practice-text,.multi-text{font-size:.9rem}.level-stats{gap:.5rem}.stat{padding:.3rem}.stat-label{font-size:.55rem}.stat-value{font-size:.7rem}.level-card,.level-card.coming-soon{min-height:140px}.coming-soon-icon{font-size:1.5rem}.coming-soon-text{font-size:.7rem}}.racing-environment{border-radius:5px;width:100%;height:400px;margin:0;position:relative;overflow:hidden}.sky-layer{z-index:1;background:linear-gradient(#87ceeb 0%,#b0e0e6 100%);height:60%;transition:background 1s;position:absolute;top:0;left:0;right:0}.sky-layer.night{background:linear-gradient(#0a0a2a 0%,#1a1a3a 100%)}.sky-layer.sunset{background:linear-gradient(#ff7e5f 0%,#feb47b 100%)}.sky-layer.dawn{background:linear-gradient(#ff9a9e 0%,#fad0c4 100%)}.cloud{z-index:2;background:#ffffffe6;border-radius:50px;animation:linear infinite floatCloud;position:absolute;box-shadow:0 5px 15px #ffffff4d}.cloud.rain-cloud{background:#50505ae6;box-shadow:0 5px 15px #0000004d}.cloud:before,.cloud:after{content:"";background:inherit;border-radius:50%;position:absolute}.cloud1{width:100px;height:35px;animation-name:floatCloudRight;animation-duration:90s;top:15%}.cloud1:before{width:50px;height:50px;top:-25px;left:10px}.cloud1:after{width:40px;height:40px;top:-20px;left:45px}.cloud2{opacity:.8;width:140px;height:45px;animation-name:floatCloudLeft;animation-duration:120s;top:30%}.cloud2:before{width:60px;height:60px;top:-30px;left:20px}.cloud2:after{width:50px;height:50px;top:-25px;left:70px}.cloud3{opacity:.7;width:80px;height:30px;animation-name:floatCloudRight;animation-duration:70s;top:45%}.cloud4{opacity:.6;width:120px;height:40px;animation-name:floatCloudRight;animation-duration:110s;top:10%}.cloud5{opacity:.7;width:90px;height:32px;animation-name:floatCloudLeft;animation-duration:130s;top:50%}@keyframes floatCloudRight{0%{transform:translate(-150px)}to{transform:translate(calc(100vw + 150px))}}@keyframes floatCloudLeft{0%{transform:translate(calc(100vw + 150px))}to{transform:translate(-150px)}}.sun{z-index:2;background:#fd0;border-radius:50%;width:50px;height:50px;position:absolute;top:15%;right:10%;box-shadow:0 0 50px #fa0}.sun:after{content:"";background:radial-gradient(circle,#fd06 0%,#0000 70%);border-radius:50%;animation:3s infinite alternate sunGlow;position:absolute;inset:-10px}@keyframes sunGlow{0%{opacity:.5;transform:scale(1)}to{opacity:1;transform:scale(1.1)}}.moon{z-index:2;background:#f0f0f0;border-radius:50%;width:40px;height:40px;position:absolute;top:15%;right:10%;box-shadow:0 0 30px #fff}.moon:after{content:"";background:#ccc;border-radius:50%;width:10px;height:10px;position:absolute;top:5px;left:5px;box-shadow:15px 10px #ccc}.star{color:#fff;z-index:2;font-size:20px;animation:2s infinite alternate twinkle;position:absolute}@keyframes twinkle{0%{opacity:.3;transform:scale(1)}to{opacity:1;transform:scale(1.2)}}.birds{z-index:2;pointer-events:none;height:60%;position:absolute;top:0;left:0;right:0}.bird-group{white-space:nowrap;will-change:transform;animation:linear infinite flyBirdRightToLeft;position:absolute}.bird{filter:drop-shadow(2px 2px 2px #0000004d);margin:0 3px;font-size:24px;animation:.5s infinite alternate birdFlap;display:inline-block}.bird.eagle{font-size:28px}.bird.dove{font-size:22px}@keyframes flyBirdRightToLeft{0%{opacity:1;transform:translate(0)}to{opacity:1;transform:translate(-150vw)}}@keyframes birdFlap{0%{transform:translateY(0)}to{transform:translateY(-3px)}}.scenery-layer{z-index:3;pointer-events:none;height:30%;position:absolute;top:30%;left:0;right:0}.building{border-radius:3px 3px 0 0;position:absolute;bottom:0}.building-skyscraper{background:#2c3e50;border:1px solid #34495e;width:35px}.building-skyscraper.blue{background:#2980b9}.building-skyscraper.grey{background:#7f8c8d}.building-skyscraper.black{background:#2c3e50}.building-skyscraper:after{content:"";background:#f1c40f;border-radius:1px;width:6px;height:6px;position:absolute;top:10px;left:5px;box-shadow:10px 0 #f1c40f,0 10px #f1c40f,10px 10px #f1c40f,0 20px #f1c40f,10px 20px #f1c40f}.building-office{background:#bdc3c7;border:1px solid #95a5a6;width:40px}.building-office.silver{background:#bdc3c7}.building-office.light-blue{background:#5dade2}.building-office:after{content:"";background:repeating-linear-gradient(0deg,#2c3e50 0 4px,#0000 4px 8px);position:absolute;inset:8px 5px}.building-apartment{background:#cd6155;border:1px solid #943126;width:50px}.building-apartment.red{background:#cd6155}.building-apartment.beige{background:#f5cba0}.building-apartment:after{content:"";background:#f1c40f;height:4px;position:absolute;top:5px;left:5px;right:5px;box-shadow:0 12px #f1c40f,0 24px #f1c40f}.building-factory{background:#5d6d7e;border:1px solid #34495e;width:45px}.building-factory.dark-grey{background:#5d6d7e}.building-factory.brown{background:#8e5c4a}.building-factory:before{content:"";background:#95a5a6;border-radius:2px;width:8px;height:20px;position:absolute;top:-15px;right:5px}.building-factory:after{content:"";background:#e67e22;border-radius:50%;width:12px;height:10px;animation:2s infinite smoke;position:absolute;top:-25px;right:2px}@keyframes smoke{0%{opacity:.3;transform:translateY(0)}50%{opacity:.6;transform:translateY(-5px)}to{opacity:.3;transform:translateY(0)}}.building-department{background:#e67e22;border:1px solid #b85c0a;width:55px}.building-department.orange{background:#e67e22}.building-department.red{background:#e74c3c}.building-department:after{content:"STORE";color:#fff;background:#0000004d;padding:2px;font-size:8px;font-weight:700;position:absolute;top:10px;left:10px}.building-school{background:#f4d03f;border:1px solid #b7950b;width:48px}.building-school.yellow{background:#f4d03f}.building-school.brown{background:#b7950b}.building-school:before{content:"⚑";color:#e74c3c;font-size:16px;position:absolute;top:-15px;right:10px}.building-school:after{content:"";background:#fff;height:2px;position:absolute;top:5px;left:10px;right:10px;box-shadow:0 8px #fff,0 16px #fff}.building-hotel{background:#5dade2;border:1px solid #2c81ba;width:40px}.building-hotel.blue{background:#5dade2}.building-hotel.teal{background:#1abc9c}.building-hotel:after{content:"HOTEL";color:#fff;text-align:center;background:#e74c3c;border-radius:2px;font-size:8px;font-weight:700;position:absolute;top:-8px;left:5px;right:5px}.building-house{background:#f7dc6f;border:1px solid #b7950b;width:35px}.building-house.yellow{background:#f7dc6f}.building-house.beige{background:#f5cba0}.building-house:before{content:"";clip-path:polygon(0% 100%,50% 0%,100% 100%);background:#a04000;width:39px;height:15px;position:absolute;top:-12px;left:-2px}.building-house:after{content:"";background:#8b5a2b;border-radius:2px;width:8px;height:12px;position:absolute;top:5px;left:12px}.tree-oak{z-index:3;background:#8b4513;border-radius:5px;width:20px;height:50px;position:absolute;bottom:0}.tree-oak:after{content:"";background:#27ae60;border-radius:50%;width:60px;height:50px;position:absolute;top:-40px;left:-20px;box-shadow:0 0 0 5px #2ecc71}.mountain{filter:drop-shadow(2px 5px 3px #0000004d);z-index:2;border-bottom:80px solid #27ae60;border-left:50px solid #0000;border-right:50px solid #0000;width:0;height:0;position:absolute;bottom:0}.bush{z-index:3;background:#2ecc71;border-radius:50%;width:25px;height:15px;position:absolute;bottom:0;box-shadow:8px -3px #27ae60,-5px -3px #27ae60}.bush:before{content:"";opacity:.8;background:#2ecc71;border-radius:50%;width:12px;height:8px;position:absolute;top:-5px;left:5px}.bush.small{transform:scale(.7)}.bush.large{transform:scale(1.3)}.track-layer{z-index:5;background:#2c3e50;height:40%;position:absolute;bottom:0;left:0;right:0}.track-surface{background:repeating-linear-gradient(90deg,#34495e 0 4px,#2c3e50 4px 8px);position:absolute;inset:0}.lanes{z-index:6;flex-direction:column;justify-content:space-around;display:flex;position:absolute;inset:20px 120px}.lane{opacity:.8;background:repeating-linear-gradient(90deg,#f1c40f 0 30px,#0000 30px 60px);height:2px}.start-line{z-index:15;background-color:#0000;border-right:2px solid #fa0;width:60px;position:absolute;top:0;bottom:0;left:60px;overflow:hidden;box-shadow:0 0 20px #ffffff80}.finish-line{z-index:15;background-color:#0000;border-left:2px solid #fa0;width:60px;position:absolute;top:0;bottom:0;right:60px;overflow:hidden;box-shadow:0 0 20px #ffffff80}.start-text{color:#fff;text-shadow:2px 2px 4px #000;letter-spacing:2px;white-space:nowrap;z-index:16;text-transform:uppercase;transform-origin:50%;background:#000c;border:2px solid #fa0;border-radius:20px;padding:6px 16px;font-size:16px;font-weight:700;line-height:1;position:absolute;top:50%;left:-15px;transform:translateY(-50%)rotate(-90deg);box-shadow:0 0 15px #ffaa0080}.finish-text{color:#fff;text-shadow:2px 2px 4px #000;letter-spacing:2px;white-space:nowrap;z-index:16;text-transform:uppercase;transform-origin:50%;background:#000c;border:2px solid #fa0;border-radius:20px;padding:6px 16px;font-size:16px;font-weight:700;line-height:1;position:absolute;top:50%;right:-15px;transform:translateY(-50%)rotate(90deg);box-shadow:0 0 15px #ffaa0080}.cars-container{z-index:20;pointer-events:none;position:absolute;inset:0}.car-container{flex-direction:column;align-items:center;transition:left .1s linear;display:flex;position:absolute;transform:translate(-50%)}.username{color:#fff;text-shadow:2px 2px 2px #00000080;white-space:nowrap;z-index:26;background:#0009;border:1px solid #ffffff4d;border-radius:12px;padding:2px 8px;font-size:12px;font-weight:700;position:absolute}.username.leaderboard{padding:4px 12px;font-size:14px;top:-35px}.car-display-name{color:#fff;text-shadow:2px 2px 2px #00000080;white-space:nowrap;z-index:26;background:#0009;border:1px solid #ffffff4d;border-radius:12px;padding:2px 8px;font-size:12px;font-weight:400;transition:all .2s;position:absolute}.car-display-name.leaderboard{background:#000c;border-color:#fa0;padding:4px 12px;font-size:14px;font-weight:700;bottom:-40px;box-shadow:0 0 15px #ffaa004d}.car-display-name.special-car{border-color:gold;animation:2s ease-in-out infinite specialCarGlow;box-shadow:0 0 10px gold}@keyframes specialCarGlow{0%,to{box-shadow:0 0 5px gold}50%{box-shadow:0 0 15px gold}}.car-container:hover .car-display-name{background:#000000e6;border-color:#fff;transform:scale(1.05)}.boost-effect{gap:3px;display:flex;position:absolute;top:50%;right:-25px;transform:translateY(-50%)}.boost-line{background:#f60;width:20px;height:4px;animation:.2s infinite boostPulse}@keyframes boostPulse{0%{opacity:0;transform:translate(0)}50%{opacity:1;transform:translate(5px)}to{opacity:0;transform:translate(10px)}}.rain{pointer-events:none;z-index:20;position:absolute;inset:0}.raindrop{background:#ffffff4d;width:2px;height:10px;animation:.5s linear infinite rain;position:absolute}@keyframes rain{0%{opacity:1;transform:translateY(-10px)}to{opacity:0;transform:translateY(400px)}}.fog{z-index:15;background:#fff3;position:absolute;inset:0}.countdown-overlay{z-index:100;color:#fff;text-shadow:0 0 20px #fff;background:#00000080;justify-content:center;align-items:center;font-size:80px;font-weight:700;animation:.5s countdownPulse;display:flex;position:absolute;inset:0}@keyframes countdownPulse{0%{opacity:0;transform:scale(.5)}50%{opacity:1;transform:scale(1.2)}to{opacity:1;transform:scale(1)}}@media (width<=768px){.racing-environment{height:300px}.lanes{left:80px;right:80px}.start-line{width:40px;left:30px}.finish-line{width:40px;right:30px}.start-text{padding:4px 12px;font-size:12px;left:-10px}.finish-text{padding:4px 12px;font-size:12px;right:-10px}.countdown-overlay{font-size:60px}.bird{font-size:18px}.bird.eagle{font-size:22px}.username{padding:2px 6px;font-size:10px}.car-display-name{padding:2px 6px;font-size:10px;bottom:-25px}.car-display-name.leaderboard{padding:3px 8px;font-size:12px;bottom:-35px}}@media (width<=480px){.lanes{left:60px;right:60px}.start-line,.finish-line{width:30px}.start-text,.finish-text{padding:3px 8px;font-size:10px}.car-display-name{padding:1px 5px;font-size:9px}.car-display-name.leaderboard{padding:2px 6px;font-size:10px}}.game-container{background-color:#41588a;background-image:linear-gradient(45deg,#ffffff1a 25%,#0000 25%),linear-gradient(-45deg,#ffffff1a 25%,#0000 25%);background-position:0 0,0 15px;background-repeat:repeat;background-size:30px 30px;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;justify-content:center;align-items:center;min-height:100vh;padding:1rem;display:flex}.game-box{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#41588a;border:3px solid #fff;border-radius:15px;flex-direction:column;width:1300px;max-width:100%;display:flex;position:relative;overflow:hidden;box-shadow:0 0 50px #41588a80}.top-bar{z-index:30;background:#41588a;border-bottom:2px solid #fff3;justify-content:space-between;align-items:center;padding:1rem 2rem;display:flex;position:relative;overflow:hidden}.top-bar:before{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#ffffff1a,#0000);width:100%;height:100%;animation:3s infinite shine;position:absolute;top:0;left:-100%}@keyframes shine{0%{left:-100%}20%{left:100%}to{left:100%}}.level-display{color:#fff;text-shadow:0 0 20px #41588a80;letter-spacing:2px;z-index:31;border:1px solid #ffffff4d;border-radius:30px;padding:.3rem 1.2rem;font-size:1.8rem;font-weight:800}.stats-display{z-index:31;background:#41588a66;border:1px solid #fff3;border-radius:30px;gap:2rem;padding:.5rem 1.5rem;display:flex}.stat{text-align:center;min-width:70px}.stat-label{color:#fffc;letter-spacing:1px;text-transform:uppercase;font-size:.7rem;display:block}.stat-value{color:#fff;text-shadow:0 0 10px #41588a66;font-size:1.5rem;font-weight:800;line-height:1.2;display:block}.racing-container{z-index:10;background:#2a3a5a;position:relative}.typing-section{z-index:30;background:#41588a;border-top:2px solid #fff3;border-bottom:2px solid #fff3;padding:1.5rem;position:relative}.target-text{color:#fff;background:#41588a4d;border:1px solid #fff3;border-radius:8px;min-height:80px;max-height:120px;margin-bottom:1rem;padding:1rem;font-family:Courier New,monospace;font-size:1.3rem;line-height:2rem;overflow-y:auto;box-shadow:inset 0 0 20px #0003}.target-char{font-family:Courier New,monospace;transition:all .1s;display:inline-block}.target-char.correct{color:#4f4;text-shadow:0 0 5px #4f4}.target-char.incorrect{color:#f44;background:#f443;-webkit-text-decoration:underline wavy #f44;text-decoration:underline wavy #f44}.target-char.current{background:#41588a80;border-left:2px solid #fff;animation:1s infinite blink}.target-char.space{background:#ffffff1a;border-radius:2px;min-width:10px;display:inline-block}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.typing-input{color:#fff;resize:none;-webkit-tap-highlight-color:transparent;background:#41588a4d;border:2px solid #ffffff4d;border-radius:8px;outline:none;width:100%;height:60px;padding:1rem;font-family:Courier New,monospace;font-size:1.1rem;transition:all .3s}.typing-input:focus{background:#41588a66;border-color:#fff;box-shadow:0 0 20px #41588a80}.typing-input::placeholder{color:#fff9}.player-bar{z-index:30;background:#41588a;border-top:1px solid #fff3;flex-wrap:wrap;justify-content:space-around;gap:1rem;padding:1rem;display:flex;position:relative}.player-info{background:#41588a66;border:1px solid #fff3;border-radius:8px;flex-direction:column;align-items:center;min-width:120px;padding:.5rem 1.5rem;transition:all .3s;display:flex}.player-name{color:#fff;margin-bottom:.2rem;font-size:1rem;font-weight:700}.player-car{opacity:.9;text-transform:uppercase;color:#ffffffe6;font-size:.8rem}.results-modal{z-index:1000;text-align:center;background:#41588a;border:3px solid #fff;border-radius:15px;min-width:450px;padding:2.5rem;animation:.3s modalPop;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 50px #41588a80}@keyframes modalPop{0%{opacity:0;transform:translate(-50%,-50%)scale(.8)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}.results-modal h2{color:#fff;text-shadow:0 0 20px #41588a80;letter-spacing:2px;margin-bottom:.5rem;font-size:2.5rem}.result-message{color:#ffffffe6;letter-spacing:.5px;background:#41588a66;border:1px solid #fff3;border-radius:30px;margin-bottom:1.5rem;padding:.5rem 1rem;font-size:1.1rem;font-weight:500;display:inline-block}.results-stats{background:#41588a4d;border:1px solid #fff3;border-radius:10px;justify-content:space-around;margin-bottom:2.5rem;padding:1.5rem;display:flex}.result-box{text-align:center;padding:0 1rem}.result-box span:first-child{color:#fffc;text-transform:uppercase;letter-spacing:1px;margin-bottom:.3rem;font-size:.9rem;display:block}.result-box .result-value{color:#fff;text-shadow:0 0 20px #41588a66;font-size:2.2rem;font-weight:800}.results-actions{justify-content:center;gap:1rem;display:flex}.restart-btn,.next-btn{cursor:pointer;text-transform:uppercase;letter-spacing:1px;-webkit-tap-highlight-color:transparent;border:none;border-radius:8px;padding:.8rem 2rem;font-size:1rem;font-weight:600;transition:all .3s}.restart-btn{color:#fff;background:0 0;border:2px solid #fff}.restart-btn:hover{color:#41588a;background:#fff;transform:translateY(-2px);box-shadow:0 5px 20px #41588a80}.restart-btn:active{transform:translateY(0)}.next-btn{color:#41588a;background:#fff;border:2px solid #fff}.next-btn:hover{background:#e0e0e0;transform:translateY(-2px);box-shadow:0 5px 20px #41588a80}.next-btn:active{transform:translateY(0)}.target-text::-webkit-scrollbar{width:6px}.target-text::-webkit-scrollbar-track{background:#41588a33;border-radius:3px}.target-text::-webkit-scrollbar-thumb{background:#fff;border-radius:3px}.target-text::-webkit-scrollbar-thumb:hover{background:#e0e0e0}.new-car-unlock{background:linear-gradient(135deg,#ffd70033,#ffa50033);border:2px solid gold;border-radius:50px;justify-content:center;align-items:center;gap:1rem;margin:1rem 0;padding:.8rem 1.5rem;animation:.5s carUnlockPulse;display:flex}@keyframes carUnlockPulse{0%{opacity:0;transform:scale(.9)}50%{transform:scale(1.05)}to{opacity:1;transform:scale(1)}}.car-unlock-icon{font-size:2rem;animation:.5s carBounce}@keyframes carBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.car-unlock-info{flex-direction:column;align-items:flex-start;display:flex}.car-unlock-title{color:gold;text-transform:uppercase;letter-spacing:2px;font-size:.8rem;font-weight:700}.car-unlock-name{color:#fff;font-size:1.2rem;font-weight:700}@media (width<=480px){.new-car-unlock{gap:.5rem;padding:.5rem 1rem}.car-unlock-icon{font-size:1.5rem}.car-unlock-title{font-size:.7rem}.car-unlock-name{font-size:1rem}}@media (prefers-reduced-motion:reduce){.top-bar:before,.target-char.current,.results-modal,.loading-spinner,.restart-btn,.next-btn{transition:none;animation:none}.restart-btn:hover,.next-btn:hover{transform:none}.target-char.current{border-left-color:#fff}}@media (width<=768px){.game-container{padding:.5rem}.top-bar{flex-direction:column;gap:.5rem;padding:.8rem}.level-display{font-size:1.4rem}.stats-display{gap:.8rem;padding:.3rem 1rem}.stat{min-width:50px}.stat-value{font-size:1.1rem}.target-text{max-height:100px;font-size:1rem;line-height:1.5rem}.typing-input{height:50px;font-size:1rem}.player-info{min-width:80px;padding:.3rem .8rem}.player-name{font-size:.9rem}.results-modal{min-width:300px;padding:1.5rem}.results-modal h2{font-size:2rem}.result-message{padding:.3rem .8rem;font-size:.9rem}.results-stats{flex-direction:column;gap:1rem;padding:1rem}.result-box .result-value{font-size:1.8rem}.results-actions{flex-direction:column;gap:.5rem}}@media (width<=480px){.stats-display{flex-wrap:wrap;justify-content:center}.player-bar{flex-direction:column;align-items:center}.player-info{width:100%;max-width:200px}.results-modal{min-width:280px;padding:1rem}.results-modal h2{font-size:1.5rem}.result-message{font-size:.8rem}.result-box .result-value{font-size:1.5rem}.restart-btn,.next-btn{padding:.6rem 1.5rem;font-size:.9rem}}.admin-badge{cursor:default;filter:drop-shadow(0 0 2px #ffd7004d);margin-left:4px;padding:2px;font-size:1em;line-height:1;animation:2s ease-in-out infinite subtle-glow;display:inline-block}@keyframes subtle-glow{0%{opacity:.9;transform:scale(1)}50%{opacity:1;filter:drop-shadow(0 0 4px gold);transform:scale(1.05)}to{opacity:.9;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.admin-badge{animation:none}}.admin-badge.small{font-size:.8em}.admin-badge.large{font-size:1.2em}@media (width<=768px){.admin-badge{margin-left:3px;padding:3px}}@media (width>=769px) and (width<=1024px){.admin-badge{padding:2px}}.car-display-container{cursor:help;-webkit-tap-highlight-color:transparent;align-items:center;gap:4px;margin-left:4px;line-height:1;display:inline-flex;position:relative}.car-small .car-icon{font-size:.9rem}.car-small .car-name{font-size:.8rem}.car-medium .car-icon{font-size:1.1rem}.car-medium .car-name{font-size:1rem}.car-large .car-icon{font-size:1.4rem}.car-large .car-name{font-size:1.2rem}.special-car .car-icon{animation:2s ease-in-out infinite specialGlow}.special-car .car-name{animation:2s ease-in-out infinite specialPulse}@keyframes specialGlow{0%,to{filter:drop-shadow(0 0 2px);transform:scale(1)}50%{filter:drop-shadow(0 0 8px);transform:scale(1.05)}}@keyframes specialPulse{0%,to{opacity:.9}50%{opacity:1;font-weight:700}}.car-icon{line-height:1;transition:all .2s;display:inline-block}.car-icon:hover{transform:scale(1.1)}.car-name{white-space:nowrap;line-height:1;display:inline-block}.car-tooltip{z-index:1000;min-width:200px;margin-bottom:10px;animation:.2s tooltipFadeIn;position:absolute;bottom:100%;left:50%;transform:translate(-50%)}@keyframes tooltipFadeIn{0%{opacity:0;transform:translate(-50%)translateY(5px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.tooltip-arrow{z-index:1001;background:#1e2a3a;border:1px solid #fff3;border-top:none;border-left:none;width:10px;height:10px;position:absolute;bottom:-5px;left:50%;transform:translate(-50%)rotate(45deg)}.tooltip-content{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);text-align:left;background:#1e2a3a;border:1px solid #fff3;border-radius:8px;padding:12px;box-shadow:0 5px 20px #0000004d}.tooltip-header{align-items:center;gap:8px;margin-bottom:8px;font-weight:700;display:flex}.tooltip-icon{font-size:1.3rem}.tooltip-name{color:#fff;font-size:1rem}.tooltip-description{color:#fffc;border-bottom:1px solid #ffffff1a;margin-bottom:8px;padding-bottom:8px;font-size:.85rem}.tooltip-special-badge{color:gold;text-align:center;background:#ffd70033;border:1px solid gold;border-radius:4px;margin-bottom:6px;padding:4px 8px;font-size:.75rem;font-weight:600}.tooltip-expiry{color:#ff6b6b;margin-top:4px;font-size:.75rem}.tooltip-level{color:#4aa3ff;margin-top:4px;font-size:.75rem}.car-display-container.right-aligned .car-tooltip{left:auto;right:0;transform:none}.car-display-container.right-aligned .tooltip-arrow{left:auto;right:10px}@media (width<=768px){.car-tooltip{min-width:160px}.tooltip-header{gap:4px}.tooltip-icon{font-size:1.1rem}.tooltip-name{font-size:.9rem}.tooltip-description{font-size:.75rem}.tooltip-special-badge,.car-small .car-name{font-size:.7rem}.car-medium .car-name{font-size:.9rem}}@media (width<=480px){.car-display-container{gap:2px}.car-tooltip{min-width:140px}.tooltip-content{padding:8px}.tooltip-icon{font-size:1rem}.tooltip-name{font-size:.8rem}.tooltip-description{font-size:.7rem}.tooltip-special-badge{padding:2px 6px;font-size:.65rem}.car-small .car-name{font-size:.65rem}.car-medium .car-name{font-size:.8rem}}@media (prefers-reduced-motion:reduce){.special-car .car-icon,.special-car .car-name,.car-tooltip,.car-icon{transition:none;animation:none}.car-icon:hover{transform:none}}.lobby-container{color:#fff;background:#41588a;min-height:100vh;padding:2rem}.lobby-header{border-bottom:2px solid #fff3;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;display:flex}.lobby-title h1{color:#fff;letter-spacing:3px;text-shadow:0 0 20px #41588a80;margin-bottom:.5rem;font-size:2.5rem}.online-counter{background:#41588a4d;border:1px solid #fff3;border-radius:30px;align-items:center;gap:.8rem;padding:.8rem 1.5rem;display:flex}.online-dot{background:#4f4;border-radius:50%;width:10px;height:10px;animation:2s infinite pulse}.online-text{color:#fff;font-size:1rem;font-weight:500}@keyframes pulse{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;text-shadow:0 0 30px #0006;transform:scale(1.05)}}.lobby-actions{gap:1rem;margin-bottom:3rem;display:flex}.create-room-btn,.quick-join-btn{cursor:pointer;letter-spacing:1px;-webkit-tap-highlight-color:transparent;border:none;border-radius:8px;align-items:center;gap:.8rem;padding:1rem 2rem;font-size:1rem;font-weight:600;transition:all .3s;display:flex}.create-room-btn{color:#41588a;background:#fff;border:1px solid #fff;flex:2}.create-room-btn:hover{background:#d5d5f7;transform:translateY(-2px);box-shadow:0 5px 20px #004ef580}.create-room-btn:active{transform:translateY(0)}.quick-join-btn{color:#fff;background:0 0;border:2px solid #ffffff4d;flex:1}.quick-join-btn:hover{background:#41588a4d;border-color:#fff;transform:translateY(-2px);box-shadow:0 5px 20px #fefeff80}.quick-join-btn:active{transform:translateY(0)}.btn-icon{font-size:1.2rem}.rooms-section{margin-top:2rem}.rooms-section h2{color:#ffffffb3;letter-spacing:2px;margin-bottom:1.5rem;font-size:1.2rem}.rooms-grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem;display:grid}.room-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;-webkit-tap-highlight-color:transparent;background:#212a47b3;border:1px solid #ffffff1a;border-radius:12px;padding:1.5rem;transition:all .3s;position:relative;overflow:hidden}.room-card:hover:not(.full){background:#41588a4d;border-color:#fff;transform:translateY(-3px);box-shadow:0 10px 30px #41588a80}.room-card.admin-host{background:linear-gradient(135deg,#41588ab3,#ffd7001a);border:2px solid gold;animation:3s ease-in-out infinite adminRoomPulse;box-shadow:0 0 30px #ffd7004d}.room-card.admin-host:before{content:"👑";opacity:.3;pointer-events:none;font-size:1.5rem;position:absolute;top:10px;right:10px;transform:rotate(15deg)}.room-card.admin-host:hover{border-color:gold;box-shadow:0 15px 40px #ffd70080}@keyframes adminRoomPulse{0%,to{box-shadow:0 0 20px #ffd70033}50%{box-shadow:0 0 40px #ffd70066}}.room-card.admin-host .room-host .value{color:#ff6b6b;flex-wrap:wrap;align-items:center;gap:4px;font-weight:700;display:flex}.room-host .value{color:#fff;flex-wrap:wrap;align-items:center;gap:4px;font-weight:500;display:flex}.room-host .value .admin-badge{margin-left:2px;font-size:.9rem}.room-host .value .car-display-container{vertical-align:middle;margin-left:2px}.room-host .value>*{vertical-align:middle}.room-card.admin-host .room-host .value .admin-badge{font-size:1rem;animation:3s ease-in-out infinite crownSpin}@keyframes crownSpin{0%,to{transform:rotate(0)}25%{transform:rotate(5deg)}75%{transform:rotate(-5deg)}}.room-card.admin-host .room-header h3{color:gold;text-shadow:0 0 10px #ffd70080}.room-card.full{opacity:.5;cursor:not-allowed}.room-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.room-header h3{color:#fff;font-size:1.3rem;font-weight:600;transition:all .3s}.private-badge{font-size:1.2rem}.room-details{margin-bottom:1.5rem}.room-host,.room-level,.room-players{border-bottom:1px solid #ffffff1a;justify-content:space-between;padding:.5rem 0;display:flex}.room-host .label,.room-level .label,.room-players .label{color:#fff9;font-size:.9rem}.player-indicators{gap:.5rem;display:flex}.player-dot{background:#fff3;border-radius:50%;width:20px;height:20px;transition:all .3s}.player-dot.filled{background:#fff;box-shadow:0 0 10px #41588a80}.room-card.admin-host .player-dot.filled{background:gold;box-shadow:0 0 10px gold}.room-footer{justify-content:space-between;align-items:center;margin-top:1rem;display:flex}.room-status{text-transform:uppercase;border-radius:20px;padding:.4rem 1rem;font-size:.8rem;font-weight:600}.room-status.waiting{color:#fff;background:#41588a66;border:1px solid #ffffff4d}.room-card.admin-host .room-status.waiting{color:gold;background:#ffd70033;border-color:gold}.room-status.playing{color:#f44;background:#f443;border:1px solid #f44}.join-btn{color:#41588a;cursor:pointer;-webkit-tap-highlight-color:transparent;background:#fff;border:1px solid #fff;border-radius:5px;padding:.5rem 1.2rem;font-weight:600;transition:all .3s}.join-btn:hover{background:#e0e0e0;transform:scale(1.05);box-shadow:0 0 15px #41588a80}.join-btn:active{transform:scale(.98)}.room-card.admin-host .join-btn{color:#1e2a3a;background:gold;border-color:gold}.room-card.admin-host .join-btn:hover{background:gold;box-shadow:0 0 20px gold}.join-btn.admin-join{color:#1e2a3a;background:gold;border:2px solid gold;font-weight:700}.join-btn.admin-join:hover{background:gold;transform:scale(1.05);box-shadow:0 0 20px gold}.loading-rooms{text-align:center;padding:4rem}.loading-spinner{border:3px solid #41588a4d;border-top-color:#fff;border-radius:50%;width:50px;height:50px;margin:0 auto 1rem;animation:1s linear infinite spin}.no-rooms{text-align:center;background:#41588a1a;border:2px dashed #fff3;border-radius:12px;padding:4rem}.no-rooms p{color:#fff;margin-bottom:.5rem;font-size:1.2rem}.no-rooms span{color:#ffffffb3;font-size:.9rem}.create-modal{background:#41588a;border:2px solid #fff;border-radius:15px;width:100%;max-width:450px;padding:2.5rem;box-shadow:0 0 50px #41588a80}.create-modal h2{color:#fff;text-align:center;letter-spacing:2px;text-shadow:0 0 15px #41588a80;margin-bottom:2rem;font-size:1.8rem}.form-group label{color:#fffc;letter-spacing:1px;margin-bottom:.5rem;font-size:.9rem;display:block}.form-group input,.form-group select{color:#fff;-webkit-tap-highlight-color:transparent;background:#0003;border:1px solid #ffffff4d;border-radius:5px;outline:none;width:100%;padding:.8rem 1rem;font-size:1rem;transition:all .3s}.form-group input:focus,.form-group select:focus{border-color:#fff;box-shadow:0 0 15px #41588a80}.checkbox-label{cursor:pointer;align-items:center;gap:.8rem;display:flex}.checkbox-label input[type=checkbox]{accent-color:#fff;width:auto}.error-message{color:#f44;text-align:center;background:#f443;border:1px solid #f44;border-radius:5px;margin-bottom:1.5rem;padding:.8rem}.cancel-btn,.create-btn{cursor:pointer;text-transform:uppercase;letter-spacing:1px;-webkit-tap-highlight-color:transparent;border:none;border-radius:5px;flex:1;padding:.8rem;font-weight:600;transition:all .3s}.create-btn{color:#41588a;background:#fff;border:1px solid #fff}.create-btn:hover{background:#e0e0e0;box-shadow:0 0 15px #41588a80}.create-btn:active{transform:scale(.98)}.admin-info-banner{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffd70026;border:2px solid gold;border-radius:10px;align-items:center;gap:15px;margin-bottom:20px;padding:15px 20px;animation:3s ease-in-out infinite bannerPulse;display:flex}.admin-info-banner .admin-icon{font-size:2rem;animation:3s ease-in-out infinite crownSpin}.admin-info-banner .admin-message{color:gold;letter-spacing:.5px;font-size:1rem;font-weight:600}@keyframes bannerPulse{0%,to{border-color:#4aa3ff;box-shadow:0 0 15px #4aa3ff4d}50%{border-color:#66b3ff;box-shadow:0 0 30px #4aa3ff99}}.join-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.join-btn:disabled:hover{box-shadow:none;transform:none}.level-hint{color:#ffffff80;margin-top:.3rem;font-size:.7rem;font-style:italic;display:block}.level-warning{color:#f88;white-space:nowrap;background:#f443;border-radius:10px;margin-left:5px;padding:2px 6px;font-size:.7rem;display:inline-block}@media (prefers-reduced-motion:reduce){.online-dot,.room-card.admin-host,.room-card.admin-host .room-host .value .admin-badge,.loading-spinner,.admin-info-banner,.admin-info-banner .admin-icon{animation:none}.create-room-btn:hover,.quick-join-btn:hover,.join-btn:hover{transform:none}}@media (width<=768px){.lobby-container{padding:1rem}.lobby-header{text-align:center;flex-direction:column;gap:1rem}.lobby-title h1{font-size:2rem}.lobby-actions{flex-direction:column}.rooms-grid{grid-template-columns:1fr}.create-modal{margin:1rem;padding:1.5rem}.admin-info-banner{text-align:center;flex-direction:column;gap:10px;padding:12px}.admin-info-banner .admin-icon{font-size:1.5rem}.admin-info-banner .admin-message{font-size:.9rem}.room-card.admin-host:before{font-size:1.2rem;top:5px;right:5px}.room-host .value{gap:2px;font-size:.9rem}.room-host .value .car-display-container{transform:scale(.9)}.room-host .value .admin-badge{font-size:.8rem}}@media (width<=480px){.lobby-title h1{font-size:1.5rem}.header-subtitle{font-size:.85rem}.online-counter{padding:.5rem 1rem}.online-text{font-size:.85rem}.create-room-btn,.quick-join-btn{padding:.8rem 1.5rem;font-size:.9rem}.rooms-section h2{font-size:1rem}.room-card{padding:1rem}.room-header h3{font-size:1.1rem}.room-host .value{flex-wrap:wrap;justify-content:flex-end;font-size:.85rem}.room-host .value .car-display-container{transform:scale(.85)}.room-status{padding:.3rem .8rem;font-size:.7rem}.join-btn{padding:.4rem 1rem;font-size:.8rem}.create-modal h2{font-size:1.4rem}.form-group label{font-size:.8rem}.form-group input,.form-group select{padding:.6rem .8rem;font-size:.9rem}.cancel-btn,.create-btn{padding:.6rem;font-size:.8rem}}.level-warning{margin-left:3px;padding:1px 3px;font-size:.55rem}@media (width<=380px){.lobby-container{padding:.8rem}.lobby-title h1{font-size:1.3rem}.create-room-btn,.quick-join-btn{padding:.6rem 1rem;font-size:.8rem}.room-card{padding:.8rem}.room-header h3,.private-badge{font-size:1rem}.room-host .label,.room-level .label,.room-players .label,.room-host .value{font-size:.8rem}.player-dot{width:16px;height:16px}.create-modal{padding:1rem}.create-modal h2{margin-bottom:1rem;font-size:1.2rem}.modal-actions{gap:.5rem}.cancel-btn,.create-btn{padding:.5rem;font-size:.75rem}}.level-hint{font-size:.55rem}.level-warning{padding:1px 2px;font-size:.5rem}.room-container{background:#41588a;min-height:100vh;padding:20px}.room-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:15px;justify-content:space-between;align-items:center;margin-bottom:20px;padding:20px;display:flex}.room-info h1{color:#fff;text-shadow:0 0 10px #0003;margin-bottom:5px;font-size:24px}.room-meta{align-items:center;gap:10px;display:flex}.room-level{color:#fff;background:#ffffff40;border:1px solid #ffffff4d;border-radius:20px;padding:4px 12px;font-size:14px;font-weight:700}.private-badge{color:#000;background:#fa0;border-radius:20px;padding:4px 12px;font-size:14px;font-weight:700}.header-actions{align-items:center;gap:10px;display:flex}.spectate-toggle-btn{color:#4aa3ff;cursor:pointer;-webkit-tap-highlight-color:transparent;background:#0000004d;border:2px solid #4aa3ff;border-radius:30px;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:700;transition:all .3s;display:flex}.spectate-toggle-btn:hover{color:#fff;background:#4aa3ff;transform:scale(1.05);box-shadow:0 5px 15px #4aa3ff66}.spectate-toggle-btn:active{transform:scale(.98)}.spectate-toggle-btn.active{color:#fff;background:#4aa3ff;border-color:#4aa3ff;animation:2s ease-in-out infinite spectatePulse}@keyframes spectatePulse{0%,to{box-shadow:0 0 10px #4aa3ff80}50%{box-shadow:0 0 20px #4aa3ffcc}}.leave-btn{color:#fff;cursor:pointer;-webkit-tap-highlight-color:transparent;background:linear-gradient(135deg,#ff3d00,#ff6e40);border:none;border-radius:30px;padding:10px 25px;font-size:16px;font-weight:700;transition:all .3s}.leave-btn:hover{transform:scale(1.05);box-shadow:0 5px 15px #ff3d0066}.leave-btn:active{transform:scale(.98)}.spectator-banner{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#4aa3ff26;border:2px solid #4aa3ff;border-radius:10px;align-items:center;gap:15px;margin-bottom:20px;padding:15px 20px;animation:3s ease-in-out infinite bannerPulse;display:flex}.spectator-banner .spectator-icon{font-size:1.8rem;animation:3s ease-in-out infinite eyeWink}.spectator-banner .spectator-message{color:#4aa3ff;letter-spacing:.5px;font-size:1rem;font-weight:600}@keyframes eyeWink{0%,to{transform:scale(1)}90%{transform:scale(1)}95%{transform:scale(.9)}98%{transform:scale(1.1)}}.room-content{grid-template-columns:1fr 350px;gap:20px;display:grid}.players-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff14;border:1px solid #ffffff26;border-radius:15px;padding:20px}.players-section h2{color:#fff;text-shadow:0 0 10px #0003;margin-bottom:20px;font-size:20px}.players-section h3{color:#fffc;letter-spacing:1px;margin:20px 0 10px;font-size:16px}.players-grid{grid-template-columns:repeat(2,1fr);gap:15px;margin-bottom:20px;display:grid}.player-slot{-webkit-tap-highlight-color:transparent;background:#00000040;border-left:4px solid #fff;border-radius:12px;min-height:120px;padding:15px;transition:all .3s;position:relative}.player-slot.filled{background:#41588a99;border-left-color:#fff}.player-slot.empty{opacity:.5;border-left-color:#ffffff4d!important}.player-slot.admin-slot{background:#ffd7001a;border-left:4px solid gold;animation:2s ease-in-out infinite adminSlotPulse;box-shadow:0 0 20px #ffd7004d}@keyframes adminSlotPulse{0%,to{box-shadow:0 0 15px #ffd70033}50%{box-shadow:0 0 25px #ffd70080}}.player-slot.admin-slot .player-name{color:#ff6b6b;font-weight:700}.player-slot.admin-slot .player-avatar img{border-color:gold;box-shadow:0 0 15px gold}.player-position{color:#fffc;font-size:12px;font-weight:700;position:absolute;top:10px;right:10px}.player-avatar{margin-bottom:10px;display:inline-block;position:relative}.player-avatar img{border:2px solid #fff;border-radius:50%;width:50px;height:50px;transition:all .3s;box-shadow:0 0 10px #0003}.avatar-admin-badge{z-index:2;background:#000000b3;border:2px solid gold;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;animation:2s ease-in-out infinite badgeGlow;display:flex;position:absolute;top:-8px;right:-8px}.avatar-admin-badge .admin-badge{margin:0;font-size:14px;animation:none}@keyframes badgeGlow{0%,to{transform:scale(1);box-shadow:0 0 5px gold}50%{transform:scale(1.1);box-shadow:0 0 15px gold}}.player-info{flex-direction:column;gap:5px;display:flex}.player-name{color:#fff;flex-wrap:wrap;align-items:center;gap:4px;font-size:16px;font-weight:600;display:flex}.player-name .admin-badge{font-size:14px}.player-name .car-display-container{margin-left:2px}.player-name>*{vertical-align:middle}.player-status{font-size:12px}.ready-badge{color:#4f4;background:#44ff4426;border:1px solid #4f4;border-radius:12px;padding:3px 8px;display:inline-block}.not-ready-badge{color:#f44;background:#ff444426;border:1px solid #f44;border-radius:12px;padding:3px 8px;display:inline-block}.player-car{opacity:.8;filter:drop-shadow(0 0 5px #ffffff4d);font-size:24px;position:absolute;bottom:10px;right:10px}.empty-slot{color:#ffffff80;justify-content:center;align-items:center;height:100px;font-style:italic;display:flex}.spectators-section{border-top:1px solid #ffffff26;margin-top:20px;padding-top:15px}.spectators-section h3{color:#ffffffb3;letter-spacing:1px;align-items:center;gap:5px;margin-bottom:10px;font-size:14px;display:flex}.spectators-list{flex-wrap:wrap;gap:10px;display:flex}.spectator-item{background:#4aa3ff1a;border:1px solid #4aa3ff4d;border-radius:20px;align-items:center;gap:6px;padding:5px 12px;font-size:13px;transition:all .2s;display:flex}.spectator-item:hover{background:#4aa3ff33;transform:translateY(-2px)}.spectator-icon{color:#4aa3ff;font-size:14px}.spectator-name{color:#fff;flex-wrap:wrap;align-items:center;gap:4px;display:flex}.spectator-name .admin-badge{font-size:11px}.spectator-name .car-display-container{margin-left:2px}.room-actions{gap:15px;margin-top:20px;display:flex}.ready-btn{color:#fff;cursor:pointer;-webkit-tap-highlight-color:transparent;background:#ffffff26;border:1px solid #ffffff40;border-radius:30px;flex:1;padding:12px;font-size:16px;font-weight:700;transition:all .3s}.ready-btn.ready{color:#fff;background:linear-gradient(135deg,#00c853,#00e676);border:1px solid #00c853;box-shadow:0 5px 15px #00c85366}.ready-btn:hover{background:#ffffff40;transform:scale(1.02)}.ready-btn:active{transform:scale(.98)}.start-btn{color:#fff;cursor:pointer;-webkit-tap-highlight-color:transparent;background:linear-gradient(135deg,#fa0,#ffc400);border:none;border-radius:30px;flex:1;padding:12px;font-size:16px;font-weight:700;transition:all .3s}.start-btn:hover:not(:disabled){transform:scale(1.02);box-shadow:0 5px 15px #fa06}.start-btn:active:not(:disabled){transform:scale(.98)}.start-btn:disabled{opacity:.3;cursor:not-allowed}.room-info-box{background:#00000040;border:1px solid #ffffff26;border-radius:10px;margin-top:20px;padding:15px}.room-info-box h3{color:#fff;margin-bottom:10px;font-size:16px}.room-info-box p{color:#fffc;margin:5px 0;font-size:14px}.room-id{color:#fa0;text-shadow:0 0 5px #0000004d;font-family:monospace;font-size:16px;font-weight:700}.chat-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff14;border:1px solid #ffffff26;border-radius:15px;flex-direction:column;height:600px;padding:20px;display:flex}.chat-section h2{color:#fff;margin-bottom:15px;font-size:18px}.chat-messages{background:#0003;border-radius:8px;flex:1;margin-bottom:15px;padding:10px;overflow-y:auto}.chat-message{background:#ffffff1a;border-radius:8px;margin-bottom:10px;padding:8px;transition:all .2s}.chat-message.own{background:#41588a80;border-left:3px solid #fff}.chat-message.spectator-message{opacity:.9;background:#4aa3ff1a;border-left:3px solid #4aa3ff}.chat-message.spectator-message .chat-username{font-style:italic;color:#4aa3ff!important}.spectator-indicator{margin-right:4px;font-size:12px;animation:2s ease-in-out infinite subtlePulse;display:inline-block}@keyframes subtlePulse{0%,to{opacity:.6}50%{opacity:1}}.chat-message.admin-message{background:#ffd7001a;border-left:3px solid gold}.chat-message.admin-message .chat-username{align-items:center;gap:4px;font-weight:700;display:flex;color:#ff6b6b!important}.chat-message.admin-message .chat-username .admin-badge{margin-left:2px;font-size:12px}.chat-username{color:#fff;flex-wrap:wrap;align-items:center;gap:4px;margin-right:8px;font-size:13px;font-weight:700;display:inline-flex}.chat-username .car-display-container{vertical-align:middle;margin-left:2px}.chat-username>*{vertical-align:middle}.chat-message.filtered{opacity:.7}.chat-text{color:#fff;word-break:break-word;font-size:13px}.chat-time{float:right;color:#fff9;margin-left:10px;font-size:10px}.chat-input{gap:10px;display:flex}.chat-input input{color:#fff;-webkit-tap-highlight-color:transparent;background:#0000004d;border:1px solid #ffffff40;border-radius:20px;flex:1;padding:10px 15px;font-size:14px}.chat-input input:focus{background:#0006;border-color:#fff;outline:none;box-shadow:0 0 15px #ffffff4d}.chat-input input::placeholder{color:#fff6}.chat-input button{color:#fff;cursor:pointer;-webkit-tap-highlight-color:transparent;background:#ffffff26;border:1px solid #ffffff40;border-radius:20px;padding:10px 20px;font-size:14px;font-weight:700;transition:all .3s}.chat-input button:hover{background:#ffffff40;transform:scale(1.05);box-shadow:0 5px 15px #ffffff4d}.chat-input button:active{transform:scale(.98)}.room-loading{color:#fff;background:#41588a;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;display:flex}@media (prefers-reduced-motion:reduce){.player-slot.admin-slot,.avatar-admin-badge,.loading-spinner,.spectator-banner,.spectate-toggle-btn.active,.spectator-indicator{animation:none}}@media (width<=1024px){.room-content{grid-template-columns:1fr}.chat-section{height:400px}}@media (width<=768px){.room-header{text-align:center;flex-direction:column;gap:15px}.header-actions{flex-direction:column;width:100%}.spectate-toggle-btn,.leave-btn{justify-content:center;width:100%}.players-grid{grid-template-columns:1fr}.room-actions{flex-direction:column}.chat-section{height:350px}.avatar-admin-badge{width:20px;height:20px}.avatar-admin-badge .admin-badge{font-size:12px}.player-name{gap:2px;font-size:14px}.spectator-name,.chat-username{font-size:12px}.spectator-banner{text-align:center;flex-direction:column;gap:10px}.spectators-list{justify-content:center}}@media (width<=480px){.room-container{padding:10px}.player-slot{min-height:100px}.chat-input{flex-direction:column}.chat-input button{width:100%}.player-name{font-size:12px}.spectator-name,.chat-username{font-size:11px}}@media (width<=380px){.room-container{padding:8px}.room-header{padding:15px}.room-info h1{font-size:18px}.room-level,.private-badge{padding:3px 8px;font-size:11px}.player-slot{min-height:90px;padding:10px}.player-avatar img{width:40px;height:40px}.player-name{font-size:11px}.player-car{font-size:20px}.ready-btn,.start-btn{padding:8px;font-size:14px}.chat-section{padding:15px}.chat-messages{padding:8px}.chat-text{font-size:12px}}.multiplayer-game-container{background:#41588a;justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.game-box{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#41588a;border:1px solid #fff3;border-radius:20px;width:100%;max-width:1400px;padding:20px;box-shadow:0 20px 40px #41588a4d}.top-bar{background:#41588a66;border:1px solid #fff3;border-radius:15px;justify-content:space-between;align-items:center;margin-bottom:20px;padding:15px 25px;display:flex}.level-display{color:#fff;text-shadow:0 0 20px #41588a80;letter-spacing:2px;font-size:24px;font-weight:800}.stats-display{gap:30px;display:flex}.stat{flex-direction:column;align-items:center;display:flex}.stat-label{color:#ffffffb3;text-transform:uppercase;letter-spacing:1px;font-size:12px}.stat-value{color:#fff;text-shadow:0 0 10px #41588a66;font-size:24px;font-weight:700}.racing-container{background:#2a3a5a;border:2px solid #ffffff4d;border-radius:15px;margin-bottom:20px;overflow:hidden;box-shadow:0 0 30px #41588a4d}.typing-section{background:#41588a;border:1px solid #fff3;border-radius:15px;margin-bottom:20px;padding:20px}.target-text{color:#fff;white-space:pre-wrap;word-break:break-word;background:#41588a4d;border:1px solid #fff3;border-radius:10px;max-height:120px;margin-bottom:15px;padding:20px;font-family:Courier New,monospace;font-size:20px;line-height:1.6;overflow-y:auto}.target-char{font-size:20px}.target-char.correct{color:#4f4}.target-char.incorrect{color:#f44;background:#f443}.target-char.current{color:#fff;background:#41588a99;animation:1s infinite cursorBlink}.target-char.space{background:#ffffff1a;border-radius:2px}@keyframes cursorBlink{0%,50%{opacity:1}51%,to{opacity:0}}.typing-input{color:#fff;resize:vertical;-webkit-tap-highlight-color:transparent;background:#41588a4d;border:2px solid #ffffff4d;border-radius:10px;width:100%;min-height:100px;padding:15px;font-family:Courier New,monospace;font-size:18px;transition:all .3s}.typing-input:focus{background:#41588a66;border-color:#fff;outline:none;box-shadow:0 0 20px #41588a80}.typing-input:disabled{opacity:.5;cursor:not-allowed}.player-bar{background:#41588a;border:1px solid #fff3;border-radius:15px;grid-template-columns:repeat(4,1fr);gap:15px;padding:15px;display:grid}.player-info{-webkit-tap-highlight-color:transparent;background:#41588a66;border-left:4px solid #fff;border-radius:8px;flex-direction:column;gap:5px;padding:12px;transition:all .3s;display:flex}.player-info:hover{transform:translateY(-2px);box-shadow:0 5px 15px #41588a80}.player-info:active{transform:translateY(0)}.player-name{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;overflow:hidden}.player-stats{color:#fff;font-size:18px;font-weight:700}.multiplayer-loading{color:#fff;background:#1e2a3a;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;display:flex}.results-modal{z-index:1000;background:#41588a;border:3px solid #fff;border-radius:30px;width:90%;max-width:700px;max-height:80vh;padding:30px;animation:.3s modalPop;position:fixed;top:50%;left:50%;overflow-y:auto;transform:translate(-50%,-50%);box-shadow:0 30px 60px #41588a80}.results-modal h2{text-align:center;color:#fff;text-shadow:0 0 20px #41588a80;letter-spacing:2px;margin-bottom:25px;font-size:32px}.results-list{flex-direction:column;gap:12px;margin-bottom:25px;display:flex}.result-item{-webkit-tap-highlight-color:transparent;background:#41588a4d;border-left:4px solid #fff;border-radius:12px;grid-template-columns:auto 1fr auto auto auto auto;align-items:center;gap:15px;padding:15px;font-size:14px;transition:all .3s;display:grid}.result-item:hover{background:#41588a66;transform:translate(5px);box-shadow:0 5px 15px #41588a80}.result-rank{color:#fa0;min-width:40px;font-size:18px;font-weight:800}.result-name{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.result-wpm,.result-acc,.result-time{color:#ffffffb3;white-space:nowrap;font-size:12px}.result-points{color:#4f4;text-align:right;min-width:60px;font-weight:700}.results-actions{flex-wrap:wrap;justify-content:center;gap:15px;margin-top:25px;display:flex}.race-again-btn,.room-btn,.lobby-btn{cursor:pointer;-webkit-tap-highlight-color:transparent;border:none;border-radius:30px;flex:1;min-width:140px;padding:12px 25px;font-size:16px;font-weight:700;transition:all .2s}.race-again-btn{color:#fff;background:linear-gradient(135deg,#00c853,#00e676);box-shadow:0 5px 15px #00c85366}.race-again-btn:hover{background:linear-gradient(135deg,#00e676,#00c853);transform:scale(1.05);box-shadow:0 8px 25px #00c85399}.race-again-btn:active{transform:scale(.98)}.room-btn{color:#fff;background:linear-gradient(135deg,#fa0,#ffc400);box-shadow:0 5px 15px #fa06}.room-btn:hover{background:linear-gradient(135deg,#ffc400,#fa0);transform:scale(1.05);box-shadow:0 8px 25px #fa09}.room-btn:active{transform:scale(.98)}.lobby-btn{color:#fff;background:linear-gradient(135deg,#ff3d00,#ff6e40);box-shadow:0 5px 15px #ff3d0066}.lobby-btn:hover{background:linear-gradient(135deg,#ff6e40,#ff3d00);transform:scale(1.05);box-shadow:0 8px 25px #ff3d0099}.lobby-btn:active{transform:scale(.98)}.car-icon{margin-right:8px;font-size:1.2rem;animation:2s ease-in-out infinite carIdle;display:inline-block}@keyframes carIdle{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}.player-car-icon{margin-right:5px;font-size:1.3rem;display:inline-block}.player-info[style*=border-color] .player-car-icon{animation:.5s ease-in-out infinite carBoost}@keyframes carBoost{0%,to{transform:scale(1)}50%{transform:scale(1.1)translate(3px)}}@media (width<=480px){.car-icon{font-size:1rem}.player-car-icon{font-size:1.1rem}}@media (width<=380px){.car-icon{font-size:.9rem}.player-car-icon{font-size:1rem}}@media (prefers-reduced-motion:reduce){.loading-spinner,.results-modal,.target-char.current,.race-again-btn,.room-btn,.lobby-btn{transition:none;animation:none}.race-again-btn:hover,.room-btn:hover,.lobby-btn:hover,.result-item:hover{transform:none}.loading-spinner{border-top:4px solid #41588a4d}}@media (width<=768px){.stats-display{gap:15px}.stat-value{font-size:18px}.player-bar{grid-template-columns:repeat(2,1fr)}.result-item{grid-template-rows:auto auto;grid-template-columns:auto 1fr auto;gap:10px}.result-rank{grid-row:span 2}.result-name{grid-column:span 2}.result-wpm,.result-acc,.result-time{font-size:11px}}@media (width<=600px){.results-actions{flex-direction:column;gap:10px}.race-again-btn,.room-btn,.lobby-btn{width:100%;min-width:auto;padding:12px}.top-bar{text-align:center;flex-direction:column;gap:10px}.stats-display{flex-wrap:wrap;justify-content:center}}@media (width<=480px){.multiplayer-game-container{padding:10px}.game-box{padding:15px}.results-modal{width:95%;padding:20px}.result-item{text-align:center;grid-template-columns:1fr}.result-rank,.result-points{text-align:center}.target-text{padding:12px;font-size:16px}.target-char{font-size:16px}.typing-input{min-height:80px;font-size:14px}.player-bar{gap:10px;padding:10px}.player-info{padding:8px}.player-name{font-size:12px}.player-stats{font-size:14px}}@media (width<=380px){.multiplayer-game-container{padding:8px}.game-box{padding:10px}.top-bar{padding:10px 15px}.level-display{font-size:18px}.stat-value{font-size:14px}.stat-label{font-size:10px}.target-text{padding:10px;font-size:14px}.target-char{font-size:14px}.player-bar{grid-template-columns:1fr}.results-modal h2{font-size:24px}.result-item{padding:10px}.result-rank{font-size:14px}.result-name{font-size:12px}.result-wpm,.result-acc,.result-time,.result-points{font-size:10px}}.request-badge{cursor:pointer;color:#fff;-webkit-tap-highlight-color:transparent;background:#ffffff26;border:1px solid #ffffff4d;border-radius:30px;align-items:center;gap:8px;margin-right:10px;padding:8px 16px;transition:all .3s;display:flex;position:relative}.badge-icon{font-size:1.2rem}.badge-count{color:#fff;text-align:center;background:#f44;border-radius:12px;min-width:20px;padding:2px 6px;font-size:.8rem;font-weight:700;animation:2s infinite pulse}@media (width<=768px){.request-badge{padding:5px 10px}.badge-icon{font-size:1rem}.badge-count{min-width:16px;padding:2px 4px;font-size:.7rem}}@media (width<=480px){.request-badge{gap:4px;margin-right:5px;padding:4px 8px}.badge-icon{font-size:.9rem}.badge-count{min-width:14px;padding:1px 3px;font-size:.65rem}}@media (prefers-reduced-motion:reduce){.badge-count,.request-badge{transition:none;animation:none}.badge-count{animation:none}.request-badge:hover{transform:none}}.message-badge{cursor:pointer;color:#fff;-webkit-tap-highlight-color:transparent;background:#ffffff26;border:1px solid #ffffff4d;border-radius:30px;align-items:center;gap:8px;margin-right:.5rem;padding:.5rem 1rem;font-size:.9rem;transition:all .3s;display:flex;position:relative}@keyframes messagePulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}@media (width<=768px){.message-badge{padding:.4rem .8rem}.message-badge .badge-icon{font-size:1rem}.message-badge .badge-count{min-width:16px;padding:2px 4px;font-size:.7rem}}@media (width<=480px){.message-badge{gap:5px;padding:.3rem .6rem}.message-badge .badge-icon{font-size:.9rem}.message-badge .badge-count{min-width:14px;padding:1px 3px;font-size:.65rem}}@media (prefers-reduced-motion:reduce){.message-badge,.message-badge .badge-count{transition:none;animation:none}.message-badge:hover{transform:none}}.navbar{z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#41588af2;border-bottom:3px solid #fff;flex-wrap:wrap;justify-content:space-between;align-items:center;padding:1rem 2rem;display:flex;position:sticky;top:0;box-shadow:0 2px 20px #41588a80}.nav-brand{flex-shrink:0}.nav-brand a{align-items:center;gap:10px;text-decoration:none;display:flex}.nav-logo{width:auto;height:40px;transition:all .3s}.nav-logo:hover{filter:drop-shadow(0 0 10px #41588acc);transform:scale(1.05)}.brand-text{color:#fff;text-transform:uppercase;letter-spacing:1px;text-shadow:0 0 10px #41588a80;white-space:nowrap;font-size:1.2rem;font-weight:700;line-height:1.2}.nav-links{flex-wrap:wrap;gap:2rem;margin:0;padding:0;list-style:none;display:flex}.nav-links a{color:#fff;letter-spacing:1px;-webkit-tap-highlight-color:transparent;white-space:nowrap;padding:.5rem 1rem;font-size:1rem;font-weight:600;text-decoration:none;transition:all .3s;position:relative}.nav-links a:after{content:"";background:#fff;width:0;height:2px;transition:width .3s;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.nav-links a:hover{color:#fff;text-shadow:0 0 10px #ffffff80}.nav-links a:hover:after{width:80%}.nav-user{flex-wrap:wrap;align-items:center;gap:.8rem;display:flex}.request-badge{cursor:pointer;color:#fff;-webkit-tap-highlight-color:transparent;background:#ffffff26;border:1px solid #ffffff4d;border-radius:30px;align-items:center;gap:8px;padding:.5rem 1rem;font-size:.9rem;transition:all .3s;display:flex;position:relative}.request-badge:hover{background:#ffffff40;transform:translateY(-2px);box-shadow:0 5px 15px #41588a66}.request-badge:active{transform:translateY(0)}.request-badge .badge-icon{font-size:1.2rem}.request-badge .badge-count{color:#fff;text-align:center;background:#f44;border-radius:12px;min-width:20px;padding:2px 6px;font-size:.8rem;font-weight:700;animation:2s infinite badgePulse}.message-badge{cursor:pointer;color:#fff;-webkit-tap-highlight-color:transparent;background:#ffffff26;border:1px solid #ffffff4d;border-radius:30px;align-items:center;gap:8px;padding:.5rem 1rem;font-size:.9rem;transition:all .3s;display:flex;position:relative}.message-badge:hover{background:#ffffff40;transform:translateY(-2px);box-shadow:0 5px 15px #41588a66}.message-badge:active{transform:translateY(0)}.message-badge .badge-icon{font-size:1.2rem}.message-badge .badge-count{color:#fff;text-align:center;background:#06f;border-radius:12px;min-width:20px;padding:2px 6px;font-size:.8rem;font-weight:700;animation:2s infinite messagePulse}.admin-badge{cursor:default;filter:drop-shadow(0 0 2px #ffd7004d);-webkit-tap-highlight-color:transparent;margin-left:4px;font-size:1em;line-height:1;animation:2s ease-in-out infinite crownGlow;display:inline-block}@keyframes crownGlow{0%{opacity:.9;transform:scale(1)}50%{opacity:1;filter:drop-shadow(0 0 4px gold);transform:scale(1.1)}to{opacity:.9;transform:scale(1)}}.admin-dropdown-container{display:inline-block;position:relative}.admin-nav-btn{color:gold;cursor:pointer;letter-spacing:1px;-webkit-tap-highlight-color:transparent;background:#ffd70026;border:2px solid gold;border-radius:30px;align-items:center;gap:8px;padding:.5rem 1.2rem;font-size:.9rem;font-weight:600;transition:all .3s;display:flex}.admin-nav-btn:hover{color:#1e2a3a;background:gold;transform:translateY(-2px);box-shadow:0 5px 15px #ffd70066}.admin-nav-btn:active{transform:translateY(0)}.admin-dropdown-menu{z-index:1001;background:#1e2a3a;border:1px solid #ffd7004d;border-radius:12px;min-width:180px;margin-top:10px;position:absolute;top:100%;right:0;overflow:hidden;box-shadow:0 5px 20px #0000004d}.admin-dropdown-menu a{color:#ffffffe6;-webkit-tap-highlight-color:transparent;border-left:3px solid #0000;padding:12px 20px;font-size:.95rem;text-decoration:none;transition:all .2s;display:block}.admin-dropdown-menu a:hover{color:gold;background:#ffd70026;border-left:3px solid gold;padding-left:25px}.admin-dropdown-menu a:active{background:#ffd70040}.dropdown-overlay{z-index:999;background:0 0;position:fixed;inset:0}.user-name{color:#fff;text-overflow:ellipsis;white-space:nowrap;background:#ffffff26;border:1px solid #ffffff4d;border-radius:20px;align-items:center;max-width:150px;padding:.3rem 1rem;font-size:.9rem;font-weight:600;transition:all .3s;display:inline-flex;overflow:hidden;box-shadow:0 0 10px #41588a4d}.user-name:has(.admin-badge){background:#ffd7001a;border-color:#ffd7004d;box-shadow:0 0 15px #ffd70033}.user-name:has(.admin-badge) span:first-child{color:#ff6b6b;font-weight:700}.logout-nav-btn{color:#fff;cursor:pointer;letter-spacing:1px;-webkit-tap-highlight-color:transparent;background:0 0;border:2px solid #fff;border-radius:4px;padding:.5rem 1.2rem;font-size:.9rem;font-weight:700;transition:all .3s}.logout-nav-btn:hover{color:#41588a;background:#fff;box-shadow:0 0 15px #41588ab3}.logout-nav-btn:active{transform:scale(.98)}@keyframes badgePulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@media (width<=1024px){.nav-links{gap:1rem}.nav-links a{padding:.4rem .8rem;font-size:.9rem}.brand-text{font-size:1rem}.nav-logo{height:35px}}@media (width<=768px){.navbar{flex-direction:column;gap:1rem;padding:1rem}.nav-brand a{justify-content:center}.nav-links{flex-wrap:wrap;justify-content:center;gap:.5rem}.nav-links a{white-space:nowrap;padding:.3rem .7rem;font-size:.85rem}.nav-user{flex-wrap:wrap;justify-content:center;gap:.5rem;width:100%}.user-name{max-width:130px;font-size:.85rem}.request-badge,.message-badge,.admin-nav-btn{padding:.4rem .8rem;font-size:.8rem}.request-badge .badge-icon,.message-badge .badge-icon{font-size:1rem}.request-badge .badge-count,.message-badge .badge-count{min-width:16px;padding:2px 4px;font-size:.7rem}.logout-nav-btn{padding:.4rem 1rem;font-size:.8rem}.admin-dropdown-menu{min-width:150px;left:0;right:auto}.brand-text{font-size:.9rem}.nav-logo{height:30px}}@media (width<=576px){.navbar{padding:.8rem}.nav-links{gap:.3rem}.nav-links a{padding:.2rem .5rem;font-size:.75rem}.brand-text{letter-spacing:.5px;font-size:.8rem}.nav-logo{height:25px}.nav-user{gap:.3rem}.user-name{max-width:100px;padding:.2rem .6rem;font-size:.75rem}.request-badge,.message-badge,.admin-nav-btn,.logout-nav-btn{padding:.3rem .6rem;font-size:.7rem}.request-badge .badge-icon,.message-badge .badge-icon{font-size:.9rem}.request-badge .badge-count,.message-badge .badge-count{min-width:14px;padding:1px 3px;font-size:.6rem}.admin-nav-btn{padding:.3rem .8rem}.admin-dropdown-menu{min-width:130px}.admin-dropdown-menu a{padding:8px 12px;font-size:.8rem}.nav-brand a{gap:5px}}@media (width<=480px){.nav-links a{padding:.2rem .4rem;font-size:.7rem}.brand-text{font-size:.7rem}.nav-logo{height:22px}.user-name{max-width:80px;font-size:.7rem}.request-badge,.message-badge,.admin-nav-btn,.logout-nav-btn{padding:.25rem .5rem;font-size:.65rem}.request-badge .badge-icon,.message-badge .badge-icon{font-size:.8rem}}@media (width<=375px){.nav-links{gap:.2rem}.nav-links a{padding:.2rem .3rem;font-size:.65rem}.brand-text{font-size:.65rem}.nav-logo{height:20px}.nav-brand a{gap:3px}}@media (prefers-reduced-motion:reduce){.admin-badge,.request-badge .badge-count,.message-badge .badge-count,.nav-logo,.nav-links a,.request-badge,.message-badge,.admin-nav-btn,.logout-nav-btn{transition:none;animation:none}.admin-nav-btn:hover,.logout-nav-btn:hover,.request-badge:hover,.message-badge:hover{transform:none}.nav-links a:hover:after{width:0}}.auth-container{background:linear-gradient(135deg,#1a2a4a 0%,#2a3a5a 100%);justify-content:center;align-items:center;min-height:100vh;font-family:Arial,sans-serif;display:flex;position:relative;overflow-x:hidden}.floating-letters-auth{pointer-events:none;z-index:0;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.floating-letter-auth{opacity:1;pointer-events:none;text-shadow:0 0 5px;-webkit-user-select:none;user-select:none;font-family:Courier New,monospace;font-weight:700;animation:linear infinite floatAroundAuth;position:absolute}@keyframes floatAroundAuth{0%{opacity:.55;transform:translateY(0)translate(0)rotate(0)}25%{opacity:.65;transform:translateY(-30px)translate(15px)rotate(5deg)}50%{opacity:.75;transform:translateY(-50px)translate(-10px)rotate(-5deg)}75%{opacity:.85;transform:translateY(-25px)translate(20px)rotate(3deg)}to{opacity:.95;transform:translateY(0)translate(0)rotate(0)}}.auth-container:before{content:"";pointer-events:none;z-index:0;background-image:repeating-linear-gradient(45deg,#ffffff08 0 30px,#0000 30px 60px);position:absolute;inset:0}.auth-container:after{content:"";pointer-events:none;z-index:0;background:radial-gradient(at 20% 30%,#ffffff14 0%,#0000 70%);position:absolute;inset:0}.auth-card{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);z-index:1;background:#41588ad9;border-radius:24px;width:100%;max-width:420px;padding:2.5rem;transition:transform .3s,box-shadow .3s;animation:.6s fadeInUp;position:relative;box-shadow:0 25px 50px #0000004d,0 0 0 1px #ffffff1a}.auth-card:hover{transform:translateY(-5px);box-shadow:0 30px 60px #0006,0 0 0 1px #fff3}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.auth-card:before{content:"";background:linear-gradient(90deg,#ff6b6b,gold,#4ecdc4,#ff6b6b) 0 0/200% 100%;border-radius:24px 24px 0 0;height:4px;animation:3s linear infinite stripeMove;position:absolute;top:0;left:0;right:0}@keyframes stripeMove{0%{background-position:0 0}to{background-position:200% 0}}.auth-card h2{color:#fff;text-align:center;text-transform:uppercase;letter-spacing:3px;text-shadow:0 0 20px #41588a80;margin-bottom:.5rem;font-size:2rem;font-weight:800}.auth-tagline{color:#fffc;text-align:center;letter-spacing:1px;border-bottom:1px dashed #fff3;margin-bottom:2rem;padding-bottom:.8rem;font-size:.9rem}.auth-form{flex-direction:column;gap:1.2rem;display:flex}.form-group{flex-direction:column;gap:.5rem;display:flex}.form-group label{color:#fff;text-transform:uppercase;letter-spacing:1px;align-items:center;gap:8px;font-size:.8rem;font-weight:600;display:flex}.form-group label:before{content:"🏁";opacity:.7;font-size:.8rem}.form-group input{color:#fff;-webkit-tap-highlight-color:transparent;background:#0000004d;border:2px solid #fff3;border-radius:12px;padding:.9rem 1rem;font-size:1rem;transition:all .3s}.form-group input:focus{background:#0006;border-color:gold;outline:none;box-shadow:0 0 20px #ffd7004d}.form-group input::placeholder{color:#fff6;font-size:.9rem}.auth-button{color:#41588a;text-transform:uppercase;letter-spacing:2px;cursor:pointer;-webkit-tap-highlight-color:transparent;background:linear-gradient(135deg,#fff,#f0f0f0);border:none;border-radius:12px;margin-top:.5rem;padding:1rem;font-size:1rem;font-weight:700;transition:all .3s;position:relative;overflow:hidden}.auth-button:hover:not(:disabled){background:linear-gradient(135deg,#f0f0f0,#e0e0e0);transform:translateY(-2px);box-shadow:0 10px 25px #0003}.auth-button:active:not(:disabled){transform:translateY(0)}.auth-button:disabled{opacity:.6;cursor:not-allowed}.auth-button:before{content:"🏎️";margin-right:10px;font-size:1rem}.auth-button:after{content:"";background:linear-gradient(#0000,#ffffff4d,#0000);width:200%;height:200%;animation:4s infinite buttonShine;position:absolute;top:-50%;left:-50%;transform:rotate(30deg)}@keyframes buttonShine{0%{transform:translate(-100%)rotate(30deg)}20%{transform:translate(100%)rotate(30deg)}to{transform:translate(100%)rotate(30deg)}}.error-message{color:#f88;text-align:center;background:#ff444426;border:1px solid #f44;border-radius:12px;margin-bottom:1rem;padding:.8rem;font-size:.85rem;animation:.4s shake}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-5px)}20%,40%,60%,80%{transform:translate(5px)}}.auth-redirect{color:#fff9;text-align:center;border-top:1px solid #ffffff1a;margin-top:1.8rem;padding-top:1rem;font-size:.9rem}.auth-redirect a{color:gold;-webkit-tap-highlight-color:transparent;font-weight:700;text-decoration:none;transition:all .3s}.auth-redirect a:hover{color:gold;text-shadow:0 0 10px #ffd70080;text-decoration:underline}.auth-redirect a:active{transform:scale(.98)}.password-input-wrapper{align-items:center;display:flex;position:relative}.password-input-wrapper input{flex:1;padding-right:45px!important}.password-toggle-btn{cursor:pointer;color:#ffffffb3;-webkit-tap-highlight-color:transparent;z-index:2;background:0 0;border:none;justify-content:center;align-items:center;padding:5px;font-size:1.2rem;transition:all .2s;display:flex;position:absolute;right:10px}.password-toggle-btn:hover{color:gold;transform:scale(1.1)}.password-toggle-btn:active{transform:scale(.95)}@media (width<=768px){.auth-card{max-width:380px;padding:2rem}.auth-card h2{font-size:1.8rem}}@media (width<=480px){.auth-card{max-width:calc(100% - 2rem);margin:1rem;padding:1.5rem}.auth-card h2{letter-spacing:2px;font-size:1.5rem}.auth-tagline{margin-bottom:1.5rem;font-size:.8rem}.form-group label{font-size:.75rem}.form-group input{padding:.7rem;font-size:.9rem}.auth-button{padding:.8rem;font-size:.9rem}.auth-redirect{font-size:.8rem}.floating-letter-auth{opacity:.05}.password-toggle-btn{font-size:1rem;right:8px}.password-input-wrapper input{padding-right:40px!important}}@media (width<=380px){.auth-card{padding:1.2rem}.auth-card h2{font-size:1.3rem}.auth-tagline{font-size:.7rem}.form-group input{padding:.6rem;font-size:.85rem}.auth-button{padding:.7rem;font-size:.85rem}.floating-letter-auth{display:none}}@media (prefers-reduced-motion:reduce){.auth-card,.auth-card:before,.auth-button:after,.error-message,.floating-letter-auth{transition:none;animation:none}.auth-button:hover:not(:disabled){transform:none}.auth-redirect a:hover{text-decoration:underline}}html,body{width:100%;margin:0;padding:0;position:relative;overflow-x:hidden}.home-container{color:#fff;background:#41588a;min-height:100vh;position:relative;overflow-x:hidden}.hero-section{text-align:center;justify-content:center;align-items:center;height:85vh;display:flex;position:relative;overflow:hidden}.hero-overlay{z-index:1;background:linear-gradient(135deg,#0009 0%,#41588ab3 100%);position:absolute;inset:0}.floating-letters{pointer-events:none;z-index:1;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.floating-letter{opacity:.12;pointer-events:none;text-shadow:0 0 3px;-webkit-user-select:none;user-select:none;font-family:Courier New,monospace;font-weight:700;animation:linear infinite floatAround;position:absolute}@keyframes floatAround{0%{opacity:.12;transform:translateY(0)translate(0)rotate(0)}25%{opacity:.2;transform:translateY(-25px)translate(15px)rotate(5deg)}50%{opacity:.18;transform:translateY(-45px)translate(-10px)rotate(-5deg)}75%{opacity:.2;transform:translateY(-20px)translate(20px)rotate(3deg)}to{opacity:.12;transform:translateY(0)translate(0)rotate(0)}}.hero-content{z-index:2;max-width:800px;padding:0 20px;position:relative}.hero-title{color:#fff;text-transform:uppercase;letter-spacing:10px;text-shadow:0 0 30px #fff;margin-bottom:.8rem;font-size:4rem;font-weight:800;animation:.8s ease-out fadeInScale}@keyframes fadeInScale{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.welcome-message{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#41588a4d;border:1px solid #ffffff4d;border-radius:30px;margin-bottom:1rem;padding:.5rem 1.5rem;display:inline-block}.welcome-name{color:#fff;font-size:1.2rem;font-weight:700}.tagline-container{min-height:60px;margin-bottom:1.5rem}.hero-tagline{color:#ffffffe6;letter-spacing:2px;font-size:1.2rem;font-weight:600}.cursor-blink{color:#fff;margin-left:2px;font-weight:700;animation:.8s step-end infinite blink}.hero-buttons{justify-content:center;gap:1rem;display:flex}.primary-btn{color:#41588a;text-transform:uppercase;letter-spacing:2px;cursor:pointer;background:#fff;border:none;border-radius:4px;padding:.8rem 2rem;font-size:1rem;font-weight:600;transition:all .3s}.primary-btn:hover{background:#e0e0e0;transform:translateY(-2px)}.secondary-btn{color:#fff;text-transform:uppercase;letter-spacing:2px;cursor:pointer;background:0 0;border:2px solid #ffffff80;border-radius:4px;padding:.8rem 2rem;font-size:1rem;font-weight:600;transition:all .3s}.secondary-btn:hover{background:#ffffff1a;border-color:#fff;transform:translateY(-2px)}.features-section{text-align:center;z-index:10;background:#0003;padding:3rem 2rem;position:relative}.section-title{color:#fff;text-transform:uppercase;letter-spacing:4px;margin-bottom:2rem;font-size:2rem;font-weight:700;display:inline-block;position:relative}.section-title:after{content:"";background:linear-gradient(90deg,#0000,#fff,#0000);width:60px;height:2px;position:absolute;bottom:-10px;left:50%;transform:translate(-50%)}.features-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem;max-width:1100px;margin:0 auto;display:grid}.fade-up{opacity:0;transition:opacity .6s ease-out,transform .6s ease-out;transform:translateY(30px)}.fade-up.visible{opacity:1;transform:translateY(0)}.feature-card{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#41588a4d;border:1px solid #fff3;border-radius:8px;padding:1.5rem;transition:all .3s}.feature-card:hover{background:#41588a66;border-color:#fff;transform:translateY(-5px);box-shadow:0 10px 30px #0000004d}.feature-icon{color:#fff;margin-bottom:.8rem;font-size:2rem}.feature-card h3{color:#fff;letter-spacing:1px;margin-bottom:.8rem;font-size:1.1rem}.feature-card p{color:#fffc;font-size:.85rem;line-height:1.5}.floating-dot{opacity:0;pointer-events:none;z-index:5;background:#fff;border-radius:50%;width:4px;height:4px;position:absolute;box-shadow:0 0 8px #fff,0 0 12px #ffffff80}.features-section .floating-dot:first-child{animation:8s linear infinite floatDot1;top:10%;left:5%}.features-section .floating-dot:nth-child(2){width:3px;height:3px;animation:10s linear infinite floatDot2;top:20%;left:15%}.features-section .floating-dot:nth-child(3){animation:7s linear infinite floatDot3;top:30%;left:85%}.features-section .floating-dot:nth-child(4){width:5px;height:5px;animation:9s linear infinite floatDot4;top:50%;left:92%}.features-section .floating-dot:nth-child(5){animation:11s linear infinite floatDot5;top:65%;left:8%}.features-section .floating-dot:nth-child(6){width:3px;height:3px;animation:6s linear infinite floatDot6;top:75%;left:20%}.features-section .floating-dot:nth-child(7){animation:9.5s linear infinite floatDot7;top:85%;left:80%}.features-section .floating-dot:nth-child(8){width:4px;height:4px;animation:7.5s linear infinite floatDot8;top:15%;left:45%}.features-section .floating-dot:nth-child(9){animation:8.5s linear infinite floatDot9;top:55%;left:35%}.features-section .floating-dot:nth-child(10){animation:10.5s linear infinite floatDot10;top:40%;left:70%}.cta-section .floating-dot:first-child{animation:9s linear infinite floatDot1;top:15%;left:10%}.cta-section .floating-dot:nth-child(2){width:3px;height:3px;animation:11s linear infinite floatDot2;top:25%;left:88%}.cta-section .floating-dot:nth-child(3){animation:8s linear infinite floatDot3;top:45%;left:15%}.cta-section .floating-dot:nth-child(4){width:5px;height:5px;animation:10s linear infinite floatDot4;top:60%;left:92%}.cta-section .floating-dot:nth-child(5){animation:7s linear infinite floatDot5;top:75%;left:5%}.cta-section .floating-dot:nth-child(6){width:3px;height:3px;animation:12s linear infinite floatDot6;top:85%;left:25%}.cta-section .floating-dot:nth-child(7){animation:8.5s linear infinite floatDot7;top:20%;left:50%}.cta-section .floating-dot:nth-child(8){width:4px;height:4px;animation:9.5s linear infinite floatDot8;top:50%;left:45%}.cta-section .floating-dot:nth-child(9){animation:7.5s linear infinite floatDot9;top:70%;left:70%}.cta-section .floating-dot:nth-child(10){animation:10s linear infinite floatDot10;top:35%;left:30%}@keyframes floatDot1{0%{opacity:0;transform:translateY(0)translate(0)}10%{opacity:.7}90%{opacity:.7}to{opacity:0;transform:translateY(-100px)translate(30px)}}@keyframes floatDot2{0%{opacity:0;transform:translateY(0)translate(0)}10%{opacity:.6}90%{opacity:.6}to{opacity:0;transform:translateY(-120px)translate(-20px)}}@keyframes floatDot3{0%{opacity:0;transform:translateY(0)translate(0)}10%{opacity:.8}90%{opacity:.8}to{opacity:0;transform:translateY(-80px)translate(40px)}}@keyframes floatDot4{0%{opacity:0;transform:translateY(0)translate(0)}10%{opacity:.5}90%{opacity:.5}to{opacity:0;transform:translateY(-110px)translate(-30px)}}@keyframes floatDot5{0%{opacity:0;transform:translateY(0)translate(0)}10%{opacity:.7}90%{opacity:.7}to{opacity:0;transform:translateY(-90px)translate(20px)}}@keyframes floatDot6{0%{opacity:0;transform:translateY(0)translate(0)}10%{opacity:.6}90%{opacity:.6}to{opacity:0;transform:translateY(-130px)translate(-10px)}}@keyframes floatDot7{0%{opacity:0;transform:translateY(0)translate(0)}10%{opacity:.8}90%{opacity:.8}to{opacity:0;transform:translateY(-70px)translate(50px)}}@keyframes floatDot8{0%{opacity:0;transform:translateY(0)translate(0)}10%{opacity:.5}90%{opacity:.5}to{opacity:0;transform:translateY(-100px)translate(-40px)}}@keyframes floatDot9{0%{opacity:0;transform:translateY(0)translate(0)}10%{opacity:.7}90%{opacity:.7}to{opacity:0;transform:translateY(-85px)translate(25px)}}@keyframes floatDot10{0%{opacity:0;transform:translateY(0)translate(0)}10%{opacity:.6}90%{opacity:.6}to{opacity:0;transform:translateY(-115px)translate(-25px)}}.cta-section{text-align:center;z-index:10;background:linear-gradient(135deg,#2d4a7a,#1e3a5a);padding:3rem 2rem;position:relative;overflow:hidden}.cta-section h2{color:#fff;text-transform:uppercase;letter-spacing:3px;margin-bottom:.8rem;font-size:2rem;font-weight:800}.cta-section p{color:#ffffffe6;margin-bottom:1.5rem;font-size:1rem}.cta-button{color:#41588a;text-transform:uppercase;letter-spacing:2px;cursor:pointer;background:#fff;border:none;border-radius:4px;padding:.8rem 2.5rem;font-size:1rem;font-weight:700;transition:all .3s;box-shadow:0 0 30px #41588a80}.cta-button:hover{background:#f0f0f0;transform:scale(1.05)}.features-grid,.feature-card,.section-title,.cta-section{z-index:10;position:relative}@media (width<=768px){.hero-title{letter-spacing:5px;font-size:2.5rem}.hero-buttons{flex-direction:column;padding:0 2rem}.primary-btn,.secondary-btn{width:100%}.features-grid{grid-template-columns:1fr}.cta-section h2{font-size:1.5rem}.features-section .floating-dot,.cta-section .floating-dot{display:none}}@media (width<=480px){.hero-title{letter-spacing:3px;font-size:1.8rem}.hero-tagline{font-size:.9rem}.section-title{font-size:1.3rem}.floating-letter,.features-section .floating-dot,.cta-section .floating-dot{display:none}}@media (prefers-reduced-motion:reduce){.hero-title,.fade-up,.feature-card,.floating-letter,.floating-dot{transition:none;animation:none}.fade-up{opacity:1;transform:none}.floating-letter,.floating-dot{display:none}}.about-container{color:#fff;background:#41588a;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex;position:relative;overflow-x:hidden}.about-container:before{content:"";pointer-events:none;z-index:0;background-image:repeating-linear-gradient(45deg,#ffffff0a 0 25px,#0000 25px 50px);position:absolute;inset:0}.about-container:after{content:"";pointer-events:none;z-index:0;background:radial-gradient(#0000001a 0%,#0003 100%);position:absolute;inset:0}.about-container h1{color:#fff;text-transform:uppercase;letter-spacing:5px;text-shadow:0 0 15px #41588a80;z-index:1;margin-bottom:2rem;font-size:2.5rem;animation:.8s fadeInDown;position:relative}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.about-container h1:after{content:"";background:linear-gradient(90deg,#0000,#fff,gold,#fff,#0000);border-radius:3px;width:100px;height:3px;position:absolute;bottom:-10px;left:50%;transform:translate(-50%)}.about-content{text-align:left;color:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1;background:#0000004d;border:1px solid #fff3;border-radius:20px;width:100%;max-width:850px;padding:2rem;line-height:1.8;transition:all .3s;animation:.8s fadeInUp;position:relative;box-shadow:0 20px 40px #0000004d}.about-content:hover{border-color:#ffd7004d;box-shadow:0 20px 50px #0006,0 0 20px #ffd7001a}.about-section{border-bottom:1px solid #ffffff1a;margin-bottom:2rem;padding-bottom:1.5rem;transition:transform .3s}.about-section:hover{transform:translate(5px)}.about-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.about-section h2{color:#fff;letter-spacing:1px;align-items:center;gap:10px;margin-bottom:1rem;padding-bottom:8px;font-size:1.5rem;display:flex;position:relative}.about-section h2:after{content:"";background:linear-gradient(90deg,gold,#0000);width:50px;height:2px;position:absolute;bottom:0;left:0}.about-section p{color:#ffffffd9;margin-bottom:1rem;line-height:1.8}.about-section ul{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:.8rem;margin:1rem 0;padding-left:0;list-style:none;display:grid}.about-section li{background:#ffffff0d;border:1px solid #ffffff0d;border-radius:10px;margin-bottom:.5rem;padding:10px 15px 10px 40px;line-height:1.6;transition:all .3s;position:relative}.about-section li:hover{background:#ffffff1a;border-color:#ffd7004d;transform:translate(5px)}.about-section li:before{content:"🏁";color:gold;opacity:.8;font-size:.9rem;transition:transform .3s;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.about-section li:hover:before{transform:translateY(-50%)rotate(360deg)}.credits-list{margin:1rem 0}.about-section a{color:gold;border-bottom:1px dotted #ffd70080;text-decoration:none;transition:all .3s}.about-section a:hover{color:gold;text-shadow:0 0 5px gold;border-bottom-color:gold}.credit-note{opacity:.7;margin-top:.5rem;font-size:.85rem;font-style:italic}.about-content::-webkit-scrollbar{width:8px}.about-content::-webkit-scrollbar-track{background:#ffffff1a;border-radius:4px}.about-content::-webkit-scrollbar-thumb{background:gold;border-radius:4px}.about-content::-webkit-scrollbar-thumb:hover{background:gold}@media (width<=768px){.about-container{padding:1.5rem}.about-container h1{letter-spacing:3px;font-size:1.8rem}.about-container h1:after{width:80px}.about-content{max-width:100%;padding:1.5rem}.about-section h2{font-size:1.3rem}.about-section p,.about-section li{font-size:.95rem}.about-section ul{grid-template-columns:1fr}.about-section li{padding:8px 12px 8px 35px}.about-container:before{background-image:repeating-linear-gradient(45deg,#ffffff0a 0 20px,#0000 20px 40px)}}@media (width<=576px){.about-container{padding:1.2rem}.about-container h1{letter-spacing:2px;font-size:1.5rem}.about-container h1:after{width:60px}.about-content{padding:1.2rem}.about-section{margin-bottom:1.2rem;padding-bottom:1rem}.about-section h2{font-size:1.2rem}.about-section h2:after{width:40px}.about-section p,.about-section li{font-size:.9rem}.about-section li{padding:8px 10px 8px 32px}.about-section li:before{font-size:.8rem;left:10px}.about-container:before{background-image:repeating-linear-gradient(45deg,#ffffff08 0 15px,#0000 15px 30px)}}@media (width<=480px){.about-container{padding:1rem}.about-container h1{letter-spacing:2px;font-size:1.3rem}.about-container h1:after{width:50px}.about-content{padding:1rem}.about-section{margin-bottom:1rem;padding-bottom:.8rem}.about-section h2{font-size:1.1rem}.about-section p,.about-section li{font-size:.85rem;line-height:1.6}.about-section li{padding:6px 10px 6px 30px}.about-section li:before{font-size:.7rem;left:8px}.about-container:before{background-image:repeating-linear-gradient(45deg,#ffffff05 0 12px,#0000 12px 24px)}}@media (width<=375px){.about-container h1{font-size:1.1rem}.about-container h1:after{width:40px}.about-content{padding:.8rem}.about-section h2{font-size:1rem}.about-section p,.about-section li{font-size:.8rem}}@media (prefers-reduced-motion:reduce){.about-container h1,.about-content,.about-section,.about-section li,.about-section li:before{transition:none;animation:none}.about-section:hover,.about-section li:hover{transform:none}.about-section li:hover:before{transform:translateY(-50%)}.about-content:hover{transform:none}}.contact-container{color:#fff;background:#41588a;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex;position:relative;overflow-x:hidden}.contact-container:before{content:"";pointer-events:none;z-index:0;background-image:radial-gradient(#ffffff59 1.5px,#0000 1.5px);background-size:35px 35px;position:absolute;inset:0}.contact-container:after{content:"";pointer-events:none;z-index:0;background:radial-gradient(#0000001a 0%,#0003 100%);position:absolute;inset:0}.contact-container h1{color:#fff;text-transform:uppercase;letter-spacing:5px;text-shadow:0 0 15px #41588a80;z-index:1;margin-bottom:2rem;font-size:2.5rem;animation:.8s fadeInDown;position:relative}.contact-container h1:after{content:"";background:linear-gradient(90deg,#0000,#fff,gold,#fff,#0000);border-radius:3px;width:100px;height:3px;position:absolute;bottom:-10px;left:50%;transform:translate(-50%)}.contact-content{text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1;background:#0000004d;border:1px solid #fff3;border-radius:20px;max-width:550px;padding:2.5rem;transition:all .3s;animation:.8s fadeInUp;position:relative;box-shadow:0 20px 40px #0000004d}.contact-content:hover{border-color:#ffd7004d;transform:translateY(-5px);box-shadow:0 20px 50px #0006,0 0 20px #ffd7001a}.contact-content:before{content:"📧";background:#41588a;border:2px solid #ffffff4d;border-radius:50%;padding:10px;font-size:2.5rem;animation:2s ease-in-out infinite bounce;position:absolute;top:-20px;left:50%;transform:translate(-50%);box-shadow:0 5px 15px #0003}@keyframes bounce{0%,to{transform:translate(-50%)translateY(0)}50%{transform:translate(-50%)translateY(-5px)}}.contact-content p{color:#ffffffe6;margin-top:1rem;margin-bottom:2rem;font-size:1rem;line-height:1.6}.contact-info{flex-direction:column;gap:1rem;display:flex}.contact-info p{color:#fff;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;justify-content:center;align-items:center;gap:10px;margin:0;padding:1.2rem;font-size:1rem;transition:all .3s;display:flex}.contact-info p:first-of-type{background:linear-gradient(135deg,#ffd7001a,#ffd7000d);border-color:#ffd7004d}.contact-info p:last-of-type{background:linear-gradient(135deg,#5865f21a,#5865f20d);border-color:#5865f24d}.contact-info p span:first-child{font-size:1.3rem}.contact-info a{color:#fff;-webkit-tap-highlight-color:transparent;align-items:center;gap:5px;font-weight:500;text-decoration:none;transition:all .3s;display:inline-flex}.contact-info a:hover{color:gold;text-shadow:0 0 5px #ffd70080;text-decoration:underline}.contact-info p:hover{background:#ffffff1a;border-color:#ffd70080;transform:translate(8px)translateY(-3px);box-shadow:0 10px 25px #0003}.contact-info p:last-of-type:hover{border-color:#5865f2;box-shadow:0 10px 25px #5865f233}@media (width<=768px){.contact-container{padding:1.5rem}.contact-container h1{letter-spacing:3px;font-size:2rem}.contact-container h1:after{width:80px}.contact-content{max-width:450px;padding:2rem}.contact-content:before{padding:8px;font-size:2rem;top:-15px}.contact-info p{padding:1rem;font-size:.95rem}.contact-info p span:first-child{font-size:1.1rem}.contact-container:before{background-size:30px 30px}}@media (width<=576px){.contact-container{padding:1.2rem}.contact-container h1{letter-spacing:2px;font-size:1.6rem}.contact-container h1:after{width:60px;bottom:-8px}.contact-content{max-width:100%;padding:1.5rem}.contact-content:before{padding:6px;font-size:1.8rem;top:-12px}.contact-content p{margin-bottom:1.2rem;font-size:.9rem}.contact-info{gap:.8rem}.contact-info p{padding:.8rem;font-size:.85rem}.contact-info p span:first-child{font-size:1rem}.contact-container:before{background-size:25px 25px}}@media (width<=480px){.contact-container{padding:1rem}.contact-container h1{letter-spacing:2px;margin-bottom:1.5rem;font-size:1.4rem}.contact-container h1:after{width:50px}.contact-content{max-width:100%;padding:1.2rem}.contact-content:before{padding:5px;font-size:1.5rem;top:-10px}.contact-content p{margin-top:.5rem;margin-bottom:1rem;font-size:.85rem}.contact-info p{padding:.7rem;font-size:.8rem}.contact-info a{font-size:.8rem}.contact-info p span:first-child{font-size:.9rem}.contact-container:before{background-size:20px 20px}}@media (width<=380px){.contact-container h1{font-size:1.2rem}.contact-content{padding:1rem}.contact-content:before{font-size:1.2rem;top:-8px}.contact-info p{padding:.6rem;font-size:.75rem}.contact-info a{font-size:.75rem}.contact-container:before{background-size:18px 18px}}@media (prefers-reduced-motion:reduce){.contact-container h1,.contact-content,.contact-content:before,.contact-info p,.contact-info a{transition:none;animation:none}.contact-info p:hover,.contact-content:hover{transform:none}.contact-content:before{animation:none}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.report-modal{background:#41588a;border:2px solid #fff3;border-radius:15px;width:90%;max-width:500px;padding:2rem;animation:.3s slideUp;position:relative;box-shadow:0 0 30px #00000080}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.modal-close-btn{color:#ffffff80;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font-size:1.5rem;transition:all .2s;display:flex;position:absolute;top:15px;right:15px}.modal-close-btn:hover{color:#fff;background:#ffffff1a;transform:scale(1.1)}.modal-close-btn:active{transform:scale(.95)}.report-modal h2{color:#fff;letter-spacing:2px;margin-bottom:.5rem;font-size:1.8rem}.report-user-name{color:#fffc;border-bottom:1px solid #fff3;margin-bottom:2rem;padding-bottom:10px;font-style:italic}.form-group{margin-bottom:1.5rem}.form-group label{color:#fff;letter-spacing:1px;margin-bottom:.5rem;font-size:.9rem;font-weight:600;display:block}.reason-select{color:#fff;cursor:pointer;background:#0000004d;border:1px solid #fff3;border-radius:8px;outline:none;width:100%;padding:12px;font-size:1rem;transition:all .3s}.reason-select:focus{border-color:#fff;box-shadow:0 0 15px #fff3}.reason-select option{color:#fff;background:#41588a}.details-input{color:#fff;resize:vertical;background:#0000004d;border:1px solid #fff3;border-radius:8px;outline:none;width:100%;padding:12px;font-family:inherit;font-size:.95rem;transition:all .3s}.details-input:focus{border-color:#fff;box-shadow:0 0 15px #fff3}.details-input::placeholder{color:#fff6}.char-count{text-align:right;color:#ffffff80;margin-top:5px;font-size:.8rem;display:block}.report-warning{background:#ff44441a;border:1px solid #ff44444d;border-radius:8px;margin-bottom:1.5rem;padding:12px}.report-warning p{color:#f88;text-align:center;font-size:.9rem}.modal-actions{gap:1rem;display:flex}.cancel-btn,.submit-btn{cursor:pointer;text-transform:uppercase;letter-spacing:1px;-webkit-tap-highlight-color:transparent;border:none;border-radius:8px;flex:1;padding:12px;font-size:.9rem;font-weight:700;transition:all .3s}.cancel-btn:hover:not(:disabled){color:#fff;background:#f44;transform:translateY(-2px);box-shadow:0 5px 15px #f446}.cancel-btn:active:not(:disabled){transform:translateY(0)}.submit-btn{color:#41588a;background:#fff;border:2px solid #fff}.submit-btn:hover:not(:disabled){background:#f0f0f0;transform:translateY(-2px);box-shadow:0 5px 15px #fff6}.submit-btn:active:not(:disabled){transform:translateY(0)}.submit-btn:disabled,.cancel-btn:disabled{opacity:.5;cursor:not-allowed}.report-success{text-align:center;padding:2rem}.success-icon{color:#000;background:#4f4;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;margin:0 auto 1.5rem;font-size:2.5rem;animation:.5s popIn;display:flex}@keyframes popIn{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}.report-success h3{color:#fff;margin-bottom:1rem;font-size:1.5rem}.report-success p{color:#fffc}@media (width<=768px){.report-modal{width:95%;padding:1.5rem}.report-modal h2{font-size:1.5rem}.modal-actions{flex-direction:column}.cancel-btn,.submit-btn{width:100%}}@media (width<=480px){.report-modal{padding:1.2rem}.report-modal h2{font-size:1.3rem}.report-user-name{margin-bottom:1.5rem;font-size:.9rem}.form-group label{font-size:.8rem}.reason-select,.details-input{padding:10px;font-size:.9rem}.cancel-btn,.submit-btn{padding:10px;font-size:.8rem}.success-icon{width:50px;height:50px;font-size:2rem}.report-success h3{font-size:1.2rem}}@media (prefers-reduced-motion:reduce){.modal-overlay,.report-modal,.success-icon,.cancel-btn,.submit-btn{transition:none;animation:none}.cancel-btn:hover:not(:disabled),.submit-btn:hover:not(:disabled){transform:none}}.online-status-container{align-items:center;gap:6px;font-size:.85rem;display:inline-flex}.status-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px;transition:all .2s;display:inline-block}.status-dot.online{background:#4f4;animation:2s infinite pulse;box-shadow:0 0 10px #44ff4480}.status-dot.offline{opacity:.6;background:#888}.status-dot.loading{background:#ffffff4d;animation:1.5s infinite pulse}.status-text{color:#fffc;font-size:.85rem}.last-seen{color:#ffffff80;margin-left:2px;font-size:.75rem;font-style:italic}.online-status-container.inline{margin-left:5px;display:inline-flex}.online-status-container.block{margin:2px 0;display:flex}.status-dot.small{width:8px;height:8px}.status-dot.medium{width:10px;height:10px}.status-dot.large{width:12px;height:12px}.status-dot[title]{cursor:help}@media (width<=768px){.last-seen{font-size:.7rem}.status-text{font-size:.8rem}}@media (width<=480px){.online-status-container{gap:4px}.status-dot{width:8px;height:8px}.status-text{font-size:.75rem}.last-seen{font-size:.65rem}}@media (prefers-reduced-motion:reduce){.status-dot.online,.status-dot.loading{animation:none}.status-dot.online{opacity:1;transform:none}}.garage-container{background:#0003;border:1px solid #ffffff1a;border-radius:12px;margin-top:20px;overflow:hidden}.garage-header{cursor:pointer;-webkit-tap-highlight-color:transparent;background:#41588a4d;border-bottom:1px solid #ffffff1a;align-items:center;gap:12px;padding:15px 20px;transition:all .3s;display:flex}.garage-header:hover{background:#41588a80}.garage-header:active{background:#41588a99}.garage-icon{font-size:1.5rem}.garage-header h3{color:#fff;letter-spacing:1px;flex:1;margin:0;font-size:1.2rem}.garage-badge{color:#fff;background:#41588a;border:1px solid #fff3;border-radius:20px;padding:4px 10px;font-size:.9rem;font-weight:600}.garage-toggle{color:#ffffffb3;font-size:1.2rem;transition:transform .3s}.garage-toggle.expanded{transform:rotate(0)}.garage-content{padding:20px;animation:.3s slideDown}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.garage-content h4{color:#ffffffe6;letter-spacing:1px;border-bottom:1px solid #ffffff26;margin-bottom:15px;padding-bottom:8px;font-size:1rem}.special-car-section{margin-bottom:30px}.special-car-card{cursor:pointer;-webkit-tap-highlight-color:transparent;background:linear-gradient(135deg,#0006,#0003);border:2px solid;border-radius:15px;align-items:center;gap:20px;padding:20px;transition:all .3s;display:flex}.special-car-card:hover{transform:translateY(-3px)}.special-car-card:active{transform:translateY(0)}.special-car-icon{background:#0000004d;border-radius:12px;justify-content:center;align-items:center;width:80px;height:80px;display:flex}.car-image-special{object-fit:contain;width:70px;height:70px}.special-car-info{flex:1}.special-car-name{color:#fff;margin-bottom:5px;font-size:1.3rem;font-weight:700}.special-car-rank{margin-bottom:8px;font-size:.9rem;font-weight:600}.special-car-rank:has(.rank-gold){color:gold}.special-car-rank:has(.rank-silver){color:silver}.special-car-rank:has(.rank-bronze){color:#cd7f32}.special-car-timer{color:#ff6b6b;align-items:center;gap:5px;font-size:.85rem;display:flex}.car-collection-section{margin-bottom:30px}.car-grid{grid-template-columns:repeat(5,1fr);gap:12px;display:grid}.car-grid-item{text-align:center;cursor:pointer;-webkit-tap-highlight-color:transparent;background:#0000004d;border:2px solid;border-radius:10px;flex-direction:column;align-items:center;padding:12px 8px;transition:all .3s;display:flex;position:relative}.car-grid-item.unlocked:hover{transform:translateY(-3px);box-shadow:0 5px 15px #41588a80}.car-grid-item.unlocked:active{transform:translateY(0)}.car-grid-item.locked{cursor:not-allowed}.car-grid-image{justify-content:center;align-items:center;height:40px;margin-bottom:8px;display:flex}.car-image-grid{object-fit:contain;width:60px;height:30px;transition:all .3s}.car-image-grid.grayscale{filter:grayscale();opacity:.6}.car-grid-item.unlocked:hover .car-image-grid{transform:scale(1.1)}.car-grid-name{color:#fff;margin-bottom:4px;font-size:.85rem;font-weight:600}.car-grid-icon{opacity:.7;margin-top:2px;font-size:.8rem}.car-grid-level{color:#ffffff80;font-size:.7rem}.car-grid-lock{opacity:.7;font-size:.8rem;position:absolute;top:5px;right:5px}.achievements-section{margin-top:20px}.achievements-list{flex-direction:column;gap:8px;max-height:250px;padding-right:5px;display:flex;overflow-y:auto}.achievements-list::-webkit-scrollbar{width:5px}.achievements-list::-webkit-scrollbar-track{background:#ffffff0d;border-radius:3px}.achievements-list::-webkit-scrollbar-thumb{background:#41588a;border-radius:3px}.achievement-item{background:#00000040;border:1px solid #ffffff1a;border-radius:8px;align-items:center;gap:15px;padding:10px 15px;font-size:.85rem;transition:all .2s;display:flex}.achievement-item:hover{background:#41588a33;transform:translate(3px)}.achievement-rank{min-width:35px;font-size:1.2rem}.achievement-week{color:#fff;flex:2}.achievement-score{color:#4f4;min-width:70px;font-weight:600}.achievement-date{color:#ffffff80;min-width:90px;font-size:.75rem}.garage-empty{text-align:center;color:#fff9;padding:40px 20px}.garage-empty p{margin-bottom:5px;font-size:1rem}.garage-empty span{opacity:.5;font-size:.8rem}.garage-loading{text-align:center;color:#ffffffb3;padding:30px}.loading-spinner-small{border:2px solid #ffffff1a;border-top-color:#41588a;border-radius:50%;width:30px;height:30px;margin:0 auto 10px;animation:.8s linear infinite spin}.car-detail-overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:2000;background:#000000d9;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.car-detail-modal{text-align:center;background:linear-gradient(135deg,#1e2a3a,#15202b);border:2px solid #41588a;border-radius:20px;width:90%;max-width:400px;padding:30px;animation:.3s slideUp;position:relative;box-shadow:0 20px 40px #0006}.close-btn{color:#ffffff80;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:35px;height:35px;font-size:1.5rem;transition:all .2s;display:flex;position:absolute;top:15px;right:15px}.close-btn:hover{color:#fff;background:#ffffff1a;transform:scale(1.1)}.car-detail-header{flex-direction:column;align-items:center;gap:10px;margin-bottom:20px;display:flex}.car-detail-image{background:#0000004d;border:1px solid #ffffff1a;border-radius:15px;justify-content:center;align-items:center;width:150px;height:150px;margin-bottom:15px;display:flex}.car-image-large{object-fit:contain;width:120px;height:120px}.car-detail-header h2{color:#fff;align-items:center;gap:8px;margin:0;font-size:1.6rem;display:flex}.car-detail-icon{opacity:.8;font-size:1.3rem}.car-detail-body{text-align:left;margin-bottom:25px}.car-detail-rank{text-align:center;background:#0003;border-radius:20px;margin-bottom:10px;padding:8px;font-size:1rem;font-weight:600}.car-detail-description{color:#ffffffd9;border-bottom:1px solid #ffffff1a;margin-bottom:15px;padding-bottom:15px;font-size:.95rem;line-height:1.5}.car-detail-color,.car-detail-expiry,.car-detail-level,.car-detail-status,.car-detail-date{color:#fffc;background:#00000040;border-radius:8px;margin-bottom:10px;padding:10px;font-size:.9rem}.car-detail-expiry strong,.car-detail-level strong,.car-detail-status strong,.car-detail-date strong{color:#fff;margin-right:5px}.status-unlocked{color:#4f4}.status-locked{color:#f88}@media (width<=1024px){.car-grid{grid-template-columns:repeat(4,1fr)}}@media (width<=768px){.car-grid{grid-template-columns:repeat(3,1fr)}.special-car-card{text-align:center;flex-direction:column;padding:15px}.special-car-icon{width:70px;height:70px}.car-image-special{width:60px;height:60px}.car-grid-name{font-size:.75rem}.achievement-item{flex-wrap:wrap;gap:5px;padding:8px 12px}.achievement-week{flex:100%;order:-1;font-size:.8rem}.achievement-rank{order:0;font-size:1rem}.achievement-score{order:1;min-width:auto;font-size:.8rem}.achievement-date{order:2;min-width:auto;font-size:.7rem}.car-image-grid{width:50px;height:25px}.car-detail-image{width:120px;height:120px}.car-image-large{width:100px;height:100px}.car-detail-header h2{font-size:1.4rem}.garage-badge{padding:3px 8px;font-size:.8rem}}@media (width<=576px){.car-grid{grid-template-columns:repeat(3,1fr);gap:8px}.car-grid-item{padding:8px 4px}.car-grid-name,.car-grid-icon{font-size:.7rem}.car-grid-level{font-size:.6rem}}@media (width<=480px){.garage-content{padding:15px}.car-grid{grid-template-columns:repeat(2,1fr)}.special-car-icon{width:60px;height:60px}.car-image-special{width:50px;height:50px}.special-car-name{font-size:1.1rem}.special-car-rank{font-size:.8rem}.special-car-timer{font-size:.75rem}.car-image-grid{width:45px;height:22px}.car-detail-image{width:100px;height:100px}.car-image-large{width:80px;height:80px}.car-detail-header h2{font-size:1.2rem}.car-detail-description{font-size:.85rem}.car-detail-expiry,.car-detail-level,.car-detail-status,.car-detail-date{padding:8px;font-size:.8rem}.garage-header{padding:12px 15px}.garage-header h3{font-size:1rem}.garage-icon{font-size:1.2rem}.garage-badge{padding:2px 6px;font-size:.7rem}.achievement-item{padding:6px 10px}.achievement-week,.achievement-score{font-size:.7rem}.achievement-date{font-size:.6rem}}@media (width<=375px){.car-grid{gap:6px}.car-grid-name{font-size:.65rem}.car-grid-icon{font-size:.6rem}.special-car-card{padding:12px}.special-car-icon{width:50px;height:50px}.car-image-special{width:40px;height:40px}.special-car-name{font-size:1rem}.car-detail-modal{padding:20px}.car-detail-image{width:80px;height:80px}.car-image-large{width:65px;height:65px}.achievements-list{max-height:200px}}@media (width<=320px){.car-grid{grid-template-columns:repeat(2,1fr);gap:5px}.car-grid-name{font-size:.6rem}.garage-content,.special-car-card{padding:10px}.special-car-icon{width:45px;height:45px}.car-image-special{width:35px;height:35px}}@media (prefers-reduced-motion:reduce){.garage-header,.special-car-card,.car-grid-item,.garage-content,.car-detail-overlay,.car-detail-modal,.close-btn,.close-bottom-btn,.achievement-item{transition:none;animation:none}.garage-header:hover,.special-car-card:hover,.car-grid-item.unlocked:hover,.close-btn:hover,.close-bottom-btn:hover{transform:none}.loading-spinner-small{border-top-color:#ffffff1a;animation:none}.garage-toggle{transition:none}}@keyframes chatFadeIn{0%{opacity:0}to{opacity:1}}@keyframes chatSlideUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.chat-modal-header h3{color:#fff;align-items:center;gap:10px;margin:0;font-size:1.2rem;font-weight:600;display:flex}.chat-friend-avatar{text-transform:uppercase;background:#fff3;border-radius:50%;justify-content:center;align-items:center;width:35px;height:35px;font-size:1rem;font-weight:700;display:inline-flex}.chat-close-btn{color:#ffffffb3;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:35px;height:35px;font-size:1.3rem;transition:all .2s;display:flex}.chat-close-btn:hover{color:#fff;background:#ffffff1a;transform:scale(1.05)}.chat-messages-container::-webkit-scrollbar{width:5px}.chat-messages-container::-webkit-scrollbar-track{background:#ffffff0d;border-radius:3px}.chat-messages-container::-webkit-scrollbar-thumb{background:#41588a;border-radius:3px}.message-group{flex-direction:column;gap:8px;display:flex}.message-date-header{text-align:center;margin:10px 0}.message-date-header span{color:#fff6;background:#0000004d;border-radius:20px;padding:4px 12px;font-size:.7rem;display:inline-block}.chat-message-bubble{word-wrap:break-word;border-radius:18px;max-width:80%;padding:10px 14px;animation:.2s messagePop;position:relative}@keyframes messagePop{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.chat-message-time{opacity:.6;text-align:right;justify-content:flex-end;align-items:center;gap:4px;margin-top:4px;font-size:.65rem;display:flex}.message-read-status{opacity:.8;font-size:.6rem}.chat-input-wrapper{flex:1;position:relative}.chat-input-wrapper input{color:#fff;background:#0000004d;border:1px solid #ffffff26;border-radius:25px;outline:none;width:100%;padding:12px 60px 12px 12px;font-size:.9rem;transition:all .3s}.chat-input-wrapper input:focus{border-color:#41588a;box-shadow:0 0 10px #41588a4d}.chat-input-wrapper input::placeholder{color:#ffffff59}.char-counter{color:#ffffff59;font-size:.65rem;position:absolute;top:50%;right:15px;transform:translateY(-50%)}.chat-send-btn{color:#fff;cursor:pointer;background:#41588a;border:none;border-radius:25px;padding:0 20px;font-size:.85rem;font-weight:600;transition:all .2s}.chat-loading{flex-direction:column;justify-content:center;align-items:center;gap:15px;height:100%;display:flex}.loading-spinner-small{border:3px solid #41588a4d;border-top-color:#41588a;border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}.chat-loading p{color:#fff9;font-size:.9rem}.no-messages{text-align:center;color:#fff6;flex-direction:column;align-items:center;gap:10px;padding:50px 20px;display:flex}.no-messages-icon{opacity:.5;font-size:3rem}.no-messages p{margin:0;font-size:.9rem}.no-messages-sub{opacity:.6;font-size:.75rem}@media (width<=480px){.chat-modal{width:95%;height:85vh;max-height:85vh}.chat-modal-header{padding:12px 15px}.chat-modal-header h3{font-size:1rem}.chat-friend-avatar{width:30px;height:30px;font-size:.9rem}.chat-messages-container{padding:12px}.chat-message-bubble{max-width:90%;padding:8px 12px}.chat-message-text{font-size:.85rem}.chat-input-container{padding:12px}.chat-input-wrapper input{padding:10px 55px 10px 10px;font-size:.85rem}.chat-send-btn{padding:0 15px;font-size:.8rem}.char-counter{font-size:.6rem;right:12px}}@media (prefers-reduced-motion:reduce){.chat-modal-overlay,.chat-modal,.chat-message-bubble{animation:none}}.account-container{color:#fff;background:#41588a;min-height:100vh;padding:2rem;position:relative;overflow-x:hidden}.account-container:before{content:"";pointer-events:none;z-index:0;background-image:url("data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 200 200\"><path d=\"M100,80 A60,60 0 1,1 40,140\" fill=\"none\" stroke=\"rgba(255,255,255,0.12)\" stroke-width=\"3\"/><line x1=\"100\" y1=\"80\" x2=\"100\" y2=\"50\" stroke=\"rgba(255,255,255,0.08)\" stroke-width=\"2\"/><circle cx=\"100\" cy=\"80\" r=\"5\" fill=\"rgba(255,255,255,0.08)\"/></svg>");background-repeat:repeat;background-size:120px 120px;position:absolute;inset:0}.account-container:after{content:"";pointer-events:none;z-index:0;background:radial-gradient(#0000001a 0%,#00000026 100%);position:absolute;inset:0}.account-header,.account-grid,.garage-section{z-index:1;position:relative}.account-header{text-align:center;margin-bottom:3rem;position:relative}.account-header h1{color:#fff;letter-spacing:5px;text-shadow:0 0 15px #41588a80;margin-bottom:1rem;font-size:2.5rem}.header-line{background:linear-gradient(90deg,#0000,#fff,#0000);width:150px;height:3px;margin:0 auto}.account-grid{grid-template-columns:1fr 1fr;gap:2rem;max-width:1200px;margin:0 auto;display:grid}.profile-section{flex-direction:column;gap:2rem;display:flex}.profile-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#41588a33;border:1px solid #fff3;border-radius:12px;padding:2rem;position:relative;box-shadow:0 10px 30px #0000004d}.profile-pic-container{flex-direction:column;align-items:center;margin-bottom:2rem;display:flex;position:relative}.profile-pic-initials{color:#fff;text-transform:uppercase;background:linear-gradient(135deg,#5a71a0,#41588a);border:4px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:150px;height:150px;margin-bottom:1rem;font-size:5rem;font-weight:700;transition:all .3s;display:flex;box-shadow:0 0 30px #41588a80}.profile-pic-initials.admin{border-color:gold;box-shadow:0 0 30px #ffd70080}.profile-admin-badge{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0009;border:2px solid gold;border-radius:30px;align-items:center;gap:8px;padding:8px 15px;animation:2s ease-in-out infinite badgePulse;display:flex;position:absolute;top:10px;right:10px}.profile-admin-badge .admin-badge{font-size:1.2rem;animation:none}.profile-admin-badge span{color:gold;letter-spacing:1px;font-size:.9rem;font-weight:700}.initials-note{color:#ffffffb3;font-size:.9rem;font-style:italic}.profile-info{text-align:center}.display-username{justify-content:center;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.display-username h2{color:#fff;text-shadow:0 0 10px #41588a4d;flex-wrap:wrap;justify-content:center;align-items:center;gap:5px;margin:0;font-size:1.8rem;display:flex}.display-username h2:has(.admin-badge){color:#ff6b6b;text-shadow:0 0 10px #ff6b6b4d}.edit-btn{color:#ffffffb3;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;font-size:1.2rem;transition:all .3s}.edit-btn:hover{color:#fff;text-shadow:0 0 10px #41588a80;transform:scale(1.1)}.edit-username{flex-direction:column;gap:1rem;margin-bottom:1rem;display:flex}.username-input{color:#fff;background:#0000004d;border:2px solid #ffffff4d;border-radius:8px;outline:none;padding:.8rem;font-size:1rem}.username-input:focus{border-color:#fff;box-shadow:0 0 15px #41588a80}.edit-buttons{justify-content:center;gap:1rem;display:flex}.save-btn,.cancel-btn{cursor:pointer;-webkit-tap-highlight-color:transparent;border:none;border-radius:5px;padding:.5rem 1.5rem;font-weight:600;transition:all .3s}.save-btn{color:#fff;background:#41588a;border:1px solid #fff}.save-btn:hover:not(:disabled){background:#5a71a0;transform:translateY(-2px);box-shadow:0 5px 15px #41588a80}.save-btn:active:not(:disabled){transform:translateY(0)}.save-btn:disabled{opacity:.5;cursor:not-allowed}.cancel-btn{color:#f44;background:0 0;border:2px solid #f44}.cancel-btn:hover{color:#fff;background:#f44}.stats-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#41588a33;border:1px solid #fff3;border-radius:12px;padding:2rem}.stats-card h3{color:#fff;text-align:center;letter-spacing:2px;text-shadow:0 0 10px #41588a4d;margin-bottom:1.5rem}.stat-item{text-align:center;background:#0003;border:1px solid #ffffff1a;border-radius:8px;padding:1rem;transition:all .2s}.stat-item:hover{transform:translateY(-2px);box-shadow:0 5px 15px #41588a4d}.stat-value{color:#fff;text-shadow:0 0 10px #41588a4d;margin-bottom:.3rem;font-size:2rem;font-weight:700;display:block}.stat-label{color:#ffffffb3;letter-spacing:1px;font-size:.8rem}.level-progress{margin-top:1rem}.level-info{color:#ffffffb3;justify-content:space-between;margin-bottom:.5rem;font-size:.9rem;display:flex}.progress-fill{background:linear-gradient(90deg,#41588a,#6d84b8);border-radius:5px;height:100%;transition:width .3s;box-shadow:0 0 10px #41588a80}.next-level-requirement{color:#fff9;text-align:center;margin-top:10px;font-size:.8rem;font-style:italic}.best-scores{background:#0003;border-radius:10px;margin-top:20px;padding:15px}.best-scores h4{color:#fff;letter-spacing:1px;opacity:.9;margin-bottom:10px;font-size:.95rem}.scores-list{flex-direction:column;gap:8px;display:flex}.score-item{color:#fff;background:#41588a4d;border:1px solid #ffffff1a;border-radius:6px;justify-content:space-between;padding:8px 12px;font-size:.9rem;display:flex}.score-item span:first-child{color:#fffc}.score-item span:last-child{color:#4f4;font-weight:700}.friends-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#41588a33;border:1px solid #fff3;border-radius:12px;width:100%;min-width:380px;padding:2rem}.friends-header{margin-bottom:2rem}.friends-header h3{color:#fff;letter-spacing:2px;text-shadow:0 0 10px #41588a4d;margin-bottom:1rem}.friends-list{flex-direction:column;gap:12px;min-height:400px;max-height:550px;padding-right:8px;display:flex;overflow:visible auto}.friend-card{background:#0003;border:1px solid #ffffff1a;border-radius:10px;justify-content:space-between;align-items:center;gap:1rem;width:100%;min-width:0;margin-bottom:.8rem;padding:1rem 1.2rem;transition:all .3s;display:flex;position:relative}.friend-card:hover{background:#41588a1a;border-color:#fff;transform:translate(5px);box-shadow:0 5px 15px #41588a80}.friend-card:has(.friend-name .admin-badge){background:#ffd7000d;border-left:4px solid gold}.friend-card:has(.friend-name .admin-badge):hover{border-left-width:6px;box-shadow:0 5px 20px #ffd7004d}.friend-avatar{color:#fff;text-transform:uppercase;background:linear-gradient(135deg,#41588a,#6d84b8);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:45px;height:45px;font-size:1.2rem;font-weight:700;display:flex;position:relative}.friend-card:has(.friend-name .admin-badge) .friend-avatar{border:2px solid gold;box-shadow:0 0 15px gold}.friend-info{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex;overflow:visible}.friend-name{color:#fff;flex-wrap:wrap;align-items:center;gap:8px;font-size:1rem;font-weight:600;display:flex}.friend-name:has(.admin-badge){color:#ff6b6b}.friend-added{color:#ffffff80;font-size:.75rem}.unread-badge{color:#fff;text-align:center;background:#f44;border-radius:12px;min-width:20px;margin-left:8px;padding:2px 6px;font-size:.7rem;font-weight:700;animation:1s infinite badgePulse;display:inline-block}.menu-badge{color:#fff;background:#f44;border-radius:10px;margin-left:8px;padding:1px 5px;font-size:.6rem;font-weight:700;display:inline-block}.banned-indicator{color:#f44;background:#f443;border:1px solid #f44;border-radius:12px;width:fit-content;margin-top:4px;padding:2px 8px;font-size:.7rem;font-weight:600;display:inline-block}.friend-actions{flex-shrink:0;align-items:center;gap:5px;display:flex;position:relative}.three-dot-btn{color:#ffffffb3;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;border-radius:8px;flex-shrink:0;padding:8px 12px;font-size:1.5rem;transition:all .3s}.three-dot-btn:hover{color:#fff;background:#ffffff1a;transform:scale(1.1)}.three-dot-menu{z-index:1000;background:#1e2a3a;border:1px solid #fff3;border-radius:8px;min-width:160px;margin-top:8px;animation:.2s menuFadeIn;position:absolute;top:100%;right:0;overflow:hidden;box-shadow:0 5px 20px #0006}@keyframes menuFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.menu-item{color:#fff;text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;border-bottom:1px solid #ffffff1a;width:100%;padding:10px 15px;font-size:.9rem;transition:all .2s;display:block}.menu-item:last-child{border-bottom:none}.menu-item.chat:hover{color:#4ecdc4;background:#41588a66}.menu-item.block:hover{color:#f44;background:#f443}.menu-item.report:hover{color:#fa0;background:#fa03}.menu-item.remove:hover{color:#f44;background:#f443}.admin-actions-dropdown{display:inline-block;position:relative}.report-btn,.block-btn,.remove-friend-btn{display:none}.modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}.admin-action-modal .modal-header h2{color:#fff;align-items:center;gap:10px;font-size:1.5rem;display:flex}.action-type-btn.active{background:#41588a;border-color:#fff;box-shadow:0 0 15px #41588a80}.action-type-btn.warn.active{color:#000;background:#fa0}.action-type-btn.ban.active{color:#fff;background:#f44}.friends-list::-webkit-scrollbar{width:8px}.requests-list::-webkit-scrollbar{width:8px}.search-results::-webkit-scrollbar{width:8px}.warnings-list::-webkit-scrollbar{width:8px}.friends-list::-webkit-scrollbar-track{background:#ffffff0d;border-radius:4px}.requests-list::-webkit-scrollbar-track{background:#ffffff0d;border-radius:4px}.search-results::-webkit-scrollbar-track{background:#ffffff0d;border-radius:4px}.warnings-list::-webkit-scrollbar-track{background:#ffffff0d;border-radius:4px}.friends-list::-webkit-scrollbar-thumb{background:#41588a;border-radius:4px}.requests-list::-webkit-scrollbar-thumb{background:#41588a;border-radius:4px}.search-results::-webkit-scrollbar-thumb{background:#41588a;border-radius:4px}.warnings-list::-webkit-scrollbar-thumb{background:#41588a;border-radius:4px}.friends-list::-webkit-scrollbar-thumb:hover{background:#5a71a0}.requests-list::-webkit-scrollbar-thumb:hover{background:#5a71a0}.search-results::-webkit-scrollbar-thumb:hover{background:#5a71a0}.warnings-list::-webkit-scrollbar-thumb:hover{background:#5a71a0}.garage-section{background:#0003;border:1px solid #ffffff1a;border-radius:12px;margin-top:2rem;padding:1rem}.garage-section h3{color:#fff;text-align:center;letter-spacing:2px;margin-bottom:1rem;font-size:1.2rem}.pending-requests{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#2d447680;border:1px solid #ffffff26;border-radius:12px;margin:20px 0;padding:15px}.pending-requests h4{color:#fff;letter-spacing:1px;text-transform:uppercase;opacity:.9;margin-bottom:15px;font-size:1rem}.requests-list{flex-direction:column;gap:10px;max-height:300px;padding-right:5px;display:flex;overflow-y:auto}.request-card{background:#00000040;border:1px solid #ffffff1a;border-radius:10px;justify-content:space-between;align-items:center;padding:12px;transition:all .2s;display:flex}.request-card:hover{background:#00000059;border-color:#fff3;transform:translate(3px)}.request-info{align-items:center;gap:12px;display:flex}.request-avatar{color:#fff;text-transform:uppercase;background:linear-gradient(135deg,#41588a,#5a71a0);border:2px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.2rem;font-weight:700;display:flex;box-shadow:0 2px 8px #0003}.request-name{color:#fff;align-items:center;gap:5px;font-size:1rem;font-weight:600;display:flex}.request-status{color:#ffffff80;font-size:.8rem;font-style:italic}.request-actions{align-items:center;gap:8px;display:flex}.accept-btn,.decline-btn{cursor:pointer;-webkit-tap-highlight-color:transparent;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.1rem;font-weight:700;transition:all .2s;display:flex}.accept-btn{color:#000;background:#4f4;box-shadow:0 2px 8px #44ff444d}.accept-btn:hover{transform:scale(1.1);box-shadow:0 0 15px #4f49}.decline-btn{color:#fff;background:#f44;box-shadow:0 2px 8px #ff44444d}.decline-btn:hover{transform:scale(1.1);box-shadow:0 0 15px #f449}.admin-action-small-btn{cursor:pointer;color:gold;-webkit-tap-highlight-color:transparent;background:#ffd70026;border:1px solid gold;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.1rem;font-weight:700;transition:all .2s;display:flex;box-shadow:0 2px 8px #ffd7004d}.search-toggle-btn{color:#fff;cursor:pointer;text-transform:uppercase;letter-spacing:1px;-webkit-tap-highlight-color:transparent;background:#41588a99;border:1px solid #ffffff4d;border-radius:25px;width:100%;margin-bottom:15px;padding:10px 20px;font-size:.9rem;font-weight:600;transition:all .3s}.search-toggle-btn:hover{background:#41588acc;border-color:#ffffff80;transform:translateY(-2px);box-shadow:0 5px 15px #41588a66}.search-form{background:#0003;border:1px solid #ffffff1a;border-radius:10px;margin:15px 0;padding:15px}.search-input{color:#fff;background:#0000004d;border:1px solid #fff3;border-radius:8px;width:100%;margin-bottom:10px;padding:12px 15px;font-size:.95rem;transition:all .3s}.search-input:focus{background:#0006;border-color:#ffffff80;outline:none;box-shadow:0 0 15px #41588a4d}.search-input::placeholder{color:#fff6}.search-btn{color:#fff;cursor:pointer;text-transform:uppercase;letter-spacing:1px;-webkit-tap-highlight-color:transparent;background:#41588a;border:1px solid #ffffff4d;border-radius:8px;width:100%;padding:10px 25px;font-size:.9rem;font-weight:600;transition:all .3s}.search-btn:hover:not(:disabled){background:#5a71a0;transform:translateY(-2px);box-shadow:0 5px 15px #41588a66}.search-btn:disabled{opacity:.5;cursor:not-allowed}.search-results{background:#0000004d;border:1px solid #ffffff1a;border-radius:8px;max-height:250px;margin-top:15px;padding:10px;overflow-y:auto}.search-result-item{border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding:10px;transition:all .2s;display:flex}.search-result-item:hover{background:#41588a33}.search-result-item:last-child{border-bottom:none}.result-info{align-items:center;gap:12px;display:flex}.result-avatar{color:#fff;text-transform:uppercase;background:linear-gradient(135deg,#41588a,#5a71a0);border:2px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:35px;height:35px;font-size:1rem;font-weight:700;display:flex}.result-name{color:#fff;align-items:center;gap:5px;font-weight:500;display:flex}.result-actions{align-items:center;gap:5px;display:flex}.add-friend-small-btn{color:#4f4;cursor:pointer;text-transform:uppercase;letter-spacing:1px;white-space:nowrap;-webkit-tap-highlight-color:transparent;background:#44ff4426;border:1px solid #4f4;border-radius:20px;padding:6px 15px;font-size:.8rem;font-weight:600;transition:all .3s}.add-friend-small-btn:hover{color:#000;background:#4f4;transform:scale(1.05);box-shadow:0 0 15px #4f46}.no-results{text-align:center;color:#ffffff80;padding:20px;font-style:italic}.blocked-users-link{color:#f88;cursor:pointer;-webkit-tap-highlight-color:transparent;background:#ff444426;border:1px solid #ff44444d;border-radius:25px;margin-left:10px;padding:10px 20px;font-size:.9rem;font-weight:600;transition:all .3s}.blocked-users-link:hover{color:#f44;background:#ff444440;border-color:#f44;transform:translateY(-2px)}.no-friends{text-align:center;color:#ffffffb3;background:#0003;border:1px dashed #ffffff4d;border-radius:8px;padding:3rem}.chat-modal-overlay{z-index:2000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000c;justify-content:center;align-items:center;animation:.3s fadeIn;display:flex;position:fixed;inset:0}.chat-modal{background:#1e2a3a;border:2px solid #fff3;border-radius:20px;flex-direction:column;width:90%;max-width:500px;height:600px;max-height:80vh;animation:.3s slideUp;display:flex;overflow:hidden;box-shadow:0 20px 50px #00000080}.chat-modal-header{background:#41588a;border-bottom:1px solid #fff3;justify-content:space-between;align-items:center;padding:15px 20px;display:flex}.chat-modal-header h3{color:#fff;align-items:center;gap:8px;margin:0;font-size:1.2rem;display:flex}.chat-close-btn{color:#ffffffb3;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;font-size:1.5rem;transition:all .2s}.chat-close-btn:hover{color:#fff;transform:scale(1.1)}.chat-messages-container{background:#0f1a2e;flex-direction:column;flex:1;gap:10px;padding:15px;display:flex;overflow-y:auto}.chat-message-bubble{word-wrap:break-word;border-radius:18px;max-width:80%;padding:10px 14px;position:relative}.chat-message-bubble.sent{color:#fff;background:#41588a;border-bottom-right-radius:4px;align-self:flex-end}.chat-message-bubble.received{color:#fff;background:#41588a4d;border:1px solid #ffffff1a;border-bottom-left-radius:4px;align-self:flex-start}.chat-message-text{word-break:break-word;font-size:.9rem;line-height:1.4}.chat-message-time{opacity:.6;text-align:right;margin-top:4px;font-size:.65rem}.chat-input-container{background:#1e2a3a;border-top:1px solid #ffffff1a;gap:10px;padding:15px;display:flex}.chat-input-container input{color:#fff;background:#0000004d;border:1px solid #fff3;border-radius:25px;outline:none;flex:1;padding:12px;font-size:.9rem;transition:all .3s}.chat-input-container input:focus{border-color:#41588a;box-shadow:0 0 10px #41588a80}.chat-input-container input::placeholder{color:#fff6}.chat-send-btn{color:#fff;cursor:pointer;-webkit-tap-highlight-color:transparent;background:#41588a;border:none;border-radius:25px;padding:8px 20px;font-weight:600;transition:all .2s}.chat-send-btn:hover:not(:disabled){background:#5a71a0;transform:scale(1.02)}.chat-send-btn:disabled{opacity:.5;cursor:not-allowed}.char-count{color:#fff6;text-align:right;margin-top:5px;padding:0 5px;font-size:.7rem}.chat-typing-indicator{color:#fff6;padding:5px 15px;font-size:.7rem;font-style:italic}.no-messages{text-align:center;color:#fff6;padding:40px;font-size:.9rem}@media (width<=480px){.chat-modal{width:95%;height:90vh;max-height:90vh}.chat-message-bubble{max-width:90%}.chat-message-text{font-size:.85rem}.chat-input-container input{padding:10px;font-size:.85rem}.chat-send-btn{padding:6px 15px;font-size:.85rem}}@media (width<=768px){.garage-section{margin-top:1.5rem;padding:.8rem}.garage-section h3{font-size:1rem}}@media (width<=480px){.garage-section{margin-top:1rem;padding:.5rem}}@media (prefers-reduced-motion:reduce){.profile-admin-badge,.admin-action-modal,.admin-action-small-btn,.admin-actions-btn,.stat-item,.friend-card{transition:none;animation:none}}@media (width<=768px){.account-container{padding:1rem}.account-grid{grid-template-columns:1fr}.account-header h1{font-size:2rem}.stats-grid{grid-template-columns:1fr;gap:.8rem}.friends-section{min-width:auto;padding:1rem}.friends-list{min-height:350px;max-height:450px}.friend-card{padding:.8rem}.friend-avatar{width:38px;height:38px;font-size:1rem}.three-dot-menu{min-width:140px;right:5px}.menu-item{padding:8px 12px;font-size:.8rem}.unread-badge{min-width:16px;padding:1px 4px;font-size:.6rem}.request-card{padding:10px}.request-avatar{width:35px;height:35px;font-size:1rem}.accept-btn,.decline-btn,.admin-action-small-btn{width:32px;height:32px;font-size:1rem}.search-result-item{flex-direction:column;align-items:flex-start;gap:10px}.result-actions{justify-content:space-between;width:100%}.add-friend-small-btn{text-align:center;flex:1}.admin-actions-dropdown{order:-1}.admin-dropdown-content{left:0;right:auto}.blocked-users-link{text-align:center;width:100%;margin-top:10px;margin-left:0}.profile-admin-badge{padding:5px 10px;top:5px;right:5px}.profile-admin-badge .admin-badge{font-size:1rem}.profile-admin-badge span{font-size:.8rem}.profile-pic-initials{width:120px;height:120px;font-size:4rem}.admin-action-modal{width:95%;padding:15px}.action-type-selector{flex-direction:column}.action-type-btn{width:100%}.warnings-list{max-height:150px}.account-container:before{background-size:100px 100px}}@media (width<=576px){.friends-list{min-height:320px}.friend-card{padding:.7rem}.friend-avatar{width:35px;height:35px;font-size:.9rem}.friend-name{font-size:.9rem}.three-dot-btn{padding:5px 8px;font-size:1.3rem}}@media (width<=480px){.account-container{padding:.8rem}.account-header h1{letter-spacing:3px;font-size:1.5rem}.header-line{width:100px}.profile-card,.stats-card,.friends-section{padding:1rem}.friends-list{gap:8px;min-height:300px;max-height:400px}.profile-pic-initials{width:100px;height:100px;font-size:3rem}.display-username h2{font-size:1.3rem}.edit-btn{font-size:1rem}.stat-value{font-size:1.5rem}.stat-label{font-size:.7rem}.friend-card{padding:.6rem}.friend-avatar{width:32px;height:32px;font-size:.85rem}.friend-name{font-size:.85rem}.friend-added{font-size:.65rem}.three-dot-btn{padding:5px 8px;font-size:1.2rem}.three-dot-menu{min-width:130px;right:0}.menu-item{padding:8px 12px;font-size:.8rem}.unread-badge{min-width:16px;padding:1px 4px;font-size:.6rem}.report-btn,.block-btn,.remove-friend-btn,.admin-actions-btn{width:25px;height:25px;font-size:.9rem}.admin-dropdown-content{min-width:130px}.admin-action-item{padding:8px 12px;font-size:.8rem}.search-toggle-btn,.blocked-users-link{padding:8px 15px;font-size:.8rem}.search-input{padding:10px;font-size:.85rem}.result-avatar{width:30px;height:30px;font-size:.9rem}.result-name{font-size:.85rem}.add-friend-small-btn{padding:4px 10px;font-size:.7rem}.admin-action-modal .modal-header h2{font-size:1.2rem}.admin-action-modal{padding:12px}.action-type-btn{min-width:100px;padding:8px;font-size:.8rem}.action-input,.action-select{padding:8px;font-size:.85rem}.action-submit-btn{padding:8px;font-size:.9rem}.account-container:before{background-size:80px 80px}}@media (width<=375px){.friends-list{min-height:280px}.friend-card{padding:.5rem}.friend-avatar{width:30px;height:30px;font-size:.8rem}.friend-name{font-size:.8rem}.three-dot-btn{font-size:1.1rem}.three-dot-menu{min-width:120px}.menu-item{padding:6px 10px;font-size:.75rem}.account-container:before{background-size:60px 60px}}.blocked-container{color:#fff;background:#41588a;min-height:100vh;padding:2rem}.blocked-header{text-align:center;max-width:800px;margin:0 auto 2rem;position:relative}.back-btn{color:#fff;cursor:pointer;letter-spacing:1px;-webkit-tap-highlight-color:transparent;background:0 0;border:2px solid #ffffff4d;border-radius:25px;padding:8px 20px;font-weight:600;transition:all .3s;position:absolute;top:50%;left:0;transform:translateY(-50%)}.back-btn:hover{background:#ffffff1a;border-color:#fff;transform:translateY(-50%)scale(1.05)}.blocked-header h1{letter-spacing:4px;text-shadow:0 0 15px #ffffff4d;margin-bottom:.5rem;font-size:2.2rem}.blocked-count{color:#ffffffb3;font-size:1rem}.blocked-list{max-width:800px;margin:0 auto}.no-blocked{text-align:center;background:#0003;border:2px dashed #fff3;border-radius:15px;padding:4rem 2rem}.empty-icon{opacity:.5;margin-bottom:1rem;font-size:4rem}.no-blocked h3{opacity:.8;margin-bottom:.5rem;font-size:1.5rem}.no-blocked p{color:#fff9;margin-bottom:2rem}.goto-account-btn{color:#41588a;cursor:pointer;text-transform:uppercase;letter-spacing:1px;-webkit-tap-highlight-color:transparent;background:#fff;border:none;border-radius:30px;padding:12px 30px;font-weight:700;transition:all .3s}.goto-account-btn:hover{transform:scale(1.05);box-shadow:0 5px 20px #fff6}.goto-account-btn:active{transform:scale(.98)}.blocked-card{background:#0003;border:1px solid #ffffff1a;border-radius:12px;justify-content:space-between;align-items:center;margin-bottom:1rem;padding:1rem;transition:all .3s;display:flex}.blocked-card:hover{background:#0000004d;border-color:#ffffff4d;transform:translate(5px)}.blocked-user-info{align-items:center;gap:1rem;display:flex}.blocked-avatar{color:#fff;text-transform:uppercase;background:linear-gradient(135deg,#f44,#f88);border:2px solid #ffffff4d;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;font-size:1.3rem;font-weight:700;display:flex}.blocked-details{flex-direction:column;gap:4px;display:flex}.blocked-name{color:#fff;font-size:1.1rem;font-weight:600}.blocked-date{color:#ffffff80;font-size:.8rem}.unblock-btn{color:#f44;cursor:pointer;text-transform:uppercase;letter-spacing:1px;-webkit-tap-highlight-color:transparent;background:0 0;border:2px solid #f44;border-radius:25px;padding:8px 20px;font-size:.8rem;font-weight:700;transition:all .3s}.unblock-btn:hover:not(:disabled){color:#fff;background:#f44;transform:scale(1.05);box-shadow:0 5px 15px #f446}.unblock-btn:active:not(:disabled){transform:scale(.98)}.unblock-btn:disabled{opacity:.5;cursor:not-allowed}.blocked-loading{color:#fff;background:#41588a;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;display:flex}@media (prefers-reduced-motion:reduce){.back-btn,.goto-account-btn,.blocked-card,.unblock-btn,.loading-spinner{transition:none;animation:none}.back-btn:hover,.goto-account-btn:hover,.blocked-card:hover,.unblock-btn:hover{transform:none}.loading-spinner{border-top-color:#ffffff4d}}@media (width<=768px){.blocked-container{padding:1rem}.blocked-header{text-align:center;padding-top:50px}.back-btn{top:0;left:50%;transform:translate(-50%)}.back-btn:hover{transform:translate(-50%)scale(1.05)}.blocked-header h1{font-size:1.8rem}.blocked-card{text-align:center;flex-direction:column;gap:1rem}.blocked-user-info{flex-direction:column}.unblock-btn{width:100%}}@media (width<=480px){.blocked-container{padding:.8rem}.blocked-header h1{letter-spacing:2px;font-size:1.5rem}.back-btn{padding:6px 15px;font-size:.8rem}.blocked-avatar{width:40px;height:40px;font-size:1rem}.blocked-name{font-size:.95rem}.blocked-date{font-size:.7rem}.unblock-btn{padding:6px 15px;font-size:.7rem}.no-blocked{padding:2rem 1rem}.empty-icon{font-size:3rem}.no-blocked h3{font-size:1.2rem}.goto-account-btn{padding:8px 20px;font-size:.8rem}}.messages-container{background:#41588a;height:100vh;min-height:100vh;display:flex;overflow:hidden}.conversations-sidebar{background:#0003;border-right:1px solid #ffffff1a;flex-direction:column;width:350px;display:flex;overflow:hidden}.sidebar-header{border-bottom:1px solid #ffffff1a;padding:20px}.sidebar-header h2{color:#fff;letter-spacing:2px;margin-bottom:5px;font-size:1.5rem}.conversation-count{color:#fff9;font-size:.9rem}.conversations-list{flex:1;padding:10px;overflow-y:auto}.conversation-item{cursor:pointer;-webkit-tap-highlight-color:transparent;background:#ffffff0d;border-radius:10px;align-items:center;gap:12px;margin-bottom:5px;padding:12px;transition:all .2s;display:flex;position:relative}.conversation-item:hover{background:#ffffff1a;transform:translate(3px)}.conversation-item.active{background:#41588a99;border-left:4px solid #fff}.conversation-item.admin-conversation{background:#ffd7000d;border-left:3px solid gold}.conversation-item.admin-conversation:hover{background:#ffd7001a}.conversation-item.admin-conversation.active{background:#ffd70026;border-left:4px solid gold}.conversation-item.admin-conversation .conv-name{color:#ff6b6b;align-items:center;gap:4px;display:flex}.conv-avatar{color:#fff;text-transform:uppercase;background:linear-gradient(135deg,#41588a,#5a71a0);border:2px solid #fff3;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:45px;height:45px;font-size:1.2rem;font-weight:700;display:flex;position:relative}.avatar-admin-indicator{z-index:2;background:#000000b3;border:2px solid gold;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;animation:2s ease-in-out infinite indicatorPulse;display:flex;position:absolute;top:-5px;right:-5px}.avatar-admin-indicator .admin-badge{margin:0;font-size:12px;animation:none}@keyframes indicatorPulse{0%,to{transform:scale(1);box-shadow:0 0 5px gold}50%{transform:scale(1.1);box-shadow:0 0 12px gold}}.conv-info{flex:1;min-width:0}.conv-header{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.conv-name{color:#fff;white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:4px;font-size:1rem;font-weight:600;display:flex;overflow:hidden}.conv-name .admin-badge{margin-left:2px;font-size:.9rem}.conv-time{color:#ffffff80;white-space:nowrap;margin-left:8px;font-size:.75rem}.conv-preview{justify-content:space-between;align-items:center;gap:8px;display:flex}.preview-text{color:#ffffffb3;white-space:nowrap;text-overflow:ellipsis;font-size:.85rem;overflow:hidden}.preview-text.unread{color:#fff;font-weight:600}.conv-actions{align-items:center;gap:5px;display:flex}.unread-badge{color:#fff;text-align:center;background:#06f;border-radius:12px;min-width:18px;padding:2px 6px;font-size:.7rem;font-weight:700}.admin-action-small-btn{cursor:pointer;color:gold;-webkit-tap-highlight-color:transparent;background:#ffd70026;border:1px solid gold;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:1rem;font-weight:700;transition:all .2s;display:flex;box-shadow:0 2px 5px #ffd7004d}.admin-action-small-btn:hover{color:#1e2a3a;background:gold;transform:scale(1.1);box-shadow:0 0 10px gold}.admin-action-small-btn:active{transform:scale(.95)}.chat-area{background:#0000001a;flex-direction:column;flex:1;display:flex;overflow:hidden}.chat-area.empty{justify-content:center;align-items:center;display:flex}.no-conversation-selected{text-align:center;color:#fff;padding:20px}.empty-state-icon{opacity:.5;margin-bottom:20px;font-size:4rem}.no-conversation-selected h3{opacity:.8;margin-bottom:10px;font-size:1.5rem}.no-conversation-selected p{opacity:.5}.chat-header{background:#0003;border-bottom:1px solid #ffffff1a;align-items:center;gap:15px;padding:15px 20px;display:flex;position:relative}.back-btn{color:#fff;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:1px solid #ffffff4d;border-radius:50%;width:35px;height:35px;font-size:1.2rem;transition:all .2s;display:none}.back-btn:hover{background:#ffffff1a;transform:scale(1.05)}.back-btn:active{transform:scale(.95)}.chat-user-info{flex:1;align-items:center;gap:12px;display:flex}.chat-user-avatar{color:#fff;text-transform:uppercase;background:linear-gradient(135deg,#41588a,#5a71a0);border:2px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.1rem;font-weight:700;display:flex;position:relative}.chat-user-avatar:has(.avatar-admin-indicator){border-color:gold}.chat-user-details{flex-direction:column;display:flex}.chat-user-name{color:#fff;align-items:center;gap:4px;margin-bottom:2px;font-size:1.1rem;font-weight:600;display:flex}.chat-user-name:has(.admin-badge){color:#ff6b6b}.banned-indicator-small{color:#f44;background:#f443;border:1px solid #f44;border-radius:12px;width:fit-content;margin-top:2px;padding:2px 8px;font-size:.65rem;font-weight:600;display:inline-block}.admin-actions-dropdown{margin-left:auto;display:inline-block;position:relative}.admin-actions-btn{cursor:pointer;color:gold;-webkit-tap-highlight-color:transparent;background:#ffd70026;border:1px solid gold;border-radius:50%;justify-content:center;align-items:center;width:35px;height:35px;font-size:1.2rem;transition:all .2s;display:flex}.admin-actions-btn:hover{color:#1e2a3a;background:gold;transform:scale(1.1);box-shadow:0 0 15px gold}.admin-actions-btn:active{transform:scale(.95)}.admin-dropdown-content{z-index:100;background:#1e2a3a;border:1px solid gold;border-radius:8px;min-width:150px;margin-top:5px;position:absolute;top:100%;right:0;overflow:hidden;box-shadow:0 5px 20px #0000004d}.admin-action-item{color:#fff;text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;border-bottom:1px solid #ffffff1a;width:100%;padding:10px 15px;font-size:.9rem;transition:all .2s;display:block}.admin-action-item:last-child{border-bottom:none}.admin-action-item.warn:hover{color:#fa0;background:#fa03}.admin-action-item.ban:hover{color:#f44;background:#f443}.admin-action-item.view-warnings:hover{color:#fff;background:#41588a4d}.messages-list{flex-direction:column;flex:1;gap:10px;padding:20px;display:flex;overflow-y:auto}.no-messages{text-align:center;color:#ffffff80;padding:40px}.no-messages p{margin-bottom:5px;font-size:1.1rem}.message-item{margin-bottom:5px;display:flex}.message-item.own{justify-content:flex-end}.message-item.other{justify-content:flex-start}.message-item.other.admin-message .message-bubble{background:#ffd7001a;border-left:3px solid gold;position:relative}.message-item.other.admin-message .message-bubble:before{content:"👑";opacity:.7;filter:drop-shadow(0 0 3px gold);font-size:12px;position:absolute;top:-8px;left:10px}.message-bubble{word-wrap:break-word;border-radius:18px;max-width:70%;padding:10px 15px;position:relative}.message-item.own .message-bubble{color:#fff;background:#06f;border-bottom-right-radius:4px}.message-item.other .message-bubble{color:#fff;background:#ffffff26;border-bottom-left-radius:4px}.message-admin-indicator{vertical-align:middle;margin-right:5px;display:inline-block}.message-admin-indicator .admin-badge{margin:0;font-size:12px}.message-text{margin-bottom:5px;font-size:.95rem;line-height:1.4;display:inline}.message-time{opacity:.7;text-align:right;font-size:.7rem;display:block}.message-status{margin-left:3px;font-size:.8rem}.message-input-form{background:#0003;border-top:1px solid #ffffff1a;gap:10px;padding:20px;display:flex}.message-input{color:#fff;-webkit-tap-highlight-color:transparent;background:#0000004d;border:1px solid #fff3;border-radius:25px;outline:none;flex:1;padding:12px 20px;font-size:1rem;transition:all .3s}.message-input:focus{border-color:#fff;box-shadow:0 0 15px #41588a80}.message-input:disabled{opacity:.5;cursor:not-allowed}.send-btn{color:#41588a;cursor:pointer;text-transform:uppercase;letter-spacing:1px;-webkit-tap-highlight-color:transparent;background:#fff;border:none;border-radius:25px;padding:0 25px;font-size:.9rem;font-weight:700;transition:all .3s}.send-btn:hover:not(:disabled){transform:scale(1.05);box-shadow:0 0 15px #ffffff80}.send-btn:active:not(:disabled){transform:scale(.98)}.send-btn:disabled{opacity:.3;cursor:not-allowed}.admin-action-modal{background:#1e2a3a;border:2px solid gold;border-radius:15px;width:90%;max-width:500px;max-height:80vh;padding:25px;animation:.3s modalSlideIn;position:relative;overflow-y:auto;box-shadow:0 0 50px #ffd7004d}.admin-action-modal .modal-header{border-bottom:1px solid #ffd7004d;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;display:flex}.admin-action-modal .modal-header h2{color:#fff;flex-wrap:wrap;align-items:center;gap:10px;font-size:1.5rem;display:flex}.admin-action-modal .close-btn{color:#ffffff80;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;font-size:1.5rem;transition:all .2s}.admin-action-modal .close-btn:hover{color:#fff;transform:scale(1.1)}.admin-action-modal .close-btn:active{transform:scale(.95)}.banned-badge{color:#f44;background:#f443;border:1px solid #f44;border-radius:12px;margin-left:10px;padding:3px 8px;font-size:.9rem}.warnings-history{background:#0003;border-radius:10px;margin-bottom:20px;padding:15px}.warnings-history h3{color:#fff;opacity:.9;margin-bottom:10px;font-size:1rem}.warnings-list{flex-direction:column;gap:8px;max-height:200px;display:flex;overflow-y:auto}.warning-item{background:#ff44441a;border-left:3px solid #f44;border-radius:5px;padding:10px;position:relative}.warning-reason{color:#fff;margin-bottom:5px;padding-right:60px;font-size:.9rem}.warning-status{text-transform:uppercase;border-radius:10px;padding:2px 6px;font-size:.6rem;font-weight:700;position:absolute;top:10px;right:10px}.action-type-selector{flex-wrap:wrap;gap:10px;margin-bottom:20px;display:flex}.action-type-btn{cursor:pointer;color:#fff;-webkit-tap-highlight-color:transparent;background:#ffffff1a;border:1px solid #fff3;border-radius:8px;flex:1;min-width:120px;padding:12px;font-weight:600;transition:all .3s}.action-type-btn.active.warn{color:#000;background:#fa0;border-color:#fa0;box-shadow:0 0 15px #ffaa0080}.action-type-btn.active.ban{color:#fff;background:#f44;border-color:#f44;box-shadow:0 0 15px #ff444480}.action-type-btn.unban{color:#4f4;background:#44ff4426;border-color:#4f4}.action-type-btn.unban:hover{color:#000;background:#4f4}.action-form{flex-direction:column;gap:15px;display:flex}.action-form label{color:#fffc;margin-bottom:-10px;font-size:.9rem}.action-input{color:#fff;resize:vertical;background:#0000004d;border:1px solid #fff3;border-radius:8px;width:100%;padding:12px;font-size:.95rem}.action-input:focus{border-color:gold;outline:none;box-shadow:0 0 15px #ffd7004d}.action-select{color:#fff;cursor:pointer;background:#0000004d;border:1px solid #fff3;border-radius:8px;width:100%;padding:12px;font-size:.95rem}.action-select option{color:#fff;background:#1e2a3a}.action-submit-btn{cursor:pointer;-webkit-tap-highlight-color:transparent;border:none;border-radius:8px;margin-top:10px;padding:12px;font-size:1rem;font-weight:600;transition:all .3s}.action-submit-btn.warn{color:#000;background:#fa0}.action-submit-btn.warn:hover:not(:disabled){background:#fb3;transform:translateY(-2px);box-shadow:0 5px 15px #fa06}.action-submit-btn.ban{color:#fff;background:#f44}.action-submit-btn.ban:hover:not(:disabled){background:#f66;transform:translateY(-2px);box-shadow:0 5px 15px #f446}.action-submit-btn:active:not(:disabled){transform:translateY(0)}.action-submit-btn:disabled{opacity:.5;cursor:not-allowed}.messages-loading{color:#fff;background:#41588a;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;display:flex}.conversations-list::-webkit-scrollbar{width:6px}.messages-list::-webkit-scrollbar{width:6px}.warnings-list::-webkit-scrollbar{width:6px}.conversations-list::-webkit-scrollbar-track{background:#ffffff0d}.messages-list::-webkit-scrollbar-track{background:#ffffff0d}.warnings-list::-webkit-scrollbar-track{background:#ffffff0d}.conversations-list::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.messages-list::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.warnings-list::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.conversations-list::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.messages-list::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.warnings-list::-webkit-scrollbar-thumb:hover{background:#ffffff4d}@media (prefers-reduced-motion:reduce){.avatar-admin-indicator,.admin-action-small-btn,.admin-actions-btn,.admin-action-modal,.loading-spinner{animation:none}.conversation-item:hover,.admin-action-small-btn:hover,.admin-actions-btn:hover{transform:none}}@media (width<=768px){.conversations-sidebar{z-index:10;background:#41588a;width:100%;transition:transform .3s;position:absolute;top:0;bottom:0;left:0}.conversations-sidebar.hidden-mobile{transform:translate(-100%)}.chat-area{width:100%}.back-btn{justify-content:center;align-items:center;display:flex}.message-bubble{max-width:85%}.send-btn{padding:0 15px;font-size:.8rem}.avatar-admin-indicator{width:18px;height:18px}.avatar-admin-indicator .admin-badge{font-size:10px}.conv-name{font-size:.9rem}.chat-user-name{font-size:1rem}.admin-actions-btn{width:30px;height:30px;font-size:1rem}.admin-dropdown-content{right:-10px}.action-type-selector{flex-direction:column}.action-type-btn{width:100%}.admin-action-modal{width:95%;padding:15px}.warnings-list{max-height:150px}.conv-actions{gap:3px}.admin-action-small-btn{width:24px;height:24px;font-size:.9rem}}@media (width<=480px){.sidebar-header h2{font-size:1.2rem}.conversation-count{font-size:.8rem}.conv-avatar{width:35px;height:35px;font-size:1rem}.conv-name{font-size:.85rem}.preview-text{font-size:.75rem}.unread-badge{min-width:14px;padding:1px 4px;font-size:.6rem}.admin-action-small-btn{width:22px;height:22px;font-size:.8rem}.chat-header{padding:10px 15px}.chat-user-avatar{width:35px;height:35px;font-size:1rem}.chat-user-name{font-size:.9rem}.message-text{font-size:.85rem}.message-time{font-size:.6rem}.message-input-form{padding:12px}.message-input{padding:10px 15px;font-size:.9rem}.send-btn{padding:0 12px;font-size:.75rem}.no-conversation-selected h3{font-size:1.2rem}.empty-state-icon{font-size:3rem}}.admin-dashboard{color:#fff;background:linear-gradient(135deg,#1e2a3a 0%,#41588a 100%);min-height:100vh;padding:20px}.admin-loading{color:#fff;background:linear-gradient(135deg,#1e2a3a 0%,#41588a 100%);flex-direction:column;justify-content:center;align-items:center;min-height:100vh;display:flex}.admin-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#41588a4d;border:1px solid #ffffff1a;border-radius:15px;justify-content:space-between;align-items:center;margin-bottom:30px;padding:20px;display:flex}.header-left h1{color:#fff;margin-bottom:5px;font-size:2rem}.header-left p{color:#ffffffb3;font-size:.95rem}.logout-btn{color:#f44;cursor:pointer;-webkit-tap-highlight-color:transparent;background:#f443;border:2px solid #f44;border-radius:8px;padding:10px 25px;font-size:1rem;font-weight:600;transition:all .3s}.logout-btn:hover{color:#fff;background:#f44;transform:translateY(-2px);box-shadow:0 5px 15px #ff44444d}.logout-btn:active{transform:translateY(0)}.admin-tabs{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#1e2a3a80;border-radius:12px;gap:10px;margin-bottom:30px;padding:5px;display:flex}.tab-btn{color:#fff9;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;border-radius:8px;flex:1;padding:12px;font-size:1rem;font-weight:600;transition:all .3s}.tab-btn:hover{color:#fff;background:#41588a4d}.tab-btn.active{color:#fff;background:#41588a;box-shadow:0 4px 10px #41588a80}.tab-content{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1e2a3a80;border:1px solid #ffffff1a;border-radius:15px;padding:30px}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:40px;display:grid}.stat-card{background:#41588a33;border:1px solid #ffffff1a;border-radius:15px;align-items:center;gap:20px;padding:25px;transition:all .3s;display:flex}.stat-card:hover{border-color:#ffffff4d;transform:translateY(-5px);box-shadow:0 10px 30px #0000004d}.stat-card.warning{border-left:4px solid #fa0}.stat-card.success{border-left:4px solid #4f4}.stat-card.danger{border-left:4px solid #f44}.recent-activity-grid{grid-template-columns:1fr 1fr;gap:30px;margin-bottom:40px;display:grid}.recent-section{background:#41588a33;border:1px solid #ffffff1a;border-radius:15px;padding:20px}.section-header{border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:10px;display:flex}.section-header h2{color:#fff;font-size:1.25rem}.view-all-btn{color:#41588a;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:1px solid #41588a;border-radius:5px;padding:5px 15px;font-size:.9rem;transition:all .3s}.view-all-btn:hover{color:#fff;background:#41588a}.recent-list{flex-direction:column;gap:10px;display:flex}.recent-item{background:#ffffff0d;border-radius:8px;align-items:center;gap:15px;padding:12px;transition:all .3s;display:flex}.recent-item:hover{background:#41588a4d}.item-icon{background:#ffffff1a;border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.5rem;display:flex}.item-details{flex:1}.item-title{color:#fff;margin-bottom:3px;font-weight:600}.item-subtitle{color:#ffffff80;font-size:.85rem}.status-badge.pending{color:#fa0;background:#fa03;border:1px solid #fa0}.status-badge.resolved{color:#4f4;background:#4f43;border:1px solid #4f4}.status-badge.dismissed{color:#f44;background:#f443;border:1px solid #f44}.duration-badge.permanent{color:#f44;background:#f443;border:1px solid #f44}.duration-badge.temp{color:#fa0;background:#fa03;border:1px solid #fa0}.quick-actions{margin-top:30px}.quick-actions h2{color:#fff;margin-bottom:20px;font-size:1.25rem}.action-buttons{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;display:grid}.action-btn{color:#fff;cursor:pointer;-webkit-tap-highlight-color:transparent;background:#41588a4d;border:2px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:10px;padding:15px;font-size:1rem;font-weight:600;transition:all .3s;display:flex}.action-btn:hover{background:#41588a;border-color:#fff3;transform:translateY(-3px);box-shadow:0 10px 20px #0000004d}.action-btn:active{transform:translateY(0)}.action-btn span{font-size:1.25rem}.reports-tab,.users-tab,.bans-tab{color:#ffffff80;flex-direction:column;justify-content:center;align-items:center;min-height:400px;display:flex}.reports-tab h2,.users-tab h2,.bans-tab h2{color:#fff;margin-bottom:10px}@media (prefers-reduced-motion:reduce){.loading-spinner,.stat-card,.logout-btn,.tab-btn,.view-all-btn,.action-btn{transition:none;animation:none}.loading-spinner{border-top-color:#ffffff4d}.logout-btn:hover,.action-btn:hover{transform:none}}@media (width<=768px){.admin-header{text-align:center;flex-direction:column;gap:15px}.stats-grid,.recent-activity-grid,.action-buttons{grid-template-columns:1fr}.admin-tabs{flex-wrap:wrap}.tab-btn{flex:calc(50% - 10px)}}@media (width<=480px){.admin-dashboard{padding:10px}.tab-content{padding:15px}.tab-btn{flex:100%;padding:10px;font-size:.9rem}.stat-card{text-align:center;flex-direction:column}.recent-item{flex-wrap:wrap}.action-btn{padding:12px;font-size:.9rem}.admin-header h1{font-size:1.5rem}}.admin-reports{color:#fff;background:linear-gradient(135deg,#1e2a3a 0%,#41588a 100%);min-height:100vh;padding:20px}.reports-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#41588a4d;border:1px solid #ffffff1a;border-radius:15px;justify-content:space-between;align-items:center;margin-bottom:30px;padding:20px;display:flex}.reports-header h1{color:#fff;margin-bottom:5px;font-size:2rem}.reports-header p{color:#ffffffb3;font-size:.95rem}.filter-controls{flex:1;gap:10px;display:flex}.filter-controls select{color:#fff;cursor:pointer;background:#ffffff1a;border:2px solid #fff3;border-radius:8px;flex:1;padding:12px;font-size:.95rem;transition:all .3s}.reports-table-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1e2a3a80;border:1px solid #ffffff1a;border-radius:15px;padding:20px;overflow-x:auto}.reports-table{border-collapse:collapse;width:100%}.reports-table th{text-align:left;color:#fff;background:#41588a4d;border-bottom:2px solid #ffffff1a;padding:15px;font-size:.95rem;font-weight:600}.reports-table td{color:#ffffffe6;border-bottom:1px solid #ffffff1a;padding:15px}.reports-table tbody tr:hover{background:#41588a33}.reports-table tbody tr.pending{border-left:3px solid #fa0}.reports-table tbody tr.resolved{border-left:3px solid #4f4}.reports-table tbody tr.dismissed{border-left:3px solid #f44}.type-cell{align-items:center;gap:8px;display:flex}.type-icon{background:#41588a4d;border-radius:6px;justify-content:center;align-items:center;width:30px;height:30px;font-size:1.2rem;display:flex}.status-badge{text-transform:capitalize;border-radius:12px;padding:4px 10px;font-size:.8rem;font-weight:600}.badge-pending{color:#fa0;background:#fa03;border:1px solid #fa0}.badge-resolved{color:#4f4;background:#4f43;border:1px solid #4f4}.badge-dismissed{color:#f44;background:#f443;border:1px solid #f44}.view-btn{color:#fff;cursor:pointer;-webkit-tap-highlight-color:transparent;background:#41588a80;border:1px solid #fff3;border-radius:5px;padding:6px 15px;transition:all .3s}.view-btn:hover:not(:disabled){background:#41588a;border-color:#ffffff80}.view-btn:active:not(:disabled){transform:scale(.98)}.view-btn:disabled{opacity:.5;cursor:not-allowed}.no-results{text-align:center;color:#ffffff80;font-style:italic;padding:40px!important}.modal-overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:1000;background:#000c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{background:#1e2a3a;border:1px solid #fff3;border-radius:15px;width:90%;max-width:800px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 40px #0006}.report-modal{max-width:900px}.action-modal{max-width:500px}.modal-header{background:#41588a4d;border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding:20px;display:flex}.modal-header h2{color:#fff;font-size:1.5rem}.close-btn{color:#ffffff80;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;font-size:1.5rem;transition:all .3s}.modal-body{padding:20px}.modal-footer{border-top:1px solid #ffffff1a;justify-content:flex-end;gap:10px;padding:20px;display:flex}.report-details-grid{background:#41588a33;border-radius:10px;grid-template-columns:repeat(2,1fr);gap:15px;margin-bottom:30px;padding:15px;display:grid}.detail-item{flex-direction:column;gap:5px;display:flex}.detail-item label{color:#fff9;font-size:.9rem}.detail-item span{color:#fff;font-size:1.1rem;font-weight:500}.report-type{text-transform:capitalize}.report-users-section{grid-template-columns:1fr 1fr;gap:20px;margin-bottom:30px;display:grid}.user-card{background:#41588a33;border:1px solid #ffffff1a;border-radius:10px;padding:20px}.user-card h3{color:#fff;border-bottom:1px solid #ffffff1a;margin-bottom:15px;padding-bottom:10px}.user-card p{color:#fffc;margin:8px 0}.user-card p strong{color:#fff}.view-warnings-btn{color:#fa0;cursor:pointer;-webkit-tap-highlight-color:transparent;background:#fa03;border:1px solid #fa0;border-radius:5px;margin-top:15px;padding:8px 15px;transition:all .3s}.view-warnings-btn:hover{color:#1e2a3a;background:#fa0}.view-warnings-btn:active{transform:scale(.98)}.warnings-list{border-top:1px solid #ffffff1a;margin-top:20px;padding-top:20px}.warnings-list h4{color:#fff;margin-bottom:10px}.warning-item p{margin:3px 0;font-size:.9rem}.no-warnings{color:#ffffff80;text-align:center;padding:10px;font-style:italic}.report-details,.report-evidence,.admin-note{margin-bottom:30px}.report-details h3,.report-evidence h3,.admin-note h3{color:#fff;margin-bottom:10px}.details-box,.evidence-box,.note-box{background:#0003;border:1px solid #ffffff1a;border-radius:8px;padding:15px}.details-box p,.evidence-box p,.note-box p{color:#ffffffe6;line-height:1.6}.note-meta{color:#ffffff80;text-align:right;margin-top:10px;font-size:.85rem}.action-buttons{gap:10px;width:100%;display:flex}.dismiss-btn,.warning-btn,.ban-btn{cursor:pointer;-webkit-tap-highlight-color:transparent;border:none;border-radius:8px;flex:1;padding:12px;font-weight:600;transition:all .3s}.dismiss-btn{color:#f44;background:#f443;border:1px solid #f44}.dismiss-btn:hover{color:#fff;background:#f44}.dismiss-btn:active{transform:scale(.98)}.warning-btn{color:#fa0;background:#fa03;border:1px solid #fa0}.warning-btn:hover{color:#1e2a3a;background:#fa0}.warning-btn:active{transform:scale(.98)}.ban-dropdown{flex:1;position:relative}.ban-btn{color:#f44;cursor:pointer;-webkit-tap-highlight-color:transparent;background:#ff44444d;border:2px solid #f44;border-radius:8px;width:100%;padding:12px;font-weight:600;transition:all .3s}.ban-btn:hover{color:#fff;background:#f44}.ban-btn:active{transform:scale(.98)}.ban-options{z-index:10;background:#1e2a3a;border:1px solid #fff3;border-radius:8px;margin-top:5px;display:none;position:absolute;top:100%;left:0;right:0}.ban-options button{color:#fff;cursor:pointer;text-align:left;-webkit-tap-highlight-color:transparent;background:0 0;border:none;width:100%;padding:10px 10px 10px 15px;transition:all .3s}.ban-options button:hover{background:#ff44444d}.ban-options button:active{background:#ff444480}.ban-options button:first-child{border-radius:8px 8px 0 0}.ban-options button:last-child{border-radius:0 0 8px 8px}.action-modal textarea{color:#fff;resize:vertical;background:#ffffff1a;border:2px solid #fff3;border-radius:8px;width:100%;margin-top:10px;padding:12px;font-size:1rem}.action-modal textarea:focus{background:#41588a33;border-color:#41588a;outline:none}.cancel-btn,.confirm-btn{cursor:pointer;-webkit-tap-highlight-color:transparent;border:none;border-radius:8px;padding:10px 25px;font-weight:600;transition:all .3s}.cancel-btn{color:#fff;background:#ffffff1a}.cancel-btn:hover{background:#fff3}.cancel-btn:active{transform:scale(.98)}.confirm-btn{color:#fff;background:#f44}@media (prefers-reduced-motion:reduce){.refresh-btn,.view-btn,.close-btn,.view-warnings-btn,.dismiss-btn,.warning-btn,.ban-btn,.confirm-btn,.cancel-btn{transition:none;animation:none}.refresh-btn:hover,.view-btn:hover,.confirm-btn:hover{transform:none}}@media (width<=768px){.filters-section,.filter-controls{flex-direction:column}.report-users-section,.report-details-grid{grid-template-columns:1fr}.action-buttons{flex-direction:column}.ban-dropdown{width:100%}}@media (width<=480px){.admin-reports{padding:10px}.reports-header{text-align:center;flex-direction:column;gap:15px}.reports-header h1{font-size:1.5rem}.reports-table th,.reports-table td{padding:8px;font-size:.8rem}.type-icon{width:25px;height:25px;font-size:1rem}.modal-header h2{font-size:1.2rem}.modal-body,.user-card{padding:15px}.detail-item span{font-size:.9rem}.action-buttons{gap:8px}.dismiss-btn,.warning-btn,.ban-btn{padding:10px;font-size:.85rem}}.admin-users{color:#fff;background:linear-gradient(135deg,#1e2a3a 0%,#41588a 100%);min-height:100vh;padding:20px}.users-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#41588a4d;border:1px solid #ffffff1a;border-radius:15px;justify-content:space-between;align-items:center;margin-bottom:30px;padding:20px;display:flex}.users-header h1{color:#fff;margin-bottom:5px;font-size:2rem}.users-header p{color:#ffffffb3;font-size:.95rem}.users-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;margin-bottom:30px;display:grid}.user-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1e2a3a80;border:1px solid #ffffff1a;border-radius:15px;transition:all .3s;overflow:hidden}.user-card:hover{border-color:#ffffff4d;transform:translateY(-5px);box-shadow:0 10px 30px #0000004d}.user-card.banned{background:#ff44441a;border-left:4px solid #f44}.user-card-header{background:#41588a4d;border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding:20px;display:flex}.user-avatar{color:#fff;background:#41588a;border:2px solid #ffffff4d;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;font-size:1.5rem;font-weight:700;display:flex}.user-status{color:#ffffffb3;align-items:center;gap:5px;font-size:.9rem;display:flex}.status-dot{border-radius:50%;width:10px;height:10px;display:inline-block}.status-dot.online{background:#4f4;box-shadow:0 0 10px #4f4}.status-dot.offline{background:#888}.user-card-body{padding:20px}.user-card-body h3{color:#fff;margin-bottom:5px;font-size:1.1rem}.user-email{color:#fff9;word-break:break-all;margin-bottom:15px;font-size:.9rem}.user-stats{gap:20px;margin-bottom:15px;display:flex}.stat{text-align:center;flex:1}.stat-label{color:#fff9;margin-bottom:3px;font-size:.8rem;display:block}.stat-value{color:#fff;font-size:1.2rem;font-weight:700;display:block}.progress-bar{background:#ffffff1a;border-radius:3px;height:6px;margin-bottom:15px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,#4f4,#41588a);height:100%;transition:width .3s}.banned-badge{color:#f44;background:#f443;border:1px solid #f44;border-radius:12px;padding:4px 10px;font-size:.8rem;font-weight:600;display:inline-block}.user-card-footer{border-top:1px solid #ffffff1a;padding:15px 20px}.view-user-btn{color:#fff;cursor:pointer;-webkit-tap-highlight-color:transparent;background:#41588a80;border:2px solid #fff3;border-radius:8px;width:100%;padding:10px;font-weight:600;transition:all .3s}.view-user-btn:hover{background:#41588a;border-color:#ffffff80}.view-user-btn:active{transform:scale(.98)}.user-modal{max-width:900px;max-height:90vh;overflow-y:auto}.user-profile-header{background:#41588a4d;border-radius:12px;align-items:center;gap:30px;margin-bottom:30px;padding:20px;display:flex}.profile-avatar.large{border-width:3px;width:80px;height:80px;font-size:2.5rem}.profile-info{flex:1}.profile-info h2{color:#fff;margin-bottom:5px}.profile-info .user-id{color:#ffffff80;margin-top:5px;font-size:.85rem}.profile-status{flex-direction:column;gap:10px;display:flex}.status-badge{text-align:center;border-radius:20px;padding:6px 12px;font-size:.9rem;font-weight:600}.status-badge.online{color:#4f4;background:#4f43;border:1px solid #4f4}.status-badge.offline{color:#888;background:#8883;border:1px solid #888}.status-badge.banned{color:#f44;background:#f443;border:1px solid #f44}.user-stats-grid{grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:30px;display:grid}.stat-card{background:#41588a33;border:1px solid #ffffff1a;border-radius:10px;align-items:center;gap:15px;padding:15px;display:flex}.stat-icon{font-size:2rem}.stat-info h4{color:#fff9;margin-bottom:5px;font-size:.9rem}.stat-info .stat-value{font-size:1.3rem}.user-tabs{background:#1e2a3a80;border-radius:8px;gap:10px;margin-bottom:20px;padding:5px;display:flex}.user-tabs .tab-btn{color:#fff9;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;border-radius:5px;flex:1;padding:10px;transition:all .3s}.user-tabs .tab-btn:hover{color:#fff;background:#41588a4d}.user-tabs .tab-btn.active{color:#fff;background:#41588a}.overview-tab h3{color:#fff;margin-bottom:15px}.info-grid{grid-template-columns:repeat(2,1fr);gap:15px;margin-bottom:20px;display:grid}.info-item{background:#ffffff0d;border-radius:8px;flex-direction:column;gap:5px;padding:10px;display:flex}.info-item label{color:#fff9;font-size:.85rem}.info-item span{color:#fff;font-size:.95rem}.ban-info{background:#ff44441a;border-left:4px solid #f44;border-radius:10px;margin-top:20px;padding:20px}.ban-info h3{color:#f44;margin-bottom:15px}.ban-details{flex-direction:column;gap:10px;display:flex}.ban-details p{color:#ffffffe6}.warnings-tab h3{color:#fff;margin-bottom:20px}.warning-item{background:#ff44441a;border-left:3px solid #f44;border-radius:0 8px 8px 0;margin-bottom:10px;padding:15px}.notes-tab h3{color:#fff;margin-bottom:20px}.add-note-form{margin-bottom:20px}.add-note-form textarea{color:#fff;resize:vertical;background:#ffffff1a;border:2px solid #fff3;border-radius:8px;width:100%;margin-bottom:10px;padding:12px;font-size:.95rem}.add-note-form textarea:focus{background:#41588a33;border-color:#41588a;outline:none}.add-note-btn{color:#fff;cursor:pointer;-webkit-tap-highlight-color:transparent;background:#41588a80;border:2px solid #fff3;border-radius:8px;padding:10px 20px;font-weight:600;transition:all .3s}.add-note-btn:hover:not(:disabled){background:#41588a;border-color:#ffffff80}.add-note-btn:active:not(:disabled){transform:scale(.98)}.add-note-btn:disabled{opacity:.5;cursor:not-allowed}.notes-list{flex-direction:column;gap:15px;display:flex}.note-item{background:#41588a33;border:1px solid #ffffff1a;border-radius:8px;padding:15px}.note-content{color:#fff;margin-bottom:10px;line-height:1.5}.note-meta{color:#ffffff80;text-align:right;font-size:.8rem}.no-items{text-align:center;color:#ffffff80;padding:30px;font-style:italic}.unban-btn{color:#4f4;cursor:pointer;-webkit-tap-highlight-color:transparent;background:#4f43;border:2px solid #4f4;border-radius:8px;padding:12px 25px;font-weight:600;transition:all .3s}.unban-btn:hover{color:#1e2a3a;background:#4f4}.unban-btn:active{transform:scale(.98)}.ban-dropdown{position:relative}.ban-dropdown .ban-options{display:none}.ban-dropdown:hover .ban-options,.ban-dropdown:focus-within .ban-options{display:block}@media (prefers-reduced-motion:reduce){.refresh-btn,.user-card,.view-user-btn,.add-note-btn,.unban-btn,.tab-btn{transition:none;animation:none}.refresh-btn:hover,.user-card:hover,.view-user-btn:hover,.add-note-btn:hover,.unban-btn:hover{transform:none}}@media (width<=768px){.filters-section{flex-direction:column}.users-grid{grid-template-columns:1fr}.user-profile-header{text-align:center;flex-direction:column}.profile-status{flex-direction:row}.user-stats-grid{grid-template-columns:repeat(2,1fr)}.info-grid{grid-template-columns:1fr}}@media (width<=480px){.admin-users{padding:10px}.users-header{text-align:center;flex-direction:column;gap:15px}.users-header h1{font-size:1.5rem}.user-stats-grid{grid-template-columns:1fr}.user-tabs,.modal-footer{flex-direction:column}.ban-dropdown,.ban-dropdown .ban-btn{width:100%}.profile-avatar.large{width:60px;height:60px;font-size:2rem}.profile-info h2{font-size:1.2rem}.stat-card{padding:10px}.stat-icon{font-size:1.5rem}.stat-info .stat-value{font-size:1.1rem}}.admin-bans{color:#fff;background:linear-gradient(135deg,#1e2a3a 0%,#41588a 100%);min-height:100vh;padding:20px}.bans-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#41588a4d;border:1px solid #ffffff1a;border-radius:15px;justify-content:space-between;align-items:center;margin-bottom:30px;padding:20px;display:flex}.bans-header h1{color:#fff;margin-bottom:5px;font-size:2rem}.bans-header p{color:#ffffffb3;font-size:.95rem}.refresh-btn{color:#fff;cursor:pointer;-webkit-tap-highlight-color:transparent;background:#41588a80;border:2px solid #fff3;border-radius:8px;padding:10px 25px;font-size:1rem;font-weight:600;transition:all .3s}.refresh-btn:hover{background:#41588a;border-color:#ffffff80;transform:translateY(-2px)}.filters-section{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#1e2a3a80;border:1px solid #ffffff1a;border-radius:12px;gap:20px;margin-bottom:30px;padding:20px;display:flex}.search-box{flex:3}.search-box input{color:#fff;background:#ffffff1a;border:2px solid #fff3;border-radius:8px;width:100%;padding:12px 15px;font-size:1rem;transition:all .3s}.search-box input:focus{background:#41588a33;border-color:#41588a;outline:none}.search-box input::placeholder{color:#ffffff80}.filter-controls{flex:1}.filter-controls select{color:#fff;cursor:pointer;background:#ffffff1a;border:2px solid #fff3;border-radius:8px;width:100%;padding:12px;font-size:.95rem;transition:all .3s}.filter-controls select:focus{background:#41588a33;border-color:#41588a;outline:none}.filter-controls select option{color:#fff;background:#1e2a3a}.bans-stats{grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:30px;display:grid}.bans-stats .stat-card{background:#41588a33;border:1px solid #ffffff1a;border-radius:15px;align-items:center;gap:20px;padding:25px;transition:all .3s;display:flex}.bans-stats .stat-card:hover{border-color:#ffffff4d;transform:translateY(-5px);box-shadow:0 10px 30px #0000004d}.stat-icon{background:#ffffff1a;border-radius:12px;justify-content:center;align-items:center;width:60px;height:60px;font-size:2.5rem;display:flex}.stat-info h3{color:#ffffffb3;margin-bottom:5px;font-size:.95rem}.stat-number{color:#fff;font-size:2rem;font-weight:700}.bans-table-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1e2a3a80;border:1px solid #ffffff1a;border-radius:15px;padding:20px;overflow-x:auto}.bans-table{border-collapse:collapse;width:100%}.bans-table th{text-align:left;color:#fff;background:#41588a4d;border-bottom:2px solid #ffffff1a;padding:15px;font-size:.95rem;font-weight:600}.bans-table td{color:#ffffffe6;border-bottom:1px solid #ffffff1a;padding:15px}.bans-table tbody tr:hover{background:#41588a33}.user-cell{align-items:center;gap:10px;display:flex}.user-avatar-small{color:#fff;background:#41588a;border:2px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:35px;height:35px;font-size:1rem;font-weight:700;display:flex}.reason-cell{white-space:nowrap;text-overflow:ellipsis;max-width:200px;overflow:hidden}.duration-badge{text-transform:capitalize;border-radius:12px;padding:4px 10px;font-size:.8rem;font-weight:600}.badge-permanent{color:#f44;background:#f443;border:1px solid #f44}.badge-temp{color:#fa0;background:#fa03;border:1px solid #fa0}.status-badge{border-radius:12px;padding:4px 10px;font-size:.8rem;font-weight:600}.status-badge.active{color:#4f4;background:#4f43;border:1px solid #4f4}.status-badge.expired{color:#888;background:#8883;border:1px solid #888}.status-badge.permanent{color:#f44;background:#f443;border:1px solid #f44}.view-btn,.unban-btn-small,.remove-btn{cursor:pointer;-webkit-tap-highlight-color:transparent;border:none;border-radius:5px;margin:0 3px;padding:5px 12px;font-size:.85rem;transition:all .3s}.view-btn{color:#fff;background:#41588a80;border:1px solid #fff3}.view-btn:hover{background:#41588a}.view-btn:active{transform:scale(.98)}.unban-btn-small{color:#4f4;background:#4f43;border:1px solid #4f4}.unban-btn-small:hover{color:#1e2a3a;background:#4f4}.unban-btn-small:active{transform:scale(.98)}.remove-btn{color:#f44;background:#f443;border:1px solid #f44}.remove-btn:hover{color:#fff;background:#f44}.remove-btn:active{transform:scale(.98)}.ban-modal{max-width:800px;max-height:90vh;overflow-y:auto}.user-info-section{background:#41588a4d;border-radius:12px;align-items:center;gap:30px;margin-bottom:30px;padding:20px;display:flex}.user-avatar-large{color:#fff;background:#41588a;border:3px solid #ffffff4d;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;font-size:2.5rem;font-weight:700;display:flex}.user-details h3{color:#fff;margin-bottom:5px;font-size:1.3rem}.user-details .user-id{color:#ffffff80;margin-top:5px;font-size:.85rem}.ban-info-grid{grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:30px;display:grid}.info-card{background:#41588a33;border:1px solid #ffffff1a;border-radius:10px;align-items:center;gap:15px;padding:15px;display:flex}.info-icon{background:#ffffff1a;border-radius:8px;justify-content:center;align-items:center;width:50px;height:50px;font-size:2rem;display:flex}.info-content h4{color:#fff9;margin-bottom:5px;font-size:.9rem}.info-content p{color:#fff;font-size:1.1rem;font-weight:500}.info-content p.permanent{color:#f44}.ban-reason-section{margin-bottom:30px}.ban-reason-section h3{color:#fff;margin-bottom:10px}.reason-box{background:#0003;border:1px solid #ffffff1a;border-left:4px solid #f44;border-radius:8px;padding:20px}.reason-box p{color:#ffffffe6;line-height:1.6}.warnings-section{margin-bottom:30px}.toggle-warnings-btn{color:#fa0;cursor:pointer;-webkit-tap-highlight-color:transparent;background:#fa03;border:2px solid #fa0;border-radius:8px;width:100%;margin-bottom:15px;padding:12px;font-size:1rem;font-weight:600;transition:all .3s}.toggle-warnings-btn:hover{color:#1e2a3a;background:#fa0}.toggle-warnings-btn:active{transform:scale(.98)}.warnings-list{flex-direction:column;gap:10px;display:flex}.warning-item{background:#ff44441a;border-left:3px solid #f44;border-radius:0 8px 8px 0;padding:15px}.warning-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.warning-id{color:#ffffff80;font-size:.8rem}.warning-status{text-transform:capitalize;border-radius:12px;padding:3px 8px;font-size:.75rem;font-weight:600}.warning-status.active{color:#f44;background:#f443;border:1px solid #f44}.warning-status.expired{color:#888;background:#8883;border:1px solid #888}.warning-reason{color:#fff;margin-bottom:5px}.warning-date{color:#ffffff80;font-size:.85rem}.no-warnings{text-align:center;color:#ffffff80;padding:20px;font-style:italic}.additional-info{margin-top:30px}.additional-info h3{color:#fff;margin-bottom:15px}.stats-grid{grid-template-columns:repeat(2,1fr);gap:15px;display:grid}.stat-item{background:#41588a33;border:1px solid #ffffff1a;border-radius:8px;justify-content:space-between;padding:10px 15px;display:flex}.stat-label{color:#fff9}.stat-value{color:#fff;font-weight:600}.confirm-modal{text-align:center;max-width:400px}.confirm-icon{margin-bottom:20px;font-size:4rem}.confirm-modal h3{color:#fff;margin-bottom:10px;font-size:1.3rem}.confirm-modal p{color:#fffc;margin-bottom:15px;line-height:1.5}.warning-text{background:#ff44441a;border:1px solid #f44;border-radius:8px;padding:10px;font-weight:600;color:#f44!important}.confirm-btn{color:#fff;cursor:pointer;-webkit-tap-highlight-color:transparent;background:#f44;border:none;border-radius:8px;padding:12px 25px;font-weight:600;transition:all .3s}.confirm-btn:hover:not(:disabled){background:#f66;transform:translateY(-2px);box-shadow:0 5px 15px #ff44444d}.confirm-btn:active:not(:disabled){transform:translateY(0)}.confirm-btn:disabled{opacity:.5;cursor:not-allowed}@media (prefers-reduced-motion:reduce){.refresh-btn,.stat-card,.view-btn,.unban-btn-small,.remove-btn,.toggle-warnings-btn,.confirm-btn{transition:none;animation:none}.refresh-btn:hover,.stat-card:hover,.confirm-btn:hover{transform:none}}@media (width<=768px){.filters-section{flex-direction:column}.bans-stats,.ban-info-grid,.stats-grid{grid-template-columns:1fr}.user-info-section{text-align:center;flex-direction:column}.bans-table th,.bans-table td{padding:10px;font-size:.85rem}.user-cell{text-align:center;flex-direction:column}}@media (width<=480px){.bans-header{text-align:center;flex-direction:column;gap:15px}.bans-header h1{font-size:1.5rem}.bans-table td{font-size:.8rem}.view-btn,.unban-btn-small,.remove-btn{padding:3px 8px;font-size:.75rem}.modal-footer{flex-direction:column}.modal-footer button{width:100%}.user-avatar-large{width:60px;height:60px;font-size:2rem}.info-icon{width:40px;height:40px;font-size:1.5rem}.info-content p{font-size:.9rem}.stat-number{font-size:1.5rem}}.leaderboard-container{color:#fff;background:#41588a;min-height:100vh;padding:2rem;position:relative;overflow-x:hidden}.leaderboard-container:before{content:"";pointer-events:none;z-index:0;background-image:radial-gradient(circle at 25% 40%,#ffffff2e 0 3px,#0000 4px 50px),radial-gradient(circle at 75% 60%,#ffffff26 0 2px,#0000 3px 40px),radial-gradient(circle at 50% 80%,#ffffff2e 0 2px,#0000 3px 35px),radial-gradient(circle at 85% 20%,#ffffff26 0 2px,#0000 3px 45px),radial-gradient(circle at 10% 70%,#ffffff2e 0 2px,#0000 3px 35px);background-repeat:repeat;background-size:150px 150px;animation:4s ease-in-out infinite subtlePulse;position:absolute;inset:0}.leaderboard-header,.view-toggle,.your-rank-card,.leaderboard-list,.last-reset-info{z-index:1;position:relative}.leaderboard-header{border-bottom:2px solid #fff3;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;display:flex;position:relative}.header-left h1{letter-spacing:3px;text-shadow:0 0 20px #41588a80;margin-bottom:.5rem;font-size:2.5rem}.header-subtitle{color:#ffffffb3;font-size:1rem}.header-right{align-items:center;gap:20px;display:flex}.reset-timer{background:#0003;border:1px solid #fff3;border-radius:30px;align-items:center;gap:10px;padding:.8rem 1.5rem;display:flex}.timer-label{color:#ffffffb3;font-size:.9rem}.timer-value{color:gold;font-size:1.1rem;font-weight:600}.refresh-btn{color:#fff;cursor:pointer;-webkit-tap-highlight-color:transparent;background:#ffffff26;border:1px solid #ffffff4d;border-radius:30px;padding:.8rem 1.5rem;font-weight:600;transition:all .3s}.refresh-btn:hover{background:#ffffff40;transform:translateY(-2px);box-shadow:0 5px 15px #41588a66}.refresh-btn:active{transform:translateY(0)}.view-toggle{background:#0003;border-radius:40px;gap:10px;max-width:300px;margin-bottom:2rem;padding:5px;display:flex;position:relative}.toggle-btn{color:#ffffffb3;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;border-radius:30px;flex:1;padding:.8rem 1.5rem;font-size:.95rem;font-weight:600;transition:all .3s}.toggle-btn.active{color:#fff;background:#41588a;box-shadow:0 2px 10px #41588a80}.toggle-btn:hover:not(.active){color:#fff;background:#ffffff1a}.toggle-btn:active{transform:scale(.98)}.your-rank-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#41588a99,#1e2a3acc);border:2px solid #fff3;border-radius:15px;grid-template-columns:auto auto 1fr;align-items:center;gap:2rem;margin-bottom:2rem;padding:1.5rem;display:grid;position:relative}.rank-info,.score-info{flex-direction:column;gap:.3rem;display:flex}.rank-label,.score-label{color:#ffffffb3;text-transform:uppercase;letter-spacing:1px;font-size:.9rem}.rank-value{color:gold;text-shadow:0 0 15px #ffd7004d;font-size:2rem;font-weight:800}.score-value{color:#4f4;text-shadow:0 0 15px #44ff444d;font-size:2rem;font-weight:800}.next-rank-info{flex:1;max-width:300px}.next-label{color:#fffc;margin-bottom:.5rem;font-size:.9rem;display:block}.progress-bar{background:#ffffff1a;border-radius:4px;width:100%;height:8px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,#41588a,gold);border-radius:4px;height:100%;transition:width .3s}.leaderboard-list{background:#0003;border:1px solid #ffffff1a;border-radius:15px;padding:1.5rem;position:relative}.list-header{color:#fff9;text-transform:uppercase;letter-spacing:1px;border-bottom:1px solid #ffffff1a;grid-template-columns:80px 1fr 150px 100px 120px;margin-bottom:.5rem;padding:1rem;font-size:.9rem;display:grid}.list-item{cursor:pointer;-webkit-tap-highlight-color:transparent;background:#ffffff08;border-radius:10px;grid-template-columns:80px 1fr 150px 100px 120px;align-items:center;margin-bottom:.3rem;padding:1rem;transition:all .2s;display:grid}.list-item:hover{background:#41588a4d;transform:translate(5px)}.list-item.current-user{background:#41588a66;border-left:4px solid gold}.col-rank{font-size:1.1rem;font-weight:600}.medal{font-size:1.3rem}.rank-number{color:#ffffffb3}.col-player{align-items:center;gap:8px;font-weight:500;display:flex}.player-name{color:#fff;font-size:1rem}.you-badge{color:gold;background:#ffd70033;border:1px solid gold;border-radius:12px;padding:2px 8px;font-size:.7rem;font-weight:600}.col-car{align-items:center;display:flex}.col-level{color:#fffc;font-size:.95rem}.col-score{color:#4f4;text-align:right;font-size:1.1rem;font-weight:600}.empty-leaderboard{text-align:center;color:#ffffffb3;background:#0000001a;border:2px dashed #fff3;border-radius:12px;padding:4rem}.empty-leaderboard p{margin-bottom:.5rem;font-size:1.2rem}.empty-leaderboard span{opacity:.5;font-size:.95rem}.last-reset-info{text-align:center;color:#fff6;justify-content:center;gap:20px;margin-top:1.5rem;font-size:.85rem;display:flex;position:relative}.modal-overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:2000;background:#000c;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.player-modal{background:#1e2a3a;border:2px solid #41588a;border-radius:20px;width:90%;max-width:400px;padding:30px;animation:.3s slideUp;position:relative}.close-btn{color:#ffffff80;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;font-size:1.5rem;transition:all .2s;position:absolute;top:15px;right:15px}.close-btn:hover{color:#fff;transform:scale(1.1)}.close-btn:active{transform:scale(.95)}.player-modal-header{flex-direction:column;align-items:center;gap:10px;margin-bottom:20px;display:flex}.player-avatar{color:#fff;background:linear-gradient(135deg,#41588a,#5a71a0);border:3px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;font-size:2rem;font-weight:700;display:flex}.player-modal-header h2{color:#fff;margin:0;font-size:1.8rem}.you-badge-large{color:gold;background:#ffd70033;border:1px solid gold;border-radius:20px;padding:4px 12px;font-size:.8rem;font-weight:600}.player-modal-stats{background:#0003;border-radius:10px;margin-bottom:20px;padding:15px}.stat-row{border-bottom:1px solid #ffffff1a;justify-content:space-between;padding:10px 0;display:flex}.stat-row:last-child{border-bottom:none}.stat-label{color:#ffffffb3;font-size:.95rem}.stat-value{color:#fff;font-size:1rem;font-weight:600}.winner-badge{text-align:center;color:gold;background:linear-gradient(135deg,#ffd70033,#ffd7000d);border:2px solid gold;border-radius:30px;margin-bottom:20px;padding:12px;font-size:1rem;font-weight:600}.close-bottom-btn{color:#fff;cursor:pointer;-webkit-tap-highlight-color:transparent;background:#41588a;border:none;border-radius:8px;width:100%;padding:12px 25px;font-size:1rem;font-weight:600;transition:all .3s}.close-bottom-btn:hover{background:#5a71a0;transform:translateY(-2px);box-shadow:0 5px 15px #41588a80}.close-bottom-btn:active{transform:translateY(0)}.leaderboard-loading{color:#fff;background:#41588a;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;display:flex}.loading-spinner{border:3px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:50px;height:50px;margin-bottom:1rem;animation:1s linear infinite spin}@media (prefers-reduced-motion:reduce){.leaderboard-container:before{animation:none}.refresh-btn,.toggle-btn,.list-item,.close-btn,.close-bottom-btn,.modal-overlay,.player-modal,.loading-spinner{transition:none;animation:none}.refresh-btn:hover,.list-item:hover,.close-btn:hover,.close-bottom-btn:hover{transform:none}.loading-spinner{border-top-color:#ffffff4d}}@media (width<=1024px){.your-rank-card{grid-template-columns:1fr 1fr;gap:1rem}.next-rank-info{grid-column:span 2;max-width:100%}.leaderboard-container:before{background-size:120px 120px}}@media (width<=768px){.leaderboard-container{padding:1rem}.leaderboard-header{text-align:center;flex-direction:column;gap:1rem}.header-right{flex-direction:column;width:100%}.reset-timer{justify-content:center;width:100%}.refresh-btn{width:100%}.list-header{display:none}.list-item{grid-template-rows:auto auto;grid-template-columns:60px 1fr auto;gap:.5rem;padding:1rem}.col-rank{grid-row:span 2;align-self:center}.col-player{grid-area:1/2}.col-car{grid-area:2/2;padding-left:0}.col-level{text-align:right;grid-area:1/3}.col-score{text-align:right;grid-area:2/3}.your-rank-card{text-align:center;grid-template-columns:1fr}.rank-info,.score-info{align-items:center}.leaderboard-container:before{background-size:100px 100px}}@media (width<=576px){.leaderboard-container:before{background-size:80px 80px}.view-toggle{max-width:100%}.toggle-btn{padding:.6rem 1rem;font-size:.8rem}}@media (width<=480px){.leaderboard-container{padding:.8rem}.header-left h1{letter-spacing:2px;font-size:1.8rem}.header-subtitle{font-size:.85rem}.toggle-btn{padding:.6rem 1rem;font-size:.85rem}.rank-value,.score-value{font-size:1.5rem}.list-item{padding:.8rem}.player-name,.col-score{font-size:.9rem}.player-modal{padding:20px}.player-modal-header h2{font-size:1.5rem}.player-avatar{width:60px;height:60px;font-size:1.5rem}.leaderboard-container:before{background-size:70px 70px}}@media (width<=380px){.leaderboard-container{padding:.5rem}.header-left h1{letter-spacing:1px;font-size:1.4rem}.reset-timer{padding:.5rem 1rem}.timer-label,.timer-value{font-size:.8rem}.toggle-btn{padding:.5rem .8rem;font-size:.8rem}.rank-value,.score-value{font-size:1.2rem}.list-item{gap:.3rem;padding:.6rem}.col-rank{font-size:.9rem}.medal{font-size:1rem}.player-name{font-size:.8rem}.you-badge{padding:1px 4px;font-size:.6rem}.col-level,.col-score{font-size:.8rem}.leaderboard-container:before{background-size:60px 60px}}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#41588a;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.loading-screen{color:#fff;background:#41588a;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;display:flex}.loading-spinner{border:3px solid #41588a4d;border-top-color:#fff;border-radius:50%;width:50px;height:50px;margin-bottom:1rem;animation:1s linear infinite spin;box-shadow:0 0 20px #ffffff4d}.coming-soon{color:#2d2d2d;text-transform:uppercase;letter-spacing:5px;text-shadow:0 0 15px #0003;background:linear-gradient(135deg,#f5f5f5,#e0e0e0);justify-content:center;align-items:center;min-height:80vh;font-size:2rem;animation:2s ease-in-out infinite pulse;display:flex}.App{background:0 0;min-height:100vh;overflow-x:hidden}@media (prefers-reduced-motion:reduce){.loading-spinner,.coming-soon{animation:none}.coming-soon{animation:none;transform:none}.coming-soon:hover{animation:none}}@media (width<=768px){.loading-spinner{width:40px;height:40px}.loading-screen p{font-size:.9rem}}@media (width<=480px){.coming-soon{letter-spacing:3px;min-height:60vh;font-size:1.2rem}.loading-spinner{width:35px;height:35px}.loading-screen p{font-size:.8rem}}