:root{--constellation-bg: #05040f;--constellation-border: rgba(251, 191, 36, .45);--constellation-line: rgba(255, 215, 0, .24);--constellation-line-unlocked: rgba(255, 215, 0, .78);--matrix-tint: rgba(255, 215, 0, .06)}.constellation-board{background:radial-gradient(circle at 50% 45%,rgba(255,255,255,.06),transparent 55%),radial-gradient(circle at 20% 80%,var(--matrix-tint),transparent 60%),var(--constellation-bg);border:1px solid var(--constellation-border)}@keyframes drawLine{0%{stroke-dashoffset:200}to{stroke-dashoffset:0}}.animate-drawLine{stroke-dasharray:200;animation:drawLine .9s ease-out forwards}@keyframes starPulse{0%,to{transform:scale(1);filter:drop-shadow(0 0 6px rgba(255,215,0,.55))}50%{transform:scale(1.18);filter:drop-shadow(0 0 14px rgba(255,242,168,.85))}}.animate-starPulse{animation:starPulse 3s ease-in-out infinite}.constellation-line{stroke:var(--constellation-line);stroke-width:1.6}.constellation-line.is-unlocked{stroke:var(--constellation-line-unlocked)}.constellation-node{width:44px;height:44px;border-radius:999px;display:flex;align-items:center;justify-content:center;color:#fde68ae6;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);transition:transform .16s ease-out,background .16s ease-out,color .16s ease-out,border-color .16s ease-out}.constellation-node:hover,.constellation-node:focus-visible{transform:scale(1.12);outline:none}.constellation-node.is-unlocked{background:#ffd700eb;border-color:#ffd700f2;color:#0b0f1c}