:root{--ruby:#e8003d;--ruby-bright:#ff1a54;--ruby-dim:#8b0022;--ruby-glow:rgba(232,0,61,0.35);--ruby-glow-strong:rgba(255,26,84,0.6);--ruby-glow-soft:rgba(232,0,61,0.12);--bg-void:#020204;--bg-deep:#07080f;--bg-dark:#0d0e1a;--bg-card:rgba(13,14,26,0.85);--bg-card-hover:rgba(20,22,38,0.95);--bg-glass:rgba(255,255,255,0.02);--bg-glass-hover:rgba(232,0,61,0.04);--border-dim:rgba(232,0,61,0.12);--border-mid:rgba(232,0,61,0.3);--border-bright:rgba(232,0,61,0.7);--border-glass:rgba(255,255,255,0.06);--text-primary:#f0e8ec;--text-secondary:rgba(240,232,236,0.6);--text-muted:rgba(240,232,236,0.35);--text-ruby:#ff1a54;--neon-blue:#00f3ff;--neon-blue-bright:#70f9ff;--neon-blue-glow:rgba(0,243,255,0.35);--neon-blue-glow-strong:rgba(112,249,255,0.6);--font-display:"Orbitron","Courier New",monospace;--font-mono:"Share Tech Mono","Courier New",monospace;--font-body:"Inter",-apple-system,BlinkMacSystemFont,sans-serif;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:9999px;--transition-fast:150ms cubic-bezier(0.4,0,0.2,1);--transition-med:250ms cubic-bezier(0.4,0,0.2,1);--transition-slow:400ms cubic-bezier(0.4,0,0.2,1)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);background-color:var(--bg-void);color:var(--text-primary);min-height:100vh;overflow-x:hidden}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.bg-scene{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none}.bg-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(232,0,61,.08) 1px,transparent 0),linear-gradient(90deg,rgba(232,0,61,.08) 1px,transparent 0);background-size:60px 60px;animation:gridPulse 8s ease-in-out infinite}@keyframes gridPulse{0%,to{opacity:.6}50%{opacity:1}}.bg-glow-center{position:absolute;top:-20%;left:50%;transform:translateX(-50%);width:600px;height:600px;background:radial-gradient(ellipse,rgba(232,0,61,.18) 0,transparent 65%);animation:glowPulse 5s ease-in-out infinite}.bg-glow-left{position:absolute;bottom:10%;left:-10%;width:400px;height:400px;background:radial-gradient(ellipse,rgba(180,0,40,.12) 0,transparent 65%);animation:glowPulse 7s ease-in-out infinite reverse}.bg-glow-right{position:absolute;top:40%;right:-10%;width:350px;height:350px;background:radial-gradient(ellipse,rgba(232,0,61,.1) 0,transparent 65%);animation:glowPulse 6s ease-in-out 2s infinite}@keyframes glowPulse{0%,to{transform:translateX(-50%) scale(1);opacity:1}50%{transform:translateX(-50%) scale(1.1);opacity:.7}}.bg-glow-left,.bg-glow-right{animation:glowPulseSimple 6s ease-in-out infinite}@keyframes glowPulseSimple{0%,to{opacity:1}50%{opacity:.5}}.bg-scanlines{position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.15) 0,rgba(0,0,0,.15) 4px);pointer-events:none}@keyframes fadeUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes glitchText{0%{-webkit-clip-path:inset(0 0 95% 0);clip-path:inset(0 0 95% 0);transform:translate(-2px)}20%{-webkit-clip-path:inset(30% 0 50% 0);clip-path:inset(30% 0 50% 0);transform:translate(2px)}40%{-webkit-clip-path:inset(70% 0 10% 0);clip-path:inset(70% 0 10% 0);transform:translate(-1px)}60%{-webkit-clip-path:inset(20% 0 75% 0);clip-path:inset(20% 0 75% 0);transform:translate(1px)}80%{-webkit-clip-path:inset(80% 0 5% 0);clip-path:inset(80% 0 5% 0);transform:translate(-2px)}to{-webkit-clip-path:inset(0 0 95% 0);clip-path:inset(0 0 95% 0);transform:translate(0)}}@keyframes avatarPulse{0%,to{box-shadow:0 0 0 2px var(--ruby),0 0 20px var(--ruby-glow),0 0 40px var(--ruby-glow)}50%{box-shadow:0 0 0 3px var(--ruby-bright),0 0 30px var(--ruby-glow-strong),0 0 60px var(--ruby-glow)}}@keyframes borderFlicker{0%,95%,to{opacity:1}96%,98%{opacity:.4}97%,99%{opacity:.9}}@keyframes statusBlink{0%,49%{opacity:1}50%,to{opacity:0}}@keyframes scanlineScroll{0%{transform:translateY(-100%)}to{transform:translateY(100%)}}@keyframes textFlicker{0%,19%,21%,23%,25%,54%,56%,to{opacity:1;text-shadow:0 0 8px var(--ruby-glow)}20%,22%,24%,55%{opacity:.1;text-shadow:none}}@keyframes hudPulse{0%,to{border-color:var(--border-mid)}50%{border-color:var(--ruby-bright);box-shadow:0 0 10px var(--ruby-glow)}}@keyframes panText{0%{transform:translateX(0)}50%{transform:translateX(-20px)}to{transform:translateX(0)}}@keyframes targetLock{0%{transform:scale(1);opacity:.8}50%{transform:scale(1.1);opacity:1;box-shadow:0 0 5px var(--ruby-bright)}to{transform:scale(1);opacity:.8}}@keyframes glitchAnim{0%{-webkit-clip-path:inset(80% 0 0 0);clip-path:inset(80% 0 0 0);transform:translate(-2px,2px)}10%{-webkit-clip-path:inset(10% 0 60% 0);clip-path:inset(10% 0 60% 0);transform:translate(2px,-2px)}20%{-webkit-clip-path:inset(40% 0 20% 0);clip-path:inset(40% 0 20% 0);transform:translate(-2px,1px)}30%{-webkit-clip-path:inset(70% 0 10% 0);clip-path:inset(70% 0 10% 0);transform:translate(3px,-1px)}40%{-webkit-clip-path:inset(20% 0 50% 0);clip-path:inset(20% 0 50% 0);transform:translate(-1px,2px)}50%{-webkit-clip-path:inset(90% 0 5% 0);clip-path:inset(90% 0 5% 0);transform:translate(2px,-2px)}60%{-webkit-clip-path:inset(15% 0 70% 0);clip-path:inset(15% 0 70% 0);transform:translate(-3px,1px)}70%{-webkit-clip-path:inset(55% 0 25% 0);clip-path:inset(55% 0 25% 0);transform:translate(1px,-1px)}80%{-webkit-clip-path:inset(5% 0 85% 0);clip-path:inset(5% 0 85% 0);transform:translate(-2px,2px)}90%{-webkit-clip-path:inset(30% 0 40% 0);clip-path:inset(30% 0 40% 0);transform:translate(2px,-2px)}to{-webkit-clip-path:inset(80% 0 0 0);clip-path:inset(80% 0 0 0);transform:translate(-2px,2px)}}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:var(--bg-void)}::-webkit-scrollbar-thumb{background:var(--ruby-dim);border-radius:2px}::-webkit-scrollbar-thumb:hover{background:var(--ruby)}