.cx-shell{--cx-above-rail:40rem}@media (min-width:768px){.cx-shell{padding-top:clamp(6rem, calc(100svh - var(--hud-bottom-h,37px) - var(--cx-above-rail)), 9rem)}}.cx-page{--cx-pad:1.75rem;--cx-row:3.5rem;--cx-top:.61rem;--cx-draw:1.1s;--cx-glow:0 0 0 1px color-mix(in srgb, var(--color-accent) 70%, transparent), 0 0 40px -2px color-mix(in srgb, var(--color-accent) 55%, transparent)}@media (min-width:768px){.cx-page{--cx-pad:3rem}}.cx-trace,.cx-indent{padding-left:var(--cx-pad)}.cx-trace{position:relative}.cx-trace:before{content:"";left:0;top:var(--cx-top);bottom:calc(var(--cx-row) / 2);background:linear-gradient(to bottom, color-mix(in srgb, var(--color-accent) 20%, transparent), var(--color-accent));width:1px;box-shadow:0 0 8px color-mix(in srgb, var(--color-accent) 40%, transparent);transform-origin:top;position:absolute}.cx-trace:after{content:"";left:-2px;top:calc(var(--cx-top) - 2.5px);background:var(--color-accent);border-radius:50%;width:5px;height:5px;position:absolute}.cx-primary{min-height:var(--cx-row);align-items:center;display:flex;position:relative}.cx-primary:before{content:"";left:calc(-1 * var(--cx-pad));width:calc(var(--cx-pad) - .5rem);background:var(--color-accent);height:1px;box-shadow:0 0 8px color-mix(in srgb, var(--color-accent) 40%, transparent);transform-origin:0;position:absolute;top:50%}.cx-primary a{background-color:var(--color-accent);color:var(--color-ink);box-shadow:var(--cx-glow)}.cx-primary a:hover{background-color:var(--color-lime-100)}@media (prefers-reduced-motion:no-preference) and (scripting:enabled){.cx-trace:not([data-on]):before{transform:scaleY(0)}.cx-trace:not([data-on]):after{opacity:0}.cx-trace:not([data-on]) .cx-primary:before{transform:scaleX(0)}.cx-trace:not([data-on]) .cx-primary a{background-color:var(--color-violet-500);color:var(--color-ink);box-shadow:none}.cx-trace:not([data-on]):not([data-js]):before,.cx-trace:not([data-on]):not([data-js]):after,.cx-trace:not([data-on]):not([data-js]) .cx-primary:before{animation:.6s ease-out 4s forwards cx-safety}.cx-trace:not([data-on]):not([data-js]) .cx-primary a{animation:.6s ease-out 4s forwards cx-safety-lit}.cx-trace[data-on]:after{animation:.24s ease-out backwards cx-fade}.cx-trace[data-on]:before{animation:cx-draw var(--cx-draw) var(--ease-deck) .12s backwards}.cx-trace[data-on] .cx-primary:before{animation:cx-turn .26s ease-out calc(var(--cx-draw) + .12s) backwards}.cx-trace[data-on] .cx-primary a{animation:cx-lit .7s var(--ease-out-quart) calc(var(--cx-draw) + .36s) backwards}}@keyframes cx-fade{0%{opacity:0}}@keyframes cx-draw{0%{transform:scaleY(0)}}@keyframes cx-turn{0%{transform:scaleX(0)}}@keyframes cx-safety{to{opacity:1;transform:none}}@keyframes cx-safety-lit{to{background-color:var(--color-accent);color:var(--color-ink);box-shadow:var(--cx-glow)}}@keyframes cx-lit{0%{background-color:var(--color-violet-500);color:var(--color-ink);box-shadow:none}}