/* Wondernauts planets v2 — styles for <canvas class="pl3d"> that replaced <img src="img/p_*.webp">.
   The renderer does the axial rotation, lighting and glow itself, so every old whole-image spin
   (spin / plspin / dfFloat rotate) and per-frame CSS filter is switched off here. */
canvas.pl3d{display:block;aspect-ratio:1;animation:none!important;filter:none!important;-webkit-user-drag:none;user-select:none;-webkit-touch-callout:none}
/* songs cards: the old fake shading overlay (mask:var(--m) + plspin) is replaced by real lighting */
.pl.pl3d-host::after{display:none!important}
.node.cur .pl.pl3d-host::after{display:block!important}
/* locked states are rendered still (no per-frame repaint), so a CSS filter is cheap there */
.node.lock .pl canvas.pl3d{filter:grayscale(1) brightness(.4)!important}
.tcard2.lock .tc-art canvas.pl3d{filter:brightness(0)!important}
.szdemo canvas.pl3d.hl{filter:drop-shadow(0 0 16px var(--gold,#ffd25a))!important}
/* keep the non-rotating motion the old images had */
.chant .disc.beat canvas.pl3d{animation:none!important} /* planet itself never pulses: rotation stays visibly uniform */
.chant .disc.pl3d-host::before{content:"";position:absolute;inset:-6%;border-radius:50%;pointer-events:none;background:radial-gradient(circle,rgba(255,210,120,.0) 52%,rgba(255,210,120,.35) 62%,transparent 72%);opacity:.35}
.chant .disc.pl3d-host canvas.pl3d{position:relative;z-index:1}
.chant .disc.pl3d-host.beat::before{animation:pl3dBeat .3s ease-out}
@keyframes pl3dBeat{0%{opacity:.9;transform:scale(1.04)}100%{opacity:.35;transform:none}}
.df-planet.pl3d{animation:pl3dFloat 9s ease-in-out infinite!important}
.df-planet.p2.pl3d{animation:pl3dFloat 11s ease-in-out infinite reverse!important}
@keyframes pl3dFloat{50%{transform:translateY(-8px)}} /* pure vertical drift: no rotate/scale, does not touch the spin */
/* orbit game: real Sun inside the old gradient disc */
.sun.pl3d-sun{background:none!important;box-shadow:none!important;overflow:visible}
.sun.pl3d-sun canvas.pl3d{width:150%;height:150%;margin:-25%}
.oslot canvas.pl3d{animation:none!important}
@media (prefers-reduced-motion:reduce){.chant .disc.pl3d-host.beat::before,.df-planet.pl3d{animation:none!important}}