@import"https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700;900&family=Inter:wght@300;400;600&display=swap";*{margin:0;padding:0;box-sizing:border-box}:root{--neon-cyan: #00f5ff;--neon-pink: #ff00ff;--neon-green: #39ff14;--neon-yellow: #ffff00;--bg-dark: #0a0a12;--bg-card: rgba(15, 15, 30, .9);--border-glow: rgba(100, 50, 200, .4)}html,body{width:100%;height:100%;overflow:hidden;background:var(--bg-dark);color:#fff;font-family:Inter,Segoe UI,system-ui,sans-serif;-webkit-tap-highlight-color:transparent;user-select:none}#app{width:100%;height:100%;position:relative}canvas#game-canvas{display:block;width:100%;height:100%;position:absolute;top:0;left:0}.screen-overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:10;pointer-events:auto;background:radial-gradient(ellipse at center,#0f051ef2,#05050cfa);animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes glowPulse{0%,to{text-shadow:0 0 10px var(--neon-cyan),0 0 30px var(--neon-cyan),0 0 60px rgba(0,245,255,.3)}50%{text-shadow:0 0 15px var(--neon-cyan),0 0 40px var(--neon-cyan),0 0 80px rgba(0,245,255,.5)}}.game-title{font-family:Orbitron,monospace;font-size:3.5rem;font-weight:900;color:var(--neon-cyan);text-shadow:0 0 10px var(--neon-cyan),0 0 30px var(--neon-cyan),0 0 60px rgba(0,245,255,.3);animation:glowPulse 2s ease-in-out infinite;margin-bottom:.5rem;letter-spacing:.15em}.game-subtitle{font-family:Inter,sans-serif;font-size:.9rem;color:#fff6;letter-spacing:.3em;text-transform:uppercase;margin-bottom:2.5rem}.btn{display:flex;align-items:center;justify-content:center;gap:10px;width:260px;padding:14px 24px;margin:8px 0;border:1px solid var(--border-glow);border-radius:8px;background:var(--bg-card);color:#fff;font-family:Inter,sans-serif;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s ease;animation:slideUp .4s ease-out backwards;letter-spacing:.05em}.btn:nth-child(2){animation-delay:.05s}.btn:nth-child(3){animation-delay:.1s}.btn:nth-child(4){animation-delay:.15s}.btn:nth-child(5){animation-delay:.2s}.btn:hover{border-color:var(--neon-cyan);box-shadow:0 0 15px #00f5ff33,inset 0 0 15px #00f5ff0d;transform:translateY(-2px)}.btn:active{transform:translateY(0)}.btn-primary{border-color:var(--neon-cyan);background:#00f5ff14;color:var(--neon-cyan)}.btn-primary:hover{background:#00f5ff26;box-shadow:0 0 25px #00f5ff4d,inset 0 0 20px #00f5ff14}.btn-google{border-color:#fff3}.btn-google:hover{border-color:#4285f4;box-shadow:0 0 15px #4285f44d}.btn-apple{border-color:#fff3}.btn-apple:hover{border-color:#fff;box-shadow:0 0 15px #fff3}.btn-icon{width:20px;height:20px}.auth-divider{display:flex;align-items:center;width:260px;margin:16px 0;color:#ffffff40;font-size:.75rem;letter-spacing:.1em}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:#ffffff1a}.auth-divider:before{margin-right:12px}.auth-divider:after{margin-left:12px}.swarm-config-title{font-family:Orbitron,monospace;font-size:1.6rem;font-weight:700;color:#f26;text-shadow:0 0 12px rgba(255,34,102,.5);margin-bottom:.3rem}.swarm-config-subtitle{font-size:.9rem;color:#ffffff80;margin-bottom:2rem}.swarm-slider-wrap{width:320px;margin-bottom:2rem}.swarm-label{display:block;font-family:Orbitron,monospace;font-size:.75rem;font-weight:700;color:var(--neon-cyan);text-shadow:0 0 6px rgba(0,245,255,.3);margin-bottom:10px;letter-spacing:2px}.swarm-slider-row{display:flex;align-items:center;gap:14px}.swarm-slider{flex:1;-webkit-appearance:none;appearance:none;height:6px;border-radius:3px;background:#ffffff1a;outline:none}.swarm-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:22px;height:22px;border-radius:50%;background:#f26;box-shadow:0 0 12px #f269,0 0 4px #f26c;cursor:pointer;border:2px solid rgba(255,255,255,.3);transition:box-shadow .15s}.swarm-slider::-webkit-slider-thumb:hover{box-shadow:0 0 20px #f26c,0 0 6px #f26}.swarm-slider::-moz-range-thumb{width:22px;height:22px;border-radius:50%;background:#f26;box-shadow:0 0 12px #f269;cursor:pointer;border:2px solid rgba(255,255,255,.3)}.swarm-count-val{font-family:Orbitron,monospace;font-size:1.8rem;font-weight:900;color:#f26;text-shadow:0 0 10px rgba(255,34,102,.5);min-width:54px;text-align:right}.swarm-range-hints{display:flex;justify-content:space-between;margin-top:6px;font-size:.65rem;color:#ffffff4d;letter-spacing:1px}.level-select-title{font-family:Orbitron,monospace;font-size:1.6rem;font-weight:700;color:var(--neon-cyan);text-shadow:0 0 10px rgba(0,245,255,.4);margin-bottom:1.5rem}.level-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:2rem}.level-card{width:80px;height:90px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid var(--border-glow);border-radius:10px;background:var(--bg-card);cursor:pointer;transition:all .2s ease;animation:slideUp .3s ease-out backwards}.level-card:hover:not(.locked){border-color:var(--neon-cyan);box-shadow:0 0 20px #00f5ff33;transform:translateY(-3px)}.level-card.locked{opacity:.3;cursor:not-allowed}.level-card.current{border-color:var(--neon-green);box-shadow:0 0 15px #39ff144d}.level-number{font-family:Orbitron,monospace;font-size:1.4rem;font-weight:700;color:#fff}.level-stars{font-size:.7rem;margin-top:4px;color:var(--neon-yellow);text-shadow:0 0 4px rgba(255,255,0,.5)}.level-name-label{font-size:.55rem;color:#ffffff80;margin-top:2px;text-align:center;max-width:70px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lock-icon{font-size:1.2rem;color:#ffffff4d}.user-bar{position:absolute;top:8px;right:12px;display:flex;align-items:center;gap:10px;z-index:15}.user-avatar{width:28px;height:28px;border-radius:50%;border:1px solid var(--border-glow)}.user-name{font-size:.8rem;color:#fff9}.btn-small{padding:5px 12px;font-size:.7rem;border:1px solid rgba(255,255,255,.15);border-radius:4px;background:transparent;color:#ffffff80;cursor:pointer;transition:all .2s}.btn-small:hover{border-color:var(--neon-pink);color:var(--neon-pink)}.btn-back{width:260px;margin-top:.5rem}.level-description{font-size:.85rem;color:#ffffff80;margin-top:-1.5rem;margin-bottom:1.5rem;min-height:1.2em}.game-menu-btn{position:absolute;top:6px;left:8px;z-index:20;width:32px;height:32px;padding:5px;border:1px solid rgba(255,255,255,.15);border-radius:6px;background:#0a0a14b3;color:#fff9;cursor:pointer;transition:all .2s;backdrop-filter:blur(4px)}.game-menu-btn:hover{border-color:var(--neon-cyan);color:var(--neon-cyan);box-shadow:0 0 10px #00f5ff33}.game-menu-btn svg{width:100%;height:100%}.track-select-title{font-family:Orbitron,monospace;font-size:1.6rem;font-weight:700;color:var(--neon-cyan);text-shadow:0 0 10px rgba(0,245,255,.4);margin-bottom:.3rem}.track-subtitle{font-size:.8rem;color:#ffffff59;margin-bottom:1.8rem}.track-grid{display:flex;flex-direction:column;gap:8px;margin-bottom:2rem;max-width:420px;width:100%;padding:0 16px}.track-group-label{font-family:Orbitron,monospace;font-size:.6rem;font-weight:700;color:#ffffff40;letter-spacing:.2em;text-transform:uppercase;margin-top:8px;margin-bottom:2px;padding-left:4px}.track-group-label:first-child{margin-top:0}.track-card{display:flex;flex-direction:row;align-items:center;gap:14px;padding:12px 16px;border:1px solid var(--border-glow);border-radius:10px;background:var(--bg-card);cursor:pointer;transition:all .25s ease;animation:slideUp .3s ease-out backwards}.track-card:hover{transform:translate(4px)}.track-icon{font-size:1.8rem;flex-shrink:0;width:40px;text-align:center;filter:drop-shadow(0 0 6px currentColor)}.track-info{flex:1;min-width:0}.track-name{font-family:Orbitron,monospace;font-size:.85rem;font-weight:700;color:#fff;margin-bottom:2px}.track-desc{font-size:.68rem;color:#fff6;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track-progress-bar{font-size:.6rem;color:#ffffff4d;letter-spacing:.03em;flex-shrink:0;text-align:right;white-space:nowrap}@media (max-width: 500px){.track-grid{max-width:100%;padding:0 12px}.track-card{padding:10px 12px;gap:10px}.track-icon{font-size:1.5rem;width:32px}.track-name{font-size:.75rem}.track-desc{font-size:.6rem}}.pause-title{font-family:Orbitron,monospace;font-size:2.2rem;font-weight:700;color:var(--neon-cyan);text-shadow:0 0 10px rgba(0,245,255,.5);margin-bottom:.3rem}.pause-info{font-size:.85rem;color:#fff6;margin-bottom:1.8rem}.gameover-title{font-family:Orbitron,monospace;font-size:2.5rem;font-weight:900;color:var(--neon-pink);text-shadow:0 0 15px rgba(255,0,255,.5),0 0 40px rgba(255,0,255,.2);margin-bottom:.8rem;animation:glowPulse 1.5s ease-in-out infinite}.gameover-score{font-family:Orbitron,monospace;font-size:1.3rem;color:var(--neon-yellow);text-shadow:0 0 8px rgba(255,255,0,.4);margin-bottom:.3rem}.gameover-message{font-size:.9rem;color:#ffffff80;margin-bottom:2rem;font-style:italic}.title-snake-art{margin-bottom:1rem}.snake-emoji-anim{font-size:4rem;animation:snakeBounce 2s ease-in-out infinite}@keyframes snakeBounce{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-10px) rotate(-5deg)}75%{transform:translateY(-5px) rotate(5deg)}}.title-hint{margin-top:2rem;font-size:.75rem;color:#ffffff40;letter-spacing:.05em}@media (max-width: 500px){.game-title{font-size:2.2rem}.level-grid{grid-template-columns:repeat(5,1fr);gap:8px}.level-card{width:60px;height:70px}.btn{width:220px;padding:12px 20px;font-size:.85rem}}.kbd-focus{outline:2px solid var(--neon-cyan)!important;outline-offset:2px;box-shadow:0 0 20px #00f5ff4d,inset 0 0 15px #00f5ff0d!important}.track-card.kbd-focus{border-color:var(--neon-cyan)!important;transform:translate(4px)}.level-card.kbd-focus{border-color:var(--neon-cyan)!important;transform:translateY(-3px)}.hidden{display:none!important}