/* Llama King — animation layer (charming, calm, ADHD-friendly). Structure/colours live in base.css; this file is motion only. (Rocket is now a raster image; its exhaust glow + breathing live in base.css.) */ /* floating gold motes + sparkles (spawned by scene.js) */ .float-layer{position:fixed;inset:0;z-index:2;pointer-events:none;overflow:hidden} .mote{position:fixed;bottom:0;border-radius:50%;will-change:transform,opacity; background:radial-gradient(circle at 38% 34%, var(--accentL), transparent 72%)} .sparkle{position:fixed;width:16px;height:16px;will-change:transform,opacity;background:var(--accentL); clip-path:polygon(50% 0,58% 42%,100% 50%,58% 58%,50% 100%,42% 58%,0 50%,42% 42%); filter:drop-shadow(0 0 5px rgba(255,207,120,.8))} /* --------------------------------------------------------------------------- Staggered entrance — resting state is fully visible (base.css). scene.js adds `.lk-intro` to to hide [data-rise] items, then removes it (rAF + a setTimeout fallback that fires even when the timeline is paused) so static captures / PDF / print never stick hidden. --------------------------------------------------------------------------- */ [data-rise]{transition:opacity .7s var(--d,0s) ease, transform .7s var(--d,0s) cubic-bezier(.2,.8,.2,1)} .lk-intro [data-rise]{opacity:0;transform:translateY(16px)} .lk-intro .rocket-wrap{opacity:0;transform:translateY(26px) scale(.92)} @media (prefers-reduced-motion:reduce){ [data-rise]{transition:none} }