.living-magic{position:fixed;inset:0;pointer-events:none;overflow:hidden;z-index:4;--glow:#ffeaa3}.magic-mote{position:absolute;left:var(--x);top:var(--y);width:var(--size);height:var(--size);border-radius:50%;background:var(--glow);box-shadow:0 0 10px 3px color-mix(in srgb,var(--glow),transparent 45%);opacity:0;animation:livingTwinkle var(--time) var(--delay) ease-in-out infinite}.living-magic.sleeping *,.magic-burst.sleeping *{animation-play-state:paused!important}.magic-burst{position:fixed;width:1px;height:1px;z-index:20;pointer-events:none}.magic-burst i{position:absolute;width:8px;height:8px;background:var(--tone);clip-path:polygon(50% 0,61% 36%,100% 50%,61% 64%,50% 100%,39% 64%,0 50%,39% 36%);animation:livingSpark .85s var(--delay) ease-out both;filter:drop-shadow(0 0 5px #fff2ae);pointer-events:none}
body[data-magic-theme=night] .living-magic{--glow:#e5eaff}body[data-magic-theme=night] .magic-mote{width:5px;height:5px;clip-path:polygon(50% 0,60% 40%,100% 50%,60% 60%,50% 100%,40% 60%,0 50%,40% 40%);opacity:.2}body[data-magic-theme=night] .living-magic:not([data-phase="5"]){opacity:.35}body[data-magic-theme=party] .magic-mote:nth-child(3n){--glow:#ffd4ec}body[data-magic-theme=party] .magic-mote:nth-child(3n+1){--glow:#adf3eb}body[data-magic-theme=seasons] .living-magic[data-season=winter]{--glow:#e7faff}body[data-magic-theme=seasons] .living-magic[data-season=autumn]{--glow:#ffcb71}body[data-magic-theme=workshop] .living-magic{opacity:.45}body[data-magic-theme=meadow] #water.full{box-shadow:inset 0 3px 8px #ecffffb0,0 0 12px #d8ffff80}body[data-magic-theme=party] .flame{filter:drop-shadow(0 0 9px #ffc342) drop-shadow(0 0 16px #ffda8280)}
@keyframes livingTwinkle{0%,100%{opacity:.08;transform:translate(0,8px) scale(.6)}45%{opacity:.65;transform:translate(var(--drift),-10px) scale(1)}70%{opacity:.25}}@keyframes livingSpark{0%{opacity:0;transform:scale(.2)}15%{opacity:1}100%{opacity:0;transform:translate(var(--dx),var(--dy)) rotate(65deg) scale(.25)}}
@media(max-width:600px){.magic-mote:nth-child(n+9){display:none}.living-magic{opacity:.65}}@media(prefers-reduced-motion:reduce){.living-magic,.magic-burst{display:none!important}}

body[data-magic-theme=forest] .living-magic{--glow:#ddf6a0}body[data-magic-theme=clean] .living-magic{--glow:#ccfaff;opacity:.45}body[data-magic-theme=clean] .magic-mote{background:transparent;border:1px solid #e4ffff;width:8px;height:8px}body[data-magic-theme=city] .living-magic{opacity:.25;--glow:#ffe3a3}body[data-magic-theme=weather] .living-magic[data-weather=rain],body[data-magic-theme=weather] .living-magic[data-weather=wind]{opacity:.15}body[data-magic-theme=weather] .living-magic[data-weather=snow]{--glow:#e5faff}