/* Leaf tree (21 Oct 2026, LOCAL). The leaf rectangle = neon frame in this page's colour around its leaf buttons. */
#asit-rail.leafy{outline:2px solid var(--asit-theme);outline-offset:6px;border-radius:14px;box-shadow:0 0 14px var(--asit-theme-glow),0 0 34px var(--asit-theme-glow),inset 0 0 12px var(--asit-theme-glow);transform-origin:0 50%;transition:transform .42s cubic-bezier(.55,0,.75,.4),opacity .42s}
#asit-rail.leafy a{border-radius:4px 22px 4px 22px!important}
html.asit-rail-flow #asit-rail.leafy{outline-offset:3px}
#asit-far{position:fixed;inset:0;pointer-events:none;z-index:10049}
#asit-far .lt-line{position:absolute;inset:0;filter:drop-shadow(0 0 3px currentColor);opacity:.7}
#asit-far .lt-g{position:absolute;min-width:0!important;min-height:0!important;max-width:none!important;box-sizing:border-box;border:1.5px solid var(--c);border-radius:6px;box-shadow:0 0 8px var(--c);display:flex;flex-direction:column;gap:2px;padding:2px;transition:transform .42s cubic-bezier(.55,0,.75,.4),opacity .42s;transform-origin:100% 50%}
html.asit-rail-flow #asit-far .lt-g{flex-direction:row}
#asit-far .lt-g i{flex:1;border-radius:1px 5px 1px 5px;background:color-mix(in srgb,var(--c) 45%,transparent)}
/* leaving: everything rolls left and falls away down the slope, but stays on screen */
html.lt-rolling #asit-rail.leafy{transform:perspective(700px) translateX(-14px) rotateY(38deg) rotateZ(-4deg) scale(.58);opacity:.8}
#asit-far.lt-step .lt-g{transform:translateX(-6px) scale(.58);opacity:.3}
#asit-rail.leafy.lt-in{animation:ltIn .45s cubic-bezier(.2,.7,.3,1)}
@keyframes ltIn{from{transform:translateX(40px) perspective(700px) rotateY(-24deg);opacity:0}to{transform:none;opacity:1}}
@media (prefers-reduced-motion:reduce){#asit-rail.leafy,#asit-far .lt-g{transition:none!important;animation:none!important}}