.game-container{position:relative;display:flex;flex-direction:column;align-items:center;gap:20px}.game-canvas{border:3px solid;border-image:linear-gradient(135deg,#0ff,#ff006e,#0f8) 1;box-shadow:0 0 30px #0ff6,0 0 60px #ff006e4d,inset 0 0 30px #00ff881a;background:linear-gradient(135deg,#0a0e27,#1a0033,#0a0e27);border-radius:2px;image-rendering:pixelated;image-rendering:crisp-edges;max-width:90vw;max-height:90vh;width:auto;height:auto}.controls-hint{color:#0f8;text-shadow:0 0 10px #00ff88;font-size:1.1em;letter-spacing:2px;text-align:center;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.6}50%{opacity:1}}.leaderboard{margin-top:40px;padding:20px;background:#00ff880d;border:2px solid #00ff88;border-radius:2px;box-shadow:0 0 15px #0f83}.leaderboard-title{color:#0ff;text-shadow:0 0 10px #00ffff,0 0 20px #ff006e;font-size:1.3em;margin-bottom:15px;letter-spacing:2px}.scores-list{display:flex;flex-direction:column;gap:8px;max-height:200px;overflow-y:auto;padding-right:10px}.scores-list::-webkit-scrollbar{width:8px}.scores-list::-webkit-scrollbar-track{background:#00ff881a;border-radius:4px}.scores-list::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#0ff,#ff006e);border-radius:4px}.scores-list::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#ff006e,#0ff)}.scores-list.scrollable{max-height:200px;overflow-y:auto;padding-right:10px}.score-entry{display:flex;justify-content:space-between;align-items:center;padding:10px;background:#ff006e0d;border-left:3px solid #ff006e;color:#0f8;font-size:.95em;transition:all .3s ease}.score-entry:hover{background:#ff006e26;box-shadow:0 0 10px #ff006e4d;transform:translate(5px)}.score-entry.rank-1{border-left-color:#ff0;background:#ffff001a}.score-entry.rank-1 .rank{color:#ff0;font-weight:700;text-shadow:0 0 10px #ffff00}.score-entry.rank-2{border-left-color:silver;background:#c0c0c00d}.score-entry.rank-2 .rank{color:silver;font-weight:700}.score-entry.rank-3{border-left-color:#cd7f32;background:#cd7f320d}.score-entry.rank-3 .rank{color:#cd7f32;font-weight:700}.rank{flex:0 0 auto;width:40px;text-align:center;font-weight:700}.name{flex:1;text-align:left;padding:0 15px;text-transform:uppercase;letter-spacing:1px}.score{flex:0 0 auto;text-align:right;font-weight:700;color:#0ff;text-shadow:0 0 5px #00ffff}.no-scores{color:#ff006e;text-shadow:0 0 10px #ff006e;font-style:italic}.leaderboard::-webkit-scrollbar{width:8px}.leaderboard::-webkit-scrollbar-track{background:#00ff881a}.leaderboard::-webkit-scrollbar-thumb{background:#0f8;border-radius:4px}.leaderboard::-webkit-scrollbar-thumb:hover{background:#0ff}.app-container{width:100vw;height:100vh;background:linear-gradient(135deg,#0a0e27,#1a0033,#0a0e27);display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;overflow:hidden}.app-container:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:repeating-linear-gradient(0deg,rgba(0,255,136,.03),rgba(0,255,136,.03) 1px,transparent 1px,transparent 2px);pointer-events:none;animation:scan-line 8s linear infinite;z-index:1}.menu-screen,.game-over-screen{position:relative;z-index:2;text-align:center;padding:40px;background:#0a0e27e6;border:3px solid;border-image:linear-gradient(135deg,#0ff,#ff006e,#0f8) 1;box-shadow:0 0 20px #00ffff80,0 0 40px #ff006e4d,inset 0 0 20px #00ff881a;border-radius:2px;max-width:600px;margin-top:160px;animation:border-glow 2s ease-in-out infinite}.difficulty-screen{position:relative;z-index:2;text-align:center;padding:40px;background:#0a0e27e6;border:3px solid;border-image:linear-gradient(135deg,#0ff,#ff006e,#0f8) 1;box-shadow:0 0 20px #00ffff80,0 0 40px #ff006e4d,inset 0 0 20px #00ff881a;border-radius:2px;max-width:600px;animation:border-glow 2s ease-in-out infinite}@keyframes text-glow{0%,to{text-shadow:0 0 10px rgba(0,255,255,.6)}50%{text-shadow:0 0 15px rgba(0,255,255,.9)}}@keyframes border-glow{0%,to{box-shadow:0 0 20px #00ffff80,0 0 40px #ff006e4d,inset 0 0 20px #00ff881a}50%{box-shadow:0 0 30px #0ffc,0 0 60px #ff006e80,inset 0 0 30px #0f83}}.title{font-size:2.5em;font-weight:700;margin-bottom:20px;color:#0ff;letter-spacing:3px;animation:text-glow 2s ease-in-out infinite}.menu-logo{width:150px;height:150px;margin-bottom:20px;filter:drop-shadow(0 0 15px rgba(0,255,255,.6));animation:logo-pulse 2s ease-in-out infinite}@keyframes logo-pulse{0%,to{filter:drop-shadow(0 0 15px rgba(0,255,255,.6)) drop-shadow(0 0 10px rgba(255,0,110,.3))}50%{filter:drop-shadow(0 0 25px rgba(0,255,255,.9)) drop-shadow(0 0 15px rgba(255,0,110,.5))}}.subtitle{color:#0f8;margin-bottom:40px;font-size:1.2em;letter-spacing:2px;text-shadow:0 0 10px #00ff88}.game-over-title{font-size:3em;color:#ff006e;text-shadow:0 0 20px #ff006e,0 0 40px #ff006e,0 0 60px #00ffff;margin-bottom:20px;animation:neon-glow 1.5s ease-in-out infinite;letter-spacing:4px}.final-score{font-size:1.8em;color:#0f8;margin-bottom:30px;text-shadow:0 0 20px #00ff88}.neon-button{background:linear-gradient(135deg,#0ff,#0f8);color:#0a0e27;border:2px solid #00ffff;padding:15px 30px;font-size:1.2em;font-weight:700;cursor:pointer;margin:15px;font-family:Courier New,monospace;letter-spacing:2px;transition:all .3s ease;box-shadow:0 0 20px #00ffff80;border-radius:2px;text-transform:uppercase}.neon-button:hover{background:linear-gradient(135deg,#0f8,#0ff);box-shadow:0 0 30px #0ffc,0 0 40px #0f89;transform:scale(1.05)}.neon-button:active{transform:scale(.98)}.neon-button.secondary{background:linear-gradient(135deg,#ff006e,#ff4490);border-color:#ff006e;box-shadow:0 0 20px #ff006e80}.neon-button.secondary:hover{box-shadow:0 0 30px #ff006ecc,0 0 40px #ff449099}.name-input{background:#00ff881a;border:2px solid #00ff88;color:#0f8;padding:12px 20px;font-size:1.1em;font-family:Courier New,monospace;margin:20px 0;border-radius:2px;width:100%;max-width:300px;text-align:center;transition:all .3s ease;box-shadow:0 0 10px #00ff884d}.name-input:focus{outline:none;box-shadow:0 0 20px #0f89,0 0 30px #00ffff4d;border-color:#0ff}.name-input::placeholder{color:#00ff8880}.last-score{margin-top:40px;color:#ff006e;font-size:1.1em;text-shadow:0 0 10px #ff006e}.page-title{position:fixed;top:15px;left:50%;transform:translate(-50%);color:#0ff;font-size:3em;font-weight:600;text-shadow:0 0 15px rgba(0,255,255,.6),0 0 30px rgba(255,0,110,.3);letter-spacing:2px;z-index:0;text-align:center;width:auto;max-width:85%;background:#0a0e27e6;padding:40px;border-radius:2px;border:3px solid;border-image:linear-gradient(135deg,#0ff,#ff006e,#0f8) 1;box-shadow:0 0 20px #00ffff80,0 0 40px #ff006e4d,inset 0 0 20px #00ff881a;animation:border-glow 2s ease-in-out infinite}.difficulty-screen{max-width:800px;max-height:90vh;overflow-y:auto}.difficulty-title{font-size:2.2em;color:#0ff;text-shadow:0 0 10px #00ffff,0 0 20px #00ffff,0 0 30px #ff006e;margin-bottom:10px;letter-spacing:2px;animation:neon-glow 2s ease-in-out infinite}.difficulty-subtitle{color:#0f8;font-size:1em;margin-bottom:30px;letter-spacing:2px;text-shadow:0 0 10px #00ff88}.difficulty-options{display:flex;flex-direction:column;gap:15px;margin-bottom:30px}.difficulty-button{background:#00ff880d;border:2px solid #00ff88;padding:20px;border-radius:2px;cursor:pointer;transition:all .3s ease;color:#0f8;font-family:Courier New,monospace;font-size:1.1em;font-weight:700;text-transform:uppercase;letter-spacing:2px}.difficulty-button:hover{background:#00ff8826;border-color:#0ff;box-shadow:0 0 20px #00ff8880,0 0 40px #00ffff4d;transform:scale(1.02)}.difficulty-button.active{background:linear-gradient(135deg,#0ff,#0f8);border-color:#0ff;color:#0a0e27;box-shadow:0 0 30px #0ffc,0 0 50px #00ff8880}.alien-stars{font-size:2.5em;margin-bottom:10px;letter-spacing:8px;display:flex;justify-content:center;gap:10px}.alien{display:inline-block;animation:float 2s ease-in-out infinite}.alien:nth-child(2){animation-delay:.2s}.alien:nth-child(3){animation-delay:.4s}.alien:nth-child(4){animation-delay:.6s}.alien:nth-child(5){animation-delay:.8s}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.difficulty-label{margin:0;font-size:.9em}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Courier New,monospace;background:linear-gradient(135deg,#0a0e27,#1a0033,#0a0e27);color:#0f8;overflow:hidden;height:100vh}#root{width:100vw;height:100vh;display:flex;justify-content:center;align-items:center}@keyframes gradient-shift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes neon-glow{0%,to{text-shadow:0 0 10px #00ff88,0 0 20px #00ff88,0 0 30px #ff006e}50%{text-shadow:0 0 20px #00ff88,0 0 30px #00ff88,0 0 40px #ff006e,0 0 50px #ff006e}}@keyframes scan-line{0%{transform:translateY(-100%)}to{transform:translateY(100%)}}