.animated-account-icon{--icon-accent:#ffad36;--icon-light:#fff1ab;--icon-dark:#692810;isolation:isolate;aspect-ratio:1;vertical-align:middle;contain:layout style;flex:none;width:100%;display:inline-block;position:relative}.animated-account-icon span,.animated-account-icon i{box-sizing:border-box;pointer-events:none}.animated-icon-interior{clip-path:polygon(9% 0,91% 0,100% 9%,100% 91%,91% 100%,9% 100%,0 91%,0 9%);background:#061521;position:absolute;inset:13%;overflow:hidden}.animated-icon-backdrop{background:radial-gradient(ellipse at 50% 72%,var(--icon-dark),#04101a 76%);position:absolute;inset:0}.animated-icon-aura{background:radial-gradient(ellipse,var(--icon-accent),transparent 65%);opacity:.28;border-radius:50%;animation:4s ease-in-out infinite icon-aura-breathe;position:absolute;inset:6%}.animated-account-icon .animated-icon-portrait{object-fit:contain;transform-origin:50% 78%;border:0;border-radius:0;width:100%;max-width:none;height:100%;animation:4.8s ease-in-out infinite icon-portrait-breathe;position:absolute;inset:0}.animated-icon-face-light{background:radial-gradient(ellipse at 50% 35%,var(--icon-light),transparent 32%);mix-blend-mode:soft-light;opacity:0;animation:5.6s ease-in-out infinite icon-face-glow;position:absolute;inset:0}.animated-icon-motes{position:absolute;inset:8% 0 0}.animated-icon-motes i{left:calc(15% + var(--mote)*17%);background:var(--icon-light);width:2%;height:3%;box-shadow:0 0 5px var(--icon-accent);opacity:0;animation:icon-mote-rise 3.8s calc(var(--mote)*-.67s) ease-out infinite;border-radius:50%;position:absolute;bottom:2%}.animated-icon-border{position:absolute;inset:0}.animated-icon-frame{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.border-ember-king .animated-icon-border{--icon-accent:#ffad36;--icon-light:#fff1ab;--icon-dark:#692810}.border-stormfang .animated-icon-border{--icon-accent:#4fe4ff;--icon-light:#e4ffff;--icon-dark:#164774}.border-void-oracle .animated-icon-border{--icon-accent:#bd83ff;--icon-light:#fae2ff;--icon-dark:#452675}.animated-icon-border-glow{border:5px solid var(--icon-accent);box-shadow:0 0 13px var(--icon-dark),inset 0 0 12px var(--icon-dark);opacity:.3;border-radius:14%;animation:3.2s ease-in-out infinite icon-border-breathe;position:absolute;inset:9%}.animated-icon-orbit{animation:8s linear infinite icon-orbit;position:absolute;inset:0}.animated-icon-orbit i{background:var(--icon-light);clip-path:polygon(50% 0,66% 35%,100% 50%,66% 66%,50% 100%,35% 66%,0 50%,35% 35%);opacity:.9;width:4%;height:4%;position:absolute;top:3%;left:48%}.animated-icon-orbit i:nth-child(2){opacity:.6;width:2.6%;height:2.6%;top:71%;left:6%}.animated-icon-orbit i:nth-child(3){opacity:.6;width:2%;height:2%;top:82%;left:80%}.animated-icon-gem-light{animation:4.7s ease-in-out infinite icon-gem-glint}.animated-icon-crown-spark{background:radial-gradient(ellipse,var(--icon-light),transparent 65%);opacity:.2;width:10%;height:10%;animation:3.2s ease-in-out infinite icon-crown-glint;position:absolute;top:8%;left:45%}.icon-stormfang .animated-icon-portrait{animation-duration:5.5s}.icon-stormfang .animated-icon-face-light{background:linear-gradient(120deg,#0000 26%,#c8ffff80 48%,#0000 68%);animation:7s linear infinite icon-lightning-flash}.border-stormfang .animated-icon-border-glow{animation:5s linear infinite icon-storm-charge}.border-stormfang .animated-icon-orbit{animation-duration:5.5s;animation-direction:reverse}.icon-stormfang .animated-icon-motes i{border-radius:0;height:2%;animation-name:icon-snow-drift}.icon-void-oracle .animated-icon-portrait{animation:6s ease-in-out infinite icon-oracle-hover}.icon-void-oracle .animated-icon-aura{background:conic-gradient(from 30deg,transparent,var(--icon-dark),var(--icon-accent),transparent,var(--icon-dark),var(--icon-accent),transparent);opacity:.4;animation:22s linear infinite icon-orbit;inset:3%}.icon-void-oracle .animated-icon-motes i{clip-path:polygon(50% 0,65% 35%,100% 50%,65% 65%,50% 100%,35% 65%,0 50%,35% 35%);border-radius:0;width:4%;height:4%;animation-name:icon-star-drift}.border-void-oracle .animated-icon-orbit{animation-duration:13s}.border-void-oracle .animated-icon-border-glow{border-radius:20%;animation-duration:6s}.animated-account-icon[data-mode=border] .animated-icon-border-glow{opacity:.4}.animated-account-icon[data-mode=icon] .animated-icon-interior{inset:9%}.animated-account-icon[data-paused=true] *{animation-play-state:paused!important}@keyframes icon-portrait-breathe{0%,to{transform:translateY(1%)scale(1.02)}50%{transform:translateY(-1.5%)scale(1.055)}}@keyframes icon-aura-breathe{0%,to{opacity:.22;transform:scale(.88)}50%{opacity:.44;transform:scale(1.12)}}@keyframes icon-face-glow{0%,65%,to{opacity:0}40%{opacity:.45}}@keyframes icon-mote-rise{0%{opacity:0;transform:translate(0)scale(.3)}18%{opacity:.8}80%{opacity:.3}to{opacity:0;transform:translate(14px,-72px)scale(.3)}}@keyframes icon-snow-drift{0%{opacity:0;transform:translate(10px,-72px)rotate(0)}15%{opacity:.8}80%{opacity:.4}to{opacity:0;transform:translate(-10px)rotate(90deg)}}@keyframes icon-star-drift{0%,to{opacity:0;transform:translateY(-15px)scale(.3)}50%{opacity:.9;transform:translate(8px,-55px)scale(1)}}@keyframes icon-border-breathe{0%,to{opacity:.22}50%{opacity:.64}}@keyframes icon-orbit{to{transform:rotate(360deg)}}@keyframes icon-gem-glint{0%,33%,52%,to{opacity:.15}43%{opacity:1}}@keyframes icon-crown-glint{0%,to{opacity:.2;transform:scale(.7)}50%{opacity:.85;transform:scale(1.4)}}@keyframes icon-lightning-flash{0%,68%,78%,to{opacity:0}72%{opacity:.32}75%{opacity:.12}}@keyframes icon-storm-charge{0%,64%,80%,to{opacity:.2}70%,76%{opacity:.8}}@keyframes icon-oracle-hover{0%,to{transform:translateY(2%)scale(1.03)rotate(-1deg)}50%{transform:translateY(-2.5%)scale(1.06)rotate(1deg)}}@media (prefers-reduced-motion:reduce){.animated-account-icon *{animation:none!important}.animated-icon-motes,.animated-icon-face-light,.animated-icon-orbit{display:none}.animated-icon-portrait{transform:scale(1.03)}.animated-icon-gem-light{opacity:.65}}
