/* ===== THEME: SPACE EFFECTS ===== */
/* === CURSOR HALO === */
#cursor-halo { position: fixed; width: 300px; height: 300px; border-radius: 50%; background: radial-gradient(circle, rgba(124,92,255,0.15) 0%, transparent 70%); pointer-events: none; z-index: 9998; transform: translate(-50%, -50%); transition: opacity 0.3s; opacity: 0; }
@media (pointer: coarse) { #cursor-halo { display: none; }}
.low-end #cursor-halo { display: none; }
/* === SIGNAL LANE SVG === */
#signal-lane { position: fixed; top: 0; left: 10%; width: 80px; height: 100%; pointer-events: none; z-index: 1; opacity: 0.6; }
@media (max-width: 768px) { #signal-lane { left: 5%; width: 50px; opacity: 0.4; }}
/* === SHARDS CANVAS === */
#shards-canvas { position: fixed; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; z-index: 9999; }
/* === HERO FIELD CANVAS === */
#hero-field { position: fixed; inset: 0; width: 100%; height: 100%; pointer-events: none; z-index: 2; mix-blend-mode: screen; opacity: 0.9; }
#particles-layer { position: fixed; inset: 0; width: 100%; height: 100%; pointer-events: none; z-index: 1; mix-blend-mode: screen; opacity: 0.45; }
@media (max-width: 768px) { #particles-layer { opacity: 0.25; }}
.low-end #hero-field { mix-blend-mode: normal; opacity: 0.5; }
/* === MARKET STRIP === */
.market-strip { display: inline-block; font-size: var(--text-xs); font-weight: 700; text-transform: uppercase; letter-spacing: 0.15em; color: var(--brand-glow); margin-bottom: var(--space-sm); padding: 0.5rem 1rem; background: rgba(34,211,238,0.05); border: 1px solid rgba(34,211,238,0.2); border-radius: var(--radius-full); }
.build-stamp { position: fixed; right: 12px; bottom: 10px; font-size: 11px; opacity: .55; pointer-events: none; }