/* Layered light, moving filaments and embers. The portrait itself never rotates. */
.arcade-avatar:has(>.avatar-energy){--ring:#c6a3ff;--energy-hot:#fff3ff;--energy-color:#a241ff;--energy-second:#5035ff;animation:none!important;border-color:var(--energy-color);box-shadow:0 0 3px var(--energy-hot),0 0 9px var(--energy-color);background:#100b25;overflow:visible}
.arcade-avatar:has(>.energy-storm){--energy-hot:#fffff2;--energy-color:#ffb4fa;--energy-second:#a823ff}
.arcade-avatar:has(>.energy-plasma){--energy-hot:#b7f9ff;--energy-color:#5185ff;--energy-second:#3b20ff}
.arcade-avatar:has(>.energy-inferno){--energy-hot:#ffd6ff;--energy-color:#b224ff;--energy-second:#ff1cbd}
.arcade-avatar:has(>.avatar-energy):before,.arcade-avatar:has(>.avatar-energy):after,.arcade-avatar:has(>.avatar-energy)>i{display:none!important}
.arcade-avatar .avatar-energy{position:absolute;inset:-40%;width:180%;height:180%;max-width:none;overflow:visible;pointer-events:none;z-index:2;fill:none;stroke:var(--energy-color);stroke-linecap:round;stroke-linejoin:round;contain:layout style}
.avatar-energy .energy-haze{stroke-width:8;opacity:.65;filter:blur(3px);animation:avatarRadiance 3.6s ease-in-out infinite alternate}
.avatar-energy .energy-rim{stroke-width:2;stroke:var(--energy-hot);filter:drop-shadow(0 0 2px var(--energy-color)) drop-shadow(0 0 4px var(--energy-color));opacity:.95}
.avatar-energy .energy-inner{stroke-width:.6;stroke:var(--energy-hot);opacity:.5;stroke-dasharray:.5 2}
.avatar-energy .energy-stream{transform-origin:100px 100px;animation:avatarEnergySpin 9s linear infinite;filter:drop-shadow(0 0 2px var(--energy-color))}
.avatar-energy .energy-wave{stroke-width:1.8;stroke:var(--energy-color);opacity:.8}
.avatar-energy .wave-two{stroke:var(--energy-second);stroke-width:3;opacity:.7;transform:rotate(45deg);transform-origin:100px 100px}
.avatar-energy .energy-runner{stroke:var(--energy-hot);stroke-width:2.5;stroke-dasharray:90 170 7 160 50 523;filter:drop-shadow(0 0 3px var(--energy-color));animation:avatarEnergyCurrent 3s linear infinite}
.avatar-energy .energy-particles{fill:var(--energy-hot);stroke:none;filter:drop-shadow(0 0 2px var(--energy-color));transform-origin:100px 100px;animation:avatarEnergySpin 17s linear infinite reverse}
.avatar-energy .energy-particles circle{animation:avatarParticleHeat 3s var(--phase) ease-in-out infinite alternate}
.avatar-energy .energy-satellites{fill:var(--energy-hot);stroke:none;transform-origin:100px 100px;filter:drop-shadow(0 0 2px white) drop-shadow(0 0 4px var(--energy-color));animation:avatarEnergySpin 4.5s linear infinite}
.energy-quantum .energy-wave{stroke-dasharray:2 3;stroke-width:3}.energy-quantum .wave-two{stroke-width:1;stroke-dasharray:none;opacity:.6}.energy-quantum .energy-haze{stroke-width:10}
.energy-storm .energy-stream{animation-duration:11s}.energy-storm .energy-wave{stroke:var(--energy-hot);stroke-width:1;opacity:.5}.energy-storm .energy-bolts{stroke:var(--energy-hot);stroke-width:1.3;filter:drop-shadow(0 0 2px #fff) drop-shadow(0 0 4px #f37cff);transform-origin:100px 100px;animation:avatarStormDrift 12s ease-in-out infinite alternate}
.energy-storm .energy-bolts path{stroke-dasharray:45 15;animation:avatarLightningTravel 2.8s var(--phase) ease-in-out infinite alternate}
.energy-storm .energy-runner{animation-duration:1.8s;stroke-width:3}
.energy-plasma .energy-wave{stroke-width:3;stroke:var(--energy-hot);stroke-dasharray:25 14;animation:avatarPlasmaFlow 4s linear infinite}.energy-plasma .wave-two{stroke:var(--energy-color);stroke-width:5;stroke-dasharray:40 18;animation-duration:6s;animation-direction:reverse}.energy-plasma .energy-stream{animation-duration:8s}.energy-plasma .energy-inner{stroke-width:1.5;stroke-dasharray:none;stroke:#d4e3ff}.energy-plasma .energy-haze{stroke-width:12;stroke:#263eff}.energy-plasma .energy-particles{opacity:.5}
.energy-inferno .energy-wave{stroke-width:2.5;stroke:var(--energy-second);stroke-dasharray:18 4;animation:avatarFlameSurge 2.8s ease-in-out infinite alternate}.energy-inferno .wave-two{stroke:var(--energy-color);stroke-width:4;animation-delay:-1.4s}.energy-inferno .energy-rim{stroke:#8025ff;stroke-width:3}.energy-inferno .energy-stream{animation-duration:7s}.energy-inferno .energy-particles{fill:#ff80dc;animation-duration:11s}.energy-inferno .energy-runner{stroke:#e4b5ff;stroke-width:1}
@keyframes avatarEnergySpin{to{transform:rotate(360deg)}}
@keyframes avatarEnergyCurrent{to{stroke-dashoffset:-1000}}
@keyframes avatarRadiance{from{opacity:.4}to{opacity:.85}}
@keyframes avatarParticleHeat{from{opacity:.35}to{opacity:1}}
@keyframes avatarLightningTravel{0%{stroke-dashoffset:0;opacity:.35}45%{opacity:1}100%{stroke-dashoffset:45;opacity:.6}}
@keyframes avatarStormDrift{from{transform:rotate(-12deg)}to{transform:rotate(25deg)}}
@keyframes avatarPlasmaFlow{to{stroke-dashoffset:-156}}
@keyframes avatarFlameSurge{from{stroke-dashoffset:0;opacity:.55}to{stroke-dashoffset:44;opacity:1}}
.shop-preview:has(.avatar-energy){min-height:275px;background:radial-gradient(ellipse,#23103a 0,#090c1b 65%)!important}
.shop-preview .arcade-avatar:has(>.avatar-energy){width:128px;height:128px;margin:36px}
#modalContent>.arcade-avatar:has(>.avatar-energy){display:flex;width:154px;height:154px;margin:55px auto}
.decorations-off .avatar-energy *{animation:none!important}
.cosmetics-paused .avatar-energy *{animation-play-state:paused!important}
@media(prefers-reduced-motion:reduce){.avatar-energy *{animation:none!important}}