@import"https://fonts.googleapis.com/css2?family=Orbitron:wght@400;500;700;900&display=swap";@import"https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap";*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-primary);min-height:100vh;background:#050111 url(../assets/images/space_background.png) repeat;animation:scrollBackground 13s linear infinite;background-size:auto;position:relative;overflow-x:hidden;overflow-y:auto}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000073;pointer-events:none;z-index:0}@keyframes scrollBackground{0%{background-position:0 0}to{background-position:0 1024px}}.ambient-glow{position:fixed;border-radius:50%;pointer-events:none;z-index:0;filter:blur(60px)}.ambient-glow-1{top:10%;left:15%;width:300px;height:300px;background:radial-gradient(circle,rgba(0,245,255,.3) 0%,transparent 70%);animation:pulse1 4s ease-in-out infinite}.ambient-glow-2{top:60%;right:10%;width:400px;height:400px;background:radial-gradient(circle,rgba(157,0,255,.25) 0%,transparent 70%);animation:pulse2 5s ease-in-out infinite}.ambient-glow-3{bottom:20%;left:50%;width:350px;height:350px;background:radial-gradient(circle,rgba(0,200,255,.2) 0%,transparent 70%);animation:pulse3 6s ease-in-out infinite}@keyframes pulse1{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}@keyframes pulse2{0%,to{opacity:.5;transform:scale(1.1)}50%{opacity:.9;transform:scale(.9)}}@keyframes pulse3{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.15)}}.shooting-star{position:fixed;width:4px;height:4px;background:linear-gradient(90deg,rgba(255,255,255,1),transparent);border-radius:50%;z-index:0;pointer-events:none;animation:shoot 3s ease-in-out infinite;opacity:0}.shooting-star:after{content:"";position:absolute;top:50%;transform:translateY(-50%);width:120px;height:3px;background:linear-gradient(90deg,rgba(0,245,255,.8),transparent);right:100%}.shooting-star-1{top:15%;left:10%;animation-delay:0s}.shooting-star-2{top:25%;left:60%;animation-delay:2s}.shooting-star-3{top:10%;left:80%;animation-delay:4s}@keyframes shoot{0%{opacity:0;transform:translate(0)}5%{opacity:1}20%{opacity:0;transform:translate(200px,100px)}to{opacity:0;transform:translate(200px,100px)}}.container{max-width:1200px;margin:0 auto;padding:60px 20px 100px;position:relative;z-index:1}h1{text-align:center;font-size:clamp(2.5rem,8vw,4.5rem);font-weight:900;letter-spacing:8px;margin-bottom:20px;color:#c9faff;text-shadow:0 0 10px #00f5ff,0 0 20px #00f5ff,0 0 40px #00f5ff,0 0 15px #9d00ff,0 0 30px #9d00ff;animation:glow 2s ease-in-out infinite alternate}@keyframes glow{0%{text-shadow:0 0 10px #00f5ff,0 0 20px #00f5ff,0 0 15px #9d00ff}to{text-shadow:0 0 20px #00f5ff,0 0 40px #00f5ff,0 0 30px #9d00ff,0 0 50px #9d00ff}}.new-pilot{text-align:center;margin:30px auto 50px;max-width:600px}.new-pilot h2{color:var(--color-text-white);font-size:var(--font-size-subheading);margin-bottom:20px;margin-right:30px;letter-spacing:2px;text-shadow:0 0 10px rgba(255,255,255,.8),0 0 20px rgba(255,255,255,.5);font-weight:500}.input-group{display:flex;gap:15px;justify-content:center;align-items:center}.input-group input{flex:1;max-width:400px;padding:15px 20px;background:#000a1499;border:2px solid var(--color-teal);border-radius:18px 6px;color:var(--color-text-white);font-family:var(--font-primary);font-size:var(--font-size-text);outline:none;box-shadow:0 0 10px #00f5ff4d;transition:all .3s ease}.input-group input::placeholder{color:#ffffff80}.input-group input:focus{box-shadow:0 0 30px var(--color-teal-light);border-color:#0fc}.input-group button{padding:15px 40px;background:#000a1499;border:2px solid var(--color-teal);border-radius:20px;color:var(--color-text-white);font-family:var(--font-primary);font-size:var(--font-size-text);font-weight:700;cursor:pointer;text-transform:uppercase;letter-spacing:2px;transition:all .3s ease;box-shadow:0 0 10px #00f5ff4d;text-shadow:0 0 8px var(--color-teal-light)}.input-group button:hover{background:#00f5ff40;box-shadow:0 0 25px var(--color-teal-light),inset 0 0 15px #00f5ff33;transform:translateY(-2px)}#scoreList{list-style:none;max-width:1000px;width:100%;margin:0 auto 50px;padding:0;background:#000a14b3;border:3px solid var(--color-teal);border-radius:8px;box-shadow:0 0 30px #00f5ff80;position:relative;overflow-y:auto;max-height:650px}#scoreList:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:linear-gradient(to right,rgba(0,245,255,.15) 1px,transparent 1px),linear-gradient(to bottom,rgba(0,245,255,.15) 1px,transparent 1px),linear-gradient(to right,rgba(138,43,226,.1) 1px,transparent 1px),linear-gradient(to bottom,rgba(138,43,226,.1) 1px,transparent 1px);background-size:50px 50px,50px 50px,25px 25px,25px 25px;pointer-events:none;z-index:0;border-radius:5px}.table-header{display:grid;grid-template-columns:minmax(60px,115px) minmax(120px,1fr) minmax(60px,81px);padding:clamp(10px,2.5vw,21px) clamp(15px,4vw,31px);position:relative;z-index:1;background:#000a14b3;border:clamp(2px,.5vw,4px) solid var(--color-teal);border-bottom:clamp(1px,.3vw,2px) solid var(--color-teal);border-radius:clamp(4px,1vw,8px) clamp(4px,1vw,8px) 0 0;box-shadow:0 2px 10px #00f5ff4d;max-width:1000px;width:100%;margin:0 auto;box-sizing:border-box}.table-header span{color:var(--color-text-white);font-weight:700;font-size:clamp(.75rem,2vw,1rem);letter-spacing:clamp(1px,.5vw,3px);text-transform:uppercase;border-bottom:clamp(1px,.3vw,2px) solid var(--color-teal);padding-bottom:clamp(2px,.8vw,5px);text-shadow:0 0 5px rgba(255,255,255,.5);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}#scoreList li{display:grid;grid-template-columns:115px 1fr 81px;padding:18px 31px;margin:0;background:#000a1466;border-bottom:1px solid var(--color-teal);align-items:center;position:relative;z-index:1;transition:all .3s ease}#scoreList li:hover{background:#00142899;box-shadow:inset 0 0 20px #00f5ff1a}#scoreList li span:first-child{color:var(--color-text-white);font-weight:700;font-size:1rem}#scoreList li span:nth-child(2){color:var(--color-text-white);font-size:1rem;letter-spacing:1px;font-weight:400}#scoreList li span:last-child{color:var(--color-text-white);font-weight:700;font-size:1.1rem;text-align:right;letter-spacing:1px}#emptyState,#noSearchResults{text-align:center;color:#00f5ff99;font-size:1.2rem;margin:60px 0;letter-spacing:2px}.loader-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;gap:20px}.loader-spinner{width:60px;height:60px;border:4px solid rgba(0,245,255,.2);border-top:4px solid var(--color-teal);border-radius:50%;animation:spin 1s linear infinite;box-shadow:0 0 20px #00f5ff80,0 0 40px #00f5ff4d}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loader-text{color:var(--color-text-white);font-family:var(--font-primary);font-size:1.2rem;letter-spacing:3px;text-shadow:0 0 10px rgba(0,245,255,.8),0 0 20px rgba(0,245,255,.5);animation:pulse-text 1.5s ease-in-out infinite}@keyframes pulse-text{0%,to{opacity:.7}50%{opacity:1}}.loader-container.hidden,.hidden{display:none}.buttons{display:flex;gap:20px;justify-content:center;margin-top:40px;margin-bottom:60px}.buttons button{padding:18px 70px;font-family:var(--font-primary);font-size:1.1rem;font-weight:700;text-transform:uppercase;letter-spacing:3px;border-radius:12px;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}#backBtn{background:var(--gradient-back-btn);color:#000;border:none;box-shadow:0 0 20px #2dd4bf66,0 0 30px #84cc164d;border-radius:25px}#newGameBtn{background:var(--gradient-newgame-btn);color:#000;border:none;box-shadow:0 0 20px #06b6d466,0 0 30px #84cc164d;border-radius:25px}#backBtn:hover{transform:translateY(-2px);box-shadow:0 0 25px #2dd4bf99,0 0 35px #84cc1666}#newGameBtn:hover{transform:translateY(-2px);box-shadow:0 0 25px #06b6d499,0 0 35px #84cc1666}.footer-note{text-align:right;color:#fffc;font-size:.8rem;margin-top:30px;padding-right:30px;letter-spacing:1px;font-weight:400;text-shadow:0 0 5px rgba(255,255,255,.5),0 0 10px rgba(255,255,255,.3)}#scoreList::-webkit-scrollbar{width:12px}#scoreList::-webkit-scrollbar-track{background:#000a1480;border-left:1px solid rgba(0,245,255,.3)}#scoreList::-webkit-scrollbar-thumb{background:var(--color-teal);border:1px solid rgba(0,245,255,.5);box-shadow:0 0 10px var(--color-teal-light);border-radius:6px}#scoreList::-webkit-scrollbar-thumb:hover{background:var(--color-teal-light);box-shadow:0 0 15px var(--color-teal-light)}.neon-text{font-family:Orbitron,sans-serif;font-size:80px;color:transparent;-webkit-text-stroke:3px transparent;background:linear-gradient(90deg,#ff3bff,#6a5cff,#00f5ff,#7cff00,#ffe600);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;text-shadow:0 0 10px #00f5ff,0 0 20px #00f5ff,0 0 40px #7CFF00}@media(max-width:768px){h1{font-size:2.5rem;letter-spacing:4px}.input-group{flex-direction:column}.input-group input{max-width:100%}#scoreList{max-width:100%;margin:0 auto 50px}.table-header{max-width:100%;margin:0 auto;grid-template-columns:60px 1fr 120px;padding:15px}#scoreList li{grid-template-columns:60px 1fr 120px;padding:15px}.buttons{flex-direction:column}.buttons button{width:100%}}