:root{--primary: #00f2ff;--secondary: #ff00ff;--accent: #7000ff;--danger: #ff0055;--bg-dark: #03030d;--bg-card: rgba(8, 8, 25, .92);--text: #e0e0ff;--font-main: "Rajdhani", sans-serif;--font-heading: "Orbitron", sans-serif}body:after{content:"";position:fixed;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.08) 2px,rgba(0,0,0,.08) 4px);pointer-events:none;z-index:9999}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}body{background:var(--bg-dark);color:var(--text);font-family:var(--font-main);overflow:hidden;display:flex;justify-content:center;align-items:center;height:100vh;width:100vw}#game-container{position:relative;width:100%;height:100%;display:flex;justify-content:center;align-items:center;background:radial-gradient(ellipse at 50% 60%,#0d0d2b,#03030d 70%)}canvas{image-rendering:pixelated;box-shadow:0 0 80px #0096ff26,0 0 0 1px #00f2ff26;background:#000}#ui-layer{position:absolute;inset:0;pointer-events:none;display:flex;justify-content:center;align-items:center}.screen{position:absolute;inset:0;background:#030312eb;-webkit-backdrop-filter:blur(16px) saturate(1.5);backdrop-filter:blur(16px) saturate(1.5);display:flex;flex-direction:column;justify-content:center;align-items:center;pointer-events:all;z-index:100;transition:opacity .4s ease,transform .4s ease;gap:.5rem}.screen.hidden{opacity:0;pointer-events:none;transform:scale(1.04)}.logo{font-family:var(--font-heading);font-size:clamp(3rem,6vw,5.5rem);font-weight:900;letter-spacing:12px;color:var(--primary);text-shadow:0 0 30px rgba(0,242,255,.6),0 0 70px rgba(0,242,255,.2);animation:pulsate 2.5s ease-in-out infinite;margin-bottom:.25rem}.subtitle{font-family:var(--font-heading);font-size:clamp(.65rem,1.2vw,.85rem);letter-spacing:6px;color:var(--secondary);margin-bottom:2.5rem;opacity:.9}.title{font-family:var(--font-heading);font-size:1.8rem;letter-spacing:6px;color:var(--primary);text-shadow:0 0 15px rgba(0,242,255,.5);margin-bottom:1rem}.instructions{display:flex;flex-wrap:wrap;justify-content:center;gap:.75rem;margin-bottom:2rem;max-width:640px}.key-hint{background:#00f2ff0d;padding:.7rem 1.2rem;border:1px solid rgba(0,242,255,.2);border-radius:6px;display:flex;flex-direction:column;align-items:center;gap:.3rem;min-width:90px;font-size:.75rem;letter-spacing:1px;color:#ffffffb3;transition:border-color .3s,background .3s}.key-hint:hover{background:#00f2ff1a;border-color:#00f2ff80}.key-hint span{font-family:var(--font-heading);font-size:.85rem;color:var(--primary)}.neon-btn{background:transparent;border:1.5px solid var(--primary);color:var(--primary);padding:.85rem 2.8rem;font-family:var(--font-heading);font-size:.95rem;letter-spacing:3px;cursor:pointer;position:relative;overflow:hidden;transition:all .25s ease;text-transform:uppercase;border-radius:3px;margin-top:.5rem}.neon-btn:before{content:"";position:absolute;inset:0;background:var(--primary);transform:translate(-110%);transition:transform .25s ease;z-index:-1}.neon-btn:hover{color:var(--bg-dark);box-shadow:0 0 25px var(--primary)}.neon-btn:hover:before{transform:translate(0)}.neon-btn:active{transform:scale(.96)}#game-ui{position:absolute;top:1.2rem;left:1.5rem;right:1.5rem;pointer-events:none;transition:opacity .4s}#game-ui.hidden{opacity:0}.top-bar{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(90deg,rgba(0,242,255,.08),transparent 60%);padding:.5rem 1rem;border-left:2px solid var(--primary);border-radius:0 6px 6px 0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);gap:1.5rem}.level-info{font-family:var(--font-heading);font-size:1rem;color:var(--text);display:flex;flex-direction:column;line-height:1.2}.level-info span{color:var(--primary);font-size:1.4rem}.level-info:after{content:"NEURAL AI: ACTIVE";font-size:.55rem;color:var(--primary);letter-spacing:2px;opacity:.7}.score-display{font-family:var(--font-heading);font-size:.85rem;letter-spacing:2px;color:#fff;display:flex;flex-direction:column;align-items:center}.score-display span{color:var(--secondary);font-size:1.3rem}.neural-container{display:flex;flex-direction:column;align-items:center;gap:4px}.neural-label{font-size:.6rem;letter-spacing:2px;color:var(--secondary);font-weight:700}.neural-bar-bg{width:180px;height:7px;background:#ff00ff14;border:1px solid rgba(255,0,255,.25);border-radius:4px;overflow:hidden}#neural-fill{width:100%;height:100%;background:linear-gradient(90deg,var(--secondary),var(--accent));box-shadow:0 0 10px var(--secondary);transition:width .12s ease;border-radius:4px}.status-badges{display:flex;gap:.6rem;align-items:center}.badge{font-family:var(--font-heading);font-size:.55rem;letter-spacing:1.5px;padding:.25rem .6rem;border-radius:3px;border:1px solid rgba(255,255,255,.15);background:#ffffff0d;color:#ffffff80;transition:all .2s}.badge.active{border-color:var(--primary);color:var(--primary);background:#00f2ff1a;box-shadow:0 0 8px #00f2ff4d}.badge.magnetic.active{border-color:var(--secondary);color:var(--secondary);background:#ff00ff1a;box-shadow:0 0 8px #ff00ff4d}.badge.dash.active{border-color:#f0a;color:#f0a;background:#ff00aa1a}.grav-indicator{display:flex;flex-direction:column;align-items:center;gap:2px}.grav-label{font-size:.55rem;letter-spacing:2px;color:#fff6}.grav-arrow{font-size:1.2rem;color:var(--primary);transition:transform .4s cubic-bezier(.34,1.56,.64,1);filter:drop-shadow(0 0 6px var(--primary))}.icon-btn{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:var(--text);width:38px;height:38px;display:flex;justify-content:center;align-items:center;cursor:pointer;border-radius:4px;pointer-events:all;transition:all .2s}.icon-btn:hover{background:#ffffff1a;color:var(--secondary);border-color:var(--secondary)}.icon-btn svg{width:22px;height:22px;fill:currentColor}.success-msg,.fail-msg{font-family:var(--font-heading);font-size:2.8rem;margin-bottom:1.5rem;letter-spacing:6px}.success-msg{color:var(--primary);text-shadow:0 0 20px rgba(0,242,255,.5)}.fail-msg{color:var(--danger);text-shadow:0 0 20px rgba(255,0,85,.5)}.sector-stats{font-family:var(--font-heading);font-size:.8rem;letter-spacing:3px;color:#ffffff80;margin-bottom:2rem}#leaderboard-list{width:min(95%,580px);margin:.5rem 0 1.5rem;max-height:380px;overflow-y:auto;display:flex;flex-direction:column;gap:.4rem;pointer-events:all;scrollbar-width:thin;scrollbar-color:var(--primary) transparent}.leaderboard-item{display:grid;grid-template-columns:2fr 1fr 1fr;padding:.7rem 1.2rem;background:#ffffff08;border:1px solid rgba(255,255,255,.07);border-radius:4px;font-family:var(--font-heading);font-size:.8rem;color:var(--text);letter-spacing:1.5px;transition:all .2s ease}.leaderboard-item:hover{background:#00f2ff12;border-color:#00f2ff4d;transform:translate(4px)}.leaderboard-item.header{background:linear-gradient(90deg,#00f2ff33,#00f2ff0d);border-color:var(--primary);color:var(--primary);font-weight:700;pointer-events:none}.settings-section{width:min(90%,500px);background:#7000ff0d;border:1px solid rgba(112,0,255,.2);padding:1.2rem;border-radius:8px;display:flex;flex-direction:column;gap:1rem;margin-bottom:.5rem}.settings-section h3{font-size:.75rem;color:var(--accent);letter-spacing:2px;margin-bottom:.5rem}.setting-item{display:flex;justify-content:space-between;align-items:center;gap:1rem;font-size:.85rem;letter-spacing:1px}.setting-item input[type=range]{flex:1;accent-color:var(--accent);cursor:pointer}.controls-grid{display:flex;flex-direction:column;gap:.5rem}.ctrl-row{display:flex;justify-content:space-between;font-size:.8rem;color:#fffc;border-bottom:1px solid rgba(112,0,255,.1);padding-bottom:.3rem}.ctrl-row span{color:var(--accent);font-weight:700;font-family:var(--font-heading)}@keyframes pulsate{0%,to{opacity:.85;text-shadow:0 0 15px rgba(0,242,255,.4)}50%{opacity:1;text-shadow:0 0 40px rgba(0,242,255,.9),0 0 80px rgba(0,242,255,.3)}}@keyframes slideIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.hidden{display:none!important}