:root{--cyan: #00d4ff;--purple: #b000ff;--green: #00ff88;--gold: #ffd700;--red: #ff0066;--bg: #050510;--bg2: #0a0a1f;--bg3: #0f0f2e;--text: #e0e0ff;--muted: #6060a0;--font-display: "Orbitron", sans-serif;--font-body: "Space Grotesk", sans-serif;--font-code: "Fira Code", monospace}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;min-height:100vh;background:var(--bg);color:var(--text);font-family:var(--font-body);overflow-x:hidden}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--muted);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--cyan)}@keyframes glitch{0%,90%,to{text-shadow:none;transform:none}92%{text-shadow:-3px 0 var(--red),3px 0 var(--cyan);transform:translate(-2px) skew(-1deg)}94%{text-shadow:3px 0 var(--red),-3px 0 var(--cyan);transform:translate(2px) skew(1deg)}96%{text-shadow:-2px 0 var(--purple),2px 0 var(--green);transform:translate(-1px)}}@keyframes glitch-fast{0%,80%,to{text-shadow:none;clip-path:none}82%{text-shadow:-2px 0 var(--red);clip-path:inset(20% 0 30% 0)}84%{text-shadow:2px 0 var(--cyan);clip-path:inset(60% 0 10% 0)}86%{clip-path:none}}@keyframes neon-pulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes scanline{0%{top:-5%}to{top:105%}}@keyframes particle-rise{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-80px) scale(0)}}@keyframes pop-in{0%{opacity:0;transform:scale(.7) translateY(20px)}60%{transform:scale(1.05) translateY(-4px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes slide-up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-right{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes xp-fill{0%{width:0%}to{width:var(--fill-w)}}@keyframes xp-flash{0%,to{background:var(--cyan)}50%{background:#fff;box-shadow:0 0 30px #fff}}@keyframes success-burst{0%{opacity:0;transform:scale(0)}40%{opacity:1;transform:scale(1.2)}70%{transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes node-unlock{0%{box-shadow:0 0 0 0 var(--cyan);transform:scale(1)}50%{box-shadow:0 0 40px 10px var(--cyan);transform:scale(1.2)}to{box-shadow:0 0 15px 2px var(--cyan);transform:scale(1)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-8px)}40%{transform:translate(8px)}60%{transform:translate(-5px)}80%{transform:translate(5px)}}@keyframes matrix-rain{0%{transform:translateY(-100%);opacity:0}10%{opacity:1}90%{opacity:.5}to{transform:translateY(100vh);opacity:0}}@keyframes typewriter{0%{width:0}to{width:100%}}.glitch{animation:glitch 4s infinite}.glitch-fast{animation:glitch-fast 3s infinite}.float{animation:float 3s ease-in-out infinite}.pop-in{animation:pop-in .4s cubic-bezier(.175,.885,.32,1.275) both}.slide-up{animation:slide-up .5s ease both}.slide-right{animation:slide-right .4s ease both}.neon-cyan{color:var(--cyan);text-shadow:0 0 10px var(--cyan),0 0 20px var(--cyan)}.neon-purple{color:var(--purple);text-shadow:0 0 10px var(--purple),0 0 20px var(--purple)}.neon-green{color:var(--green);text-shadow:0 0 10px var(--green),0 0 20px var(--green)}.neon-gold{color:var(--gold);text-shadow:0 0 10px var(--gold),0 0 20px var(--gold)}.btn{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;border:none;border-radius:8px;font-family:var(--font-display);font-size:.85rem;font-weight:700;letter-spacing:.1em;cursor:pointer;transition:all .2s ease;text-decoration:none;position:relative;overflow:hidden}.btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#fff;opacity:0;transition:opacity .15s}.btn:active:before{opacity:.1}.btn-cyan{background:var(--cyan);color:#000;box-shadow:0 0 20px #00d4ff66}.btn-cyan:hover{box-shadow:0 0 35px #00d4ffb3;transform:translateY(-2px)}.btn-purple{background:var(--purple);color:#fff;box-shadow:0 0 20px #b000ff66}.btn-purple:hover{box-shadow:0 0 35px #b000ffb3;transform:translateY(-2px)}.btn-ghost{background:transparent;color:var(--muted);border:1px solid var(--muted)}.btn-ghost:hover{color:var(--text);border-color:var(--text)}.btn-gold{background:var(--gold);color:#000;box-shadow:0 0 20px #ffd70066}.btn-gold:hover{box-shadow:0 0 35px #ffd700b3;transform:translateY(-2px)}.card{background:var(--bg2);border:1px solid rgba(255,255,255,.07);border-radius:16px;padding:24px}.tag{display:inline-block;padding:3px 10px;border-radius:20px;font-size:.7rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.tag-cyan{background:#00d4ff26;color:var(--cyan);border:1px solid rgba(0,212,255,.3)}.tag-purple{background:#b000ff26;color:var(--purple);border:1px solid rgba(176,0,255,.3)}.tag-green{background:#00ff8826;color:var(--green);border:1px solid rgba(0,255,136,.3)}.tag-gold{background:#ffd70026;color:var(--gold);border:1px solid rgba(255,215,0,.3)}.hud{position:fixed;top:0;left:0;right:0;height:56px;background:#050510e6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.06);display:flex;align-items:center;padding:0 24px;gap:16px;z-index:100}.hud-logo{font-family:var(--font-display);font-size:1.1rem;font-weight:900;color:var(--cyan);text-shadow:0 0 15px var(--cyan);letter-spacing:.15em;text-decoration:none}.hud-spacer{flex:1}.hud-stat{display:flex;align-items:center;gap:6px;font-size:.8rem;color:var(--muted)}.hud-stat strong{color:var(--text);font-weight:600}.xp-bar-wrap{width:120px;height:8px;background:#ffffff14;border-radius:4px;overflow:hidden}.xp-bar-fill{height:100%;background:linear-gradient(90deg,var(--cyan),var(--purple));border-radius:4px;transition:width .6s cubic-bezier(.34,1.56,.64,1);box-shadow:0 0 8px var(--cyan)}.stars-bg{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;z-index:0}.stars-bg:before,.stars-bg:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(1px 1px at 10% 20%,rgba(0,212,255,.6) 0%,transparent 100%),radial-gradient(1px 1px at 30% 80%,rgba(176,0,255,.5) 0%,transparent 100%),radial-gradient(1.5px 1.5px at 50% 10%,rgba(255,255,255,.4) 0%,transparent 100%),radial-gradient(1px 1px at 70% 50%,rgba(0,255,136,.4) 0%,transparent 100%),radial-gradient(1.5px 1.5px at 90% 30%,rgba(0,212,255,.5) 0%,transparent 100%),radial-gradient(1px 1px at 20% 60%,rgba(255,255,255,.3) 0%,transparent 100%),radial-gradient(1px 1px at 80% 90%,rgba(176,0,255,.4) 0%,transparent 100%),radial-gradient(1.5px 1.5px at 45% 45%,rgba(255,215,0,.3) 0%,transparent 100%),radial-gradient(1px 1px at 65% 15%,rgba(0,212,255,.5) 0%,transparent 100%),radial-gradient(1px 1px at 55% 70%,rgba(255,255,255,.3) 0%,transparent 100%);background-size:200px 200px;animation:neon-pulse 4s ease-in-out infinite}