﻿/* Shared profile-card FX (profiles picker + store cosmetics) */
.profile-aside__hero-art--premium .profile-aside__hero-art-media,
.profile-cosmetics-option--premium .profile-cosmetics-option__bg, .store-cosmetics-card--premium .store-cosmetics-card__bg {
  will-change: transform;
  animation: nxs-pan-gold 12s ease-in-out infinite alternate;
}

.profile-card-fx {
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;
  overflow: hidden;
  border-radius: inherit;
}

.profile-card-fx__glow,
.profile-card-fx__sheen,
.profile-card-fx__aura {
  position: absolute;
  inset: -10%;
  display: block;
  pointer-events: none;
}

/*
 * Aura = organic third layer (embers, snow, mist).
 * Blobs sit at irregular positions and stay blurred so they never read as a dot grid.
 */
.profile-card-fx__aura {
  background-repeat: no-repeat;
  mix-blend-mode: screen;
  opacity: 0;
}

.profile-aside__hero-art--effect-ember .profile-card-fx__aura,
.profile-cosmetics-option--effect-ember .profile-card-fx__aura, .store-cosmetics-card--effect-ember .profile-card-fx__aura,
.profile-aside__hero-art--effect-gold .profile-card-fx__aura,
.profile-cosmetics-option--effect-gold .profile-card-fx__aura, .store-cosmetics-card--effect-gold .profile-card-fx__aura {
  background-image:
    radial-gradient(circle at 22% 82%, rgb(255 170 60 / 85%) 0 3px, transparent 9px),
    radial-gradient(circle at 47% 91%, rgb(255 210 120 / 75%) 0 2px, transparent 7px),
    radial-gradient(circle at 68% 86%, rgb(255 140 40 / 80%) 0 3.5px, transparent 10px),
    radial-gradient(circle at 84% 94%, rgb(255 190 90 / 70%) 0 2px, transparent 8px),
    radial-gradient(circle at 36% 96%, rgb(255 120 30 / 70%) 0 2.5px, transparent 8px);
  filter: blur(2.5px);
  animation: nxs-aura-rise 7s ease-in-out infinite;
}

/*
 * Second stream: mirrors the same blobs on a different clock so embers/snow
 * don't travel in lockstep.
 */
.profile-aside__hero-art--effect-ember .profile-card-fx__aura::after,
.profile-cosmetics-option--effect-ember .profile-card-fx__aura::after, .store-cosmetics-card--effect-ember .profile-card-fx__aura::after,
.profile-aside__hero-art--effect-gold .profile-card-fx__aura::after,
.profile-cosmetics-option--effect-gold .profile-card-fx__aura::after, .store-cosmetics-card--effect-gold .profile-card-fx__aura::after,
.profile-aside__hero-art--effect-frost .profile-card-fx__aura::after,
.profile-cosmetics-option--effect-frost .profile-card-fx__aura::after, .store-cosmetics-card--effect-frost .profile-card-fx__aura::after {
  content: "";
  position: absolute;
  inset: 0 -14% 0 14%;
  background: inherit;
  background-repeat: no-repeat;
  animation: nxs-aura-drift-up 5.5s ease-in-out infinite;
  animation-delay: -2.5s;
  opacity: 0.7;
}

.profile-aside__hero-art--effect-frost .profile-card-fx__aura::after,
.profile-cosmetics-option--effect-frost .profile-card-fx__aura::after, .store-cosmetics-card--effect-frost .profile-card-fx__aura::after {
  animation: nxs-aura-drift-down 12s linear infinite;
  animation-delay: -4s;
}

.profile-aside__hero-art--effect-toxic .profile-card-fx__aura,
.profile-cosmetics-option--effect-toxic .profile-card-fx__aura, .store-cosmetics-card--effect-toxic .profile-card-fx__aura {
  background-image:
    radial-gradient(ellipse at 28% 78%, rgb(120 255 110 / 45%) 0 12%, transparent 42%),
    radial-gradient(ellipse at 66% 88%, rgb(60 220 100 / 40%) 0 14%, transparent 46%),
    radial-gradient(ellipse at 48% 68%, rgb(180 255 150 / 28%) 0 10%, transparent 40%);
  filter: blur(7px);
  animation: nxs-aura-mist 9s ease-in-out infinite;
}

.profile-aside__hero-art--effect-frost .profile-card-fx__aura,
.profile-cosmetics-option--effect-frost .profile-card-fx__aura, .store-cosmetics-card--effect-frost .profile-card-fx__aura {
  background-image:
    radial-gradient(circle at 18% 12%, rgb(255 255 255 / 90%) 0 2.5px, transparent 8px),
    radial-gradient(circle at 43% 6%, rgb(215 245 255 / 80%) 0 2px, transparent 7px),
    radial-gradient(circle at 71% 16%, rgb(255 255 255 / 85%) 0 3px, transparent 9px),
    radial-gradient(circle at 88% 4%, rgb(200 235 255 / 75%) 0 2px, transparent 7px),
    radial-gradient(circle at 59% 22%, rgb(240 250 255 / 70%) 0 2px, transparent 8px);
  filter: blur(2px);
  animation: nxs-aura-fall 9s linear infinite;
}

.profile-aside__hero-art--effect-void .profile-card-fx__aura,
.profile-cosmetics-option--effect-void .profile-card-fx__aura, .store-cosmetics-card--effect-void .profile-card-fx__aura,
.profile-aside__hero-art--effect-aurora .profile-card-fx__aura,
.profile-cosmetics-option--effect-aurora .profile-card-fx__aura, .store-cosmetics-card--effect-aurora .profile-card-fx__aura {
  background-image:
    radial-gradient(ellipse at 30% 40%, rgb(180 140 255 / 40%) 0 9%, transparent 38%),
    radial-gradient(ellipse at 72% 58%, rgb(90 220 255 / 34%) 0 11%, transparent 42%),
    radial-gradient(circle at 52% 24%, rgb(255 255 255 / 55%) 0 2px, transparent 8px);
  filter: blur(5px);
  animation: nxs-aura-float 11s ease-in-out infinite;
}

.profile-aside__hero-art--effect-plasma .profile-card-fx__aura,
.profile-cosmetics-option--effect-plasma .profile-card-fx__aura, .store-cosmetics-card--effect-plasma .profile-card-fx__aura {
  background-image:
    linear-gradient(118deg, transparent 40%, rgb(255 80 220 / 55%) 49%, rgb(90 180 255 / 45%) 52%, transparent 62%),
    radial-gradient(ellipse at 20% 30%, rgb(255 60 200 / 40%) 0 8%, transparent 30%),
    radial-gradient(ellipse at 82% 68%, rgb(70 160 255 / 38%) 0 9%, transparent 32%);
  background-size: 180% 100%, 100% 100%, 100% 100%;
  filter: blur(4px);
  animation: nxs-aura-arc 3.2s ease-in-out infinite;
  mix-blend-mode: screen;
}

.profile-aside__hero-art--effect-solar .profile-card-fx__aura,
.profile-cosmetics-option--effect-solar .profile-card-fx__aura, .store-cosmetics-card--effect-solar .profile-card-fx__aura {
  background-image:
    radial-gradient(circle at 50% 42%, rgb(255 240 160 / 60%) 0 8%, transparent 36%),
    radial-gradient(ellipse at 50% 70%, rgb(255 140 40 / 35%) 0 18%, transparent 50%);
  filter: blur(7px);
  animation: nxs-aura-corona 5s ease-in-out infinite;
}

.profile-aside__hero-art--effect-carbon .profile-card-fx__aura,
.profile-cosmetics-option--effect-carbon .profile-card-fx__aura, .store-cosmetics-card--effect-carbon .profile-card-fx__aura {
  background-image:
    radial-gradient(circle at 18% 28%, rgb(255 255 255 / 45%) 0 2px, transparent 8px),
    radial-gradient(circle at 72% 62%, rgb(255 230 190 / 40%) 0 2px, transparent 7px),
    radial-gradient(circle at 48% 78%, rgb(200 210 220 / 35%) 0 1.5px, transparent 6px);
  filter: blur(1.8px);
  animation: nxs-aura-graphite 9s linear infinite;
  mix-blend-mode: soft-light;
}

.profile-aside__hero-art--effect-petal .profile-card-fx__aura,
.profile-cosmetics-option--effect-petal .profile-card-fx__aura, .store-cosmetics-card--effect-petal .profile-card-fx__aura {
  background-image:
    radial-gradient(ellipse at 24% 84%, rgb(255 160 200 / 70%) 0 4px, transparent 12px),
    radial-gradient(ellipse at 52% 92%, rgb(255 200 220 / 65%) 0 3px, transparent 10px),
    radial-gradient(ellipse at 74% 86%, rgb(255 140 180 / 60%) 0 3.5px, transparent 11px),
    radial-gradient(ellipse at 40% 96%, rgb(255 220 230 / 55%) 0 2.5px, transparent 9px);
  filter: blur(2.2px);
  animation: nxs-aura-rise 8.5s ease-in-out infinite;
}

.profile-aside__hero-art--effect-petal .profile-card-fx__aura::after,
.profile-cosmetics-option--effect-petal .profile-card-fx__aura::after, .store-cosmetics-card--effect-petal .profile-card-fx__aura::after {
  content: "";
  position: absolute;
  inset: 0 -14% 0 14%;
  background: inherit;
  background-repeat: no-repeat;
  animation: nxs-aura-drift-up 6.5s ease-in-out infinite;
  animation-delay: -2.8s;
  opacity: 0.7;
}

/*
 * Baseline premium shimmer for cards whose effect name has no theme block.
 * :where() keeps these at single-class weight so every themed rule wins over them.
 */
:where(.profile-aside__hero-art--premium, .profile-cosmetics-option--premium, .store-cosmetics-card--premium) .profile-card-fx__glow {
  background: radial-gradient(circle at 50% 75%, rgb(255 190 60 / 28%), transparent 55%);
  animation: nxs-glow-gold 3.5s ease-in-out infinite;
  mix-blend-mode: screen;
}
:where(.profile-aside__hero-art--premium, .profile-cosmetics-option--premium, .store-cosmetics-card--premium) .profile-card-fx__sheen {
  background: linear-gradient(115deg, transparent 32%, rgb(255 255 255 / 28%) 50%, transparent 68%);
  animation: nxs-sheen-slow 4.5s ease-in-out infinite;
  mix-blend-mode: soft-light;
}
:where(.profile-aside__hero-art--premium, .profile-cosmetics-option--premium, .store-cosmetics-card--premium) .profile-card-fx__aura {
  background-image:
    radial-gradient(circle at 26% 78%, rgb(255 225 160 / 70%) 0 2.5px, transparent 9px),
    radial-gradient(circle at 58% 88%, rgb(255 210 130 / 60%) 0 2px, transparent 8px),
    radial-gradient(circle at 79% 72%, rgb(255 240 200 / 55%) 0 3px, transparent 10px);
  filter: blur(2.5px);
  animation: nxs-aura-rise 8s ease-in-out infinite;
}

/* â€”â€”â€” Ember: rising heat â€”â€”â€” */
.profile-aside__hero-art--effect-ember .profile-aside__hero-art-media,
.profile-cosmetics-option--effect-ember .profile-cosmetics-option__bg, .store-cosmetics-card--effect-ember .store-cosmetics-card__bg {
  animation: nxs-pan-ember 14s ease-in-out infinite alternate;
}
.profile-aside__hero-art--effect-ember .profile-card-fx__glow,
.profile-cosmetics-option--effect-ember .profile-card-fx__glow, .store-cosmetics-card--effect-ember .profile-card-fx__glow {
  background:
    radial-gradient(circle at 45% 95%, rgb(255 90 20 / 55%), transparent 48%),
    radial-gradient(circle at 55% 35%, rgb(255 160 40 / 22%), transparent 50%);
  animation: nxs-glow-ember 3.2s ease-in-out infinite;
  mix-blend-mode: screen;
}
.profile-aside__hero-art--effect-ember .profile-card-fx__sheen,
.profile-cosmetics-option--effect-ember .profile-card-fx__sheen, .store-cosmetics-card--effect-ember .profile-card-fx__sheen {
  background: linear-gradient(0deg, transparent 45%, rgb(255 140 40 / 35%) 78%, transparent 100%);
  animation: nxs-heat-rise 4s ease-in-out infinite;
  mix-blend-mode: screen;
}

/* â€”â€”â€” Void: rift swirl â€”â€”â€” */
.profile-aside__hero-art--effect-void .profile-aside__hero-art-media,
.profile-cosmetics-option--effect-void .profile-cosmetics-option__bg, .store-cosmetics-card--effect-void .store-cosmetics-card__bg {
  animation: nxs-pan-void 16s ease-in-out infinite alternate;
}
.profile-aside__hero-art--effect-void .profile-card-fx__glow,
.profile-cosmetics-option--effect-void .profile-card-fx__glow, .store-cosmetics-card--effect-void .profile-card-fx__glow {
  background:
    radial-gradient(ellipse at 25% 40%, rgb(130 70 255 / 45%), transparent 48%),
    radial-gradient(ellipse at 80% 65%, rgb(40 220 255 / 35%), transparent 50%);
  animation: nxs-glow-void 5s ease-in-out infinite;
  mix-blend-mode: screen;
}
.profile-aside__hero-art--effect-void .profile-card-fx__sheen,
.profile-cosmetics-option--effect-void .profile-card-fx__sheen, .store-cosmetics-card--effect-void .profile-card-fx__sheen {
  background: conic-gradient(from 0deg at 50% 50%, transparent 0 55%, rgb(150 110 255 / 28%) 68%, transparent 82%);
  animation: nxs-swirl 14s linear infinite;
  mix-blend-mode: screen;
  opacity: 0.6;
}

/* â€”â€”â€” Frost: cold breath â€”â€”â€” */
.profile-aside__hero-art--effect-frost .profile-aside__hero-art-media,
.profile-cosmetics-option--effect-frost .profile-cosmetics-option__bg, .store-cosmetics-card--effect-frost .store-cosmetics-card__bg {
  animation: nxs-pan-frost 18s ease-in-out infinite alternate;
}
.profile-aside__hero-art--effect-frost .profile-card-fx__glow,
.profile-cosmetics-option--effect-frost .profile-card-fx__glow, .store-cosmetics-card--effect-frost .profile-card-fx__glow {
  background:
    radial-gradient(circle at 50% 10%, rgb(190 240 255 / 42%), transparent 48%),
    radial-gradient(circle at 30% 85%, rgb(120 190 255 / 22%), transparent 52%);
  animation: nxs-glow-frost 6s ease-in-out infinite;
  mix-blend-mode: screen;
}
.profile-aside__hero-art--effect-frost .profile-card-fx__sheen,
.profile-cosmetics-option--effect-frost .profile-card-fx__sheen, .store-cosmetics-card--effect-frost .profile-card-fx__sheen {
  background: linear-gradient(180deg, rgb(220 245 255 / 32%) 0%, transparent 40%);
  animation: nxs-frost-breath 5s ease-in-out infinite;
  mix-blend-mode: soft-light;
}

/* â€”â€”â€” Plasma: electric arc â€”â€”â€” */
.profile-aside__hero-art--effect-plasma .profile-aside__hero-art-media,
.profile-cosmetics-option--effect-plasma .profile-cosmetics-option__bg, .store-cosmetics-card--effect-plasma .store-cosmetics-card__bg {
  animation: nxs-pan-plasma 12s ease-in-out infinite alternate;
}
.profile-aside__hero-art--effect-plasma .profile-card-fx__glow,
.profile-cosmetics-option--effect-plasma .profile-card-fx__glow, .store-cosmetics-card--effect-plasma .profile-card-fx__glow {
  background:
    radial-gradient(circle at 22% 30%, rgb(255 50 200 / 42%), transparent 42%),
    radial-gradient(circle at 78% 72%, rgb(60 150 255 / 40%), transparent 44%),
    linear-gradient(125deg, transparent 44%, rgb(180 120 255 / 18%) 50%, transparent 56%);
  animation: nxs-glow-plasma 2.8s ease-in-out infinite;
  mix-blend-mode: screen;
}
.profile-aside__hero-art--effect-plasma .profile-card-fx__sheen,
.profile-cosmetics-option--effect-plasma .profile-card-fx__sheen, .store-cosmetics-card--effect-plasma .profile-card-fx__sheen {
  background: linear-gradient(128deg, transparent 36%, rgb(255 90 230 / 55%) 48%, rgb(90 200 255 / 45%) 53%, transparent 66%);
  animation: nxs-arc-slash 2.8s ease-in-out infinite;
  mix-blend-mode: screen;
}

/* â€”â€”â€” Solar: heat flare â€”â€”â€” */
.profile-aside__hero-art--effect-solar .profile-aside__hero-art-media,
.profile-cosmetics-option--effect-solar .profile-cosmetics-option__bg, .store-cosmetics-card--effect-solar .store-cosmetics-card__bg {
  animation: nxs-pan-solar 16s ease-in-out infinite alternate;
}
.profile-aside__hero-art--effect-solar .profile-card-fx__glow,
.profile-cosmetics-option--effect-solar .profile-card-fx__glow, .store-cosmetics-card--effect-solar .profile-card-fx__glow {
  background:
    radial-gradient(circle at 50% 40%, rgb(255 235 120 / 58%), transparent 40%),
    radial-gradient(circle at 50% 62%, rgb(255 130 30 / 32%), transparent 58%);
  animation: nxs-glow-solar 4s ease-in-out infinite;
  mix-blend-mode: screen;
}
.profile-aside__hero-art--effect-solar .profile-card-fx__sheen,
.profile-cosmetics-option--effect-solar .profile-card-fx__sheen, .store-cosmetics-card--effect-solar .profile-card-fx__sheen {
  background: linear-gradient(180deg, transparent 30%, rgb(255 200 80 / 35%) 55%, rgb(255 120 30 / 22%) 78%, transparent 100%);
  animation: nxs-heat-shimmer 3.8s ease-in-out infinite;
  mix-blend-mode: screen;
}

/* â€”â€”â€” Toxic: green mist â€”â€”â€” */
.profile-aside__hero-art--effect-toxic .profile-aside__hero-art-media,
.profile-cosmetics-option--effect-toxic .profile-cosmetics-option__bg, .store-cosmetics-card--effect-toxic .store-cosmetics-card__bg {
  animation: nxs-pan-toxic 12s ease-in-out infinite alternate;
}
.profile-aside__hero-art--effect-toxic .profile-card-fx__glow,
.profile-cosmetics-option--effect-toxic .profile-card-fx__glow, .store-cosmetics-card--effect-toxic .profile-card-fx__glow {
  background:
    radial-gradient(circle at 40% 75%, rgb(90 255 70 / 42%), transparent 48%),
    radial-gradient(circle at 70% 25%, rgb(40 200 90 / 26%), transparent 50%);
  animation: nxs-glow-toxic 4s ease-in-out infinite;
  mix-blend-mode: screen;
}
.profile-aside__hero-art--effect-toxic .profile-card-fx__sheen,
.profile-cosmetics-option--effect-toxic .profile-card-fx__sheen, .store-cosmetics-card--effect-toxic .profile-card-fx__sheen {
  background: linear-gradient(180deg, transparent 45%, rgb(80 255 100 / 32%) 100%);
  animation: nxs-toxic-boil 3.4s ease-in-out infinite;
  mix-blend-mode: screen;
}

/* â€”â€”â€” Aurora: waving curtains â€”â€”â€” */
.profile-aside__hero-art--effect-aurora .profile-aside__hero-art-media,
.profile-cosmetics-option--effect-aurora .profile-cosmetics-option__bg, .store-cosmetics-card--effect-aurora .store-cosmetics-card__bg {
  animation: nxs-pan-aurora 22s ease-in-out infinite alternate;
}
.profile-aside__hero-art--effect-aurora .profile-card-fx__glow,
.profile-cosmetics-option--effect-aurora .profile-card-fx__glow, .store-cosmetics-card--effect-aurora .profile-card-fx__glow {
  background: linear-gradient(100deg, rgb(120 80 255 / 32%), transparent 38%, rgb(40 200 255 / 30%) 72%, transparent);
  background-size: 220% 100%;
  animation: nxs-aurora-wave 7s ease-in-out infinite;
  mix-blend-mode: screen;
}
.profile-aside__hero-art--effect-aurora .profile-card-fx__sheen,
.profile-cosmetics-option--effect-aurora .profile-card-fx__sheen, .store-cosmetics-card--effect-aurora .profile-card-fx__sheen {
  background: linear-gradient(85deg, transparent 18%, rgb(180 140 255 / 34%) 46%, rgb(80 230 255 / 28%) 58%, transparent 82%);
  animation: nxs-aurora-wave 9s ease-in-out infinite reverse;
  mix-blend-mode: soft-light;
}

/* â€”â€”â€” Gold: molten pulse â€”â€”â€” */
.profile-aside__hero-art--effect-gold .profile-aside__hero-art-media,
.profile-cosmetics-option--effect-gold .profile-cosmetics-option__bg, .store-cosmetics-card--effect-gold .store-cosmetics-card__bg {
  animation: nxs-pan-gold 15s ease-in-out infinite alternate;
}
.profile-aside__hero-art--effect-gold .profile-card-fx__glow,
.profile-cosmetics-option--effect-gold .profile-card-fx__glow, .store-cosmetics-card--effect-gold .profile-card-fx__glow {
  background:
    radial-gradient(ellipse at 30% 60%, rgb(255 200 60 / 45%), transparent 44%),
    radial-gradient(ellipse at 75% 35%, rgb(255 150 30 / 30%), transparent 48%);
  animation: nxs-glow-gold 2.8s ease-in-out infinite;
  mix-blend-mode: screen;
}
.profile-aside__hero-art--effect-gold .profile-card-fx__sheen,
.profile-cosmetics-option--effect-gold .profile-card-fx__sheen, .store-cosmetics-card--effect-gold .profile-card-fx__sheen {
  background: linear-gradient(115deg, transparent 30%, rgb(255 220 120 / 42%) 50%, transparent 70%);
  animation: nxs-sheen-slow 5.5s ease-in-out infinite;
  mix-blend-mode: soft-light;
}

/* â€”â€”â€” Carbon: brushed metal â€”â€”â€” */
.profile-aside__hero-art--effect-carbon .profile-aside__hero-art-media,
.profile-cosmetics-option--effect-carbon .profile-cosmetics-option__bg, .store-cosmetics-card--effect-carbon .store-cosmetics-card__bg {
  animation: nxs-pan-carbon 14s ease-in-out infinite alternate;
}
.profile-aside__hero-art--effect-carbon .profile-card-fx__glow,
.profile-cosmetics-option--effect-carbon .profile-card-fx__glow, .store-cosmetics-card--effect-carbon .profile-card-fx__glow {
  background:
    linear-gradient(135deg, rgb(255 255 255 / 16%) 0%, transparent 28%),
    radial-gradient(circle at 65% 70%, rgb(180 195 210 / 22%), transparent 50%);
  animation: nxs-glow-carbon 4.5s ease-in-out infinite;
  mix-blend-mode: soft-light;
}
.profile-aside__hero-art--effect-carbon .profile-card-fx__sheen,
.profile-cosmetics-option--effect-carbon .profile-card-fx__sheen, .store-cosmetics-card--effect-carbon .profile-card-fx__sheen {
  background: linear-gradient(118deg, transparent 28%, rgb(255 255 255 / 42%) 48%, rgb(210 220 230 / 28%) 54%, transparent 72%);
  animation: nxs-metal-brush 4.2s ease-in-out infinite;
  mix-blend-mode: soft-light;
}

/* â€”â€”â€” Petal: soft blush drift â€”â€”â€” */
.profile-aside__hero-art--effect-petal .profile-aside__hero-art-media,
.profile-cosmetics-option--effect-petal .profile-cosmetics-option__bg, .store-cosmetics-card--effect-petal .store-cosmetics-card__bg {
  animation: nxs-pan-petal 18s ease-in-out infinite alternate;
}
.profile-aside__hero-art--effect-petal .profile-card-fx__glow,
.profile-cosmetics-option--effect-petal .profile-card-fx__glow, .store-cosmetics-card--effect-petal .profile-card-fx__glow {
  background:
    radial-gradient(circle at 50% 85%, rgb(255 140 190 / 42%), transparent 50%),
    radial-gradient(circle at 30% 35%, rgb(255 200 230 / 22%), transparent 48%);
  animation: nxs-glow-petal 4.2s ease-in-out infinite;
  mix-blend-mode: screen;
}
.profile-aside__hero-art--effect-petal .profile-card-fx__sheen,
.profile-cosmetics-option--effect-petal .profile-card-fx__sheen, .store-cosmetics-card--effect-petal .profile-card-fx__sheen {
  background: linear-gradient(115deg, transparent 30%, rgb(255 210 230 / 38%) 50%, transparent 70%);
  animation: nxs-sheen-slow 6s ease-in-out infinite;
  mix-blend-mode: soft-light;
}

@keyframes nxs-pan-ember {
  from { transform: scale(1.02) translate3d(0, 1%, 0); }
  to { transform: scale(1.1) translate3d(0, -3%, 0); }
}
@keyframes nxs-pan-void {
  from { transform: scale(1.04) translate3d(-2%, 0, 0) rotate(-0.6deg); }
  to { transform: scale(1.1) translate3d(2%, -1%, 0) rotate(0.6deg); }
}
@keyframes nxs-pan-frost {
  from { transform: scale(1.03) translate3d(0, -2%, 0); }
  to { transform: scale(1.08) translate3d(1%, 1%, 0); }
}
@keyframes nxs-pan-plasma {
  from { transform: scale(1.05) translate3d(-1%, 1%, 0); }
  to { transform: scale(1.12) translate3d(1.5%, -2%, 0); }
}
@keyframes nxs-pan-solar {
  from { transform: scale(1.02) translate3d(0, 0, 0); }
  to { transform: scale(1.09) translate3d(0, -2%, 0); }
}
@keyframes nxs-pan-toxic {
  from { transform: scale(1.03) translate3d(-1%, 2%, 0); }
  to { transform: scale(1.09) translate3d(1%, -1%, 0); }
}
@keyframes nxs-pan-aurora {
  from { transform: scale(1.04) translate3d(-2%, 0, 0); }
  to { transform: scale(1.08) translate3d(2%, -1%, 0); }
}
@keyframes nxs-pan-gold {
  from { transform: scale(1.02) translate3d(0, 1%, 0); }
  to { transform: scale(1.08) translate3d(0, -2%, 0); }
}
@keyframes nxs-pan-carbon {
  from { transform: scale(1.03) translate3d(0, 0, 0); }
  to { transform: scale(1.07) translate3d(0, -1.5%, 0); }
}
@keyframes nxs-pan-petal {
  from { transform: scale(1.03) translate3d(-1%, 1%, 0); }
  to { transform: scale(1.08) translate3d(1%, -1.5%, 0); }
}

@keyframes nxs-glow-ember {
  0%, 100% { opacity: 0.5; transform: translateY(4%) scale(1); }
  50% { opacity: 1; transform: translateY(-2%) scale(1.08); }
}
@keyframes nxs-glow-void {
  0%, 100% { opacity: 0.45; filter: hue-rotate(0deg); }
  50% { opacity: 0.9; filter: hue-rotate(25deg); }
}
@keyframes nxs-glow-frost {
  0%, 100% { opacity: 0.4; }
  50% { opacity: 0.85; }
}
@keyframes nxs-glow-plasma {
  0%, 100% { opacity: 0.4; filter: hue-rotate(-8deg); }
  40% { opacity: 0.95; filter: hue-rotate(12deg); }
  70% { opacity: 0.55; filter: hue-rotate(0deg); }
}
@keyframes nxs-glow-solar {
  0%, 100% { opacity: 0.45; transform: scale(0.92); }
  50% { opacity: 1; transform: scale(1.14); }
}
@keyframes nxs-glow-toxic {
  0%, 100% { opacity: 0.45; transform: scale(1); }
  50% { opacity: 0.9; transform: scale(1.06); }
}
@keyframes nxs-glow-gold {
  0%, 100% { opacity: 0.5; }
  50% { opacity: 1; }
}
@keyframes nxs-glow-carbon {
  0%, 100% { opacity: 0.3; }
  50% { opacity: 0.75; }
}
@keyframes nxs-glow-petal {
  0%, 100% { opacity: 0.4; transform: scale(1); }
  50% { opacity: 0.9; transform: scale(1.06); }
}

@keyframes nxs-heat-rise {
  0%, 100% { transform: translateY(20%); opacity: 0.2; }
  50% { transform: translateY(-10%); opacity: 0.7; }
}
@keyframes nxs-frost-breath {
  0%, 100% { opacity: 0.15; transform: translateY(-5%); }
  50% { opacity: 0.55; transform: translateY(5%); }
}
@keyframes nxs-toxic-boil {
  0%, 100% { transform: translateY(10%) scaleX(1); opacity: 0.25; }
  50% { transform: translateY(-5%) scaleX(1.08); opacity: 0.6; }
}
@keyframes nxs-swirl {
  from { transform: rotate(0deg) scale(1.2); }
  to { transform: rotate(360deg) scale(1.2); }
}
@keyframes nxs-rays-spin {
  from { transform: rotate(0deg) scale(1.3); }
  to { transform: rotate(360deg) scale(1.3); }
}
@keyframes nxs-sheen-fast {
  0% { transform: translateX(-70%) skewX(-14deg); opacity: 0; }
  20% { opacity: 0.85; }
  45% { transform: translateX(70%) skewX(-14deg); opacity: 0; }
  100% { opacity: 0; }
}
@keyframes nxs-sheen-slow {
  0% { transform: translateX(-60%) skewX(-10deg); opacity: 0; }
  25% { opacity: 0.7; }
  55% { transform: translateX(60%) skewX(-10deg); opacity: 0; }
  100% { opacity: 0; }
}
@keyframes nxs-aurora-wave {
  0%, 100% { background-position: 0% 50%; opacity: 0.45; }
  50% { background-position: 100% 50%; opacity: 0.85; }
}
@keyframes nxs-scanline {
  from { transform: translateY(-80%); }
  to { transform: translateY(120%); }
}
@keyframes nxs-arc-slash {
  0% { transform: translateX(-55%) translateY(8%) skewX(-18deg); opacity: 0; }
  18% { opacity: 0.95; }
  42% { transform: translateX(55%) translateY(-8%) skewX(-18deg); opacity: 0; }
  55%, 100% { opacity: 0; }
}
@keyframes nxs-heat-shimmer {
  0%, 100% { transform: translateY(12%) scaleX(1); opacity: 0.2; }
  50% { transform: translateY(-8%) scaleX(1.05); opacity: 0.7; }
}
@keyframes nxs-metal-brush {
  0% { transform: translateX(-50%) skewX(-12deg); opacity: 0; }
  22% { opacity: 0.75; }
  48% { transform: translateX(50%) skewX(-12deg); opacity: 0; }
  100% { opacity: 0; }
}
@keyframes nxs-arc-flicker {
  0%, 100% { opacity: 0.2; transform: translateY(0); }
  40% { opacity: 0.8; transform: translateY(-3%); }
  60% { opacity: 0.35; transform: translateY(2%); }
}
@keyframes nxs-aura-rise {
  0% { transform: translateY(12%) scale(1); opacity: 0; }
  25% { opacity: 0.9; }
  100% { transform: translateY(-38%) scale(1.15); opacity: 0; }
}
@keyframes nxs-aura-drift-up {
  0% { transform: translateY(18%) scale(0.95); }
  100% { transform: translateY(-30%) scale(1.1); }
}
@keyframes nxs-aura-drift-down {
  0% { transform: translateY(-24%) translateX(2%); }
  100% { transform: translateY(36%) translateX(-3%); }
}
@keyframes nxs-aura-fall {
  0% { transform: translateY(-18%) translateX(-2%); opacity: 0; }
  20% { opacity: 0.85; }
  100% { transform: translateY(42%) translateX(3%); opacity: 0; }
}
@keyframes nxs-aura-mist {
  0%, 100% { transform: translate3d(-4%, 6%, 0) scale(1); opacity: 0.25; }
  50% { transform: translate3d(4%, -4%, 0) scale(1.14); opacity: 0.8; }
}
@keyframes nxs-aura-float {
  0%, 100% { transform: translate3d(-3%, 2%, 0) rotate(-1.5deg); opacity: 0.3; }
  50% { transform: translate3d(3%, -3%, 0) rotate(1.5deg); opacity: 0.85; }
}
@keyframes nxs-aura-flicker {
  0%, 100% { opacity: 0.15; transform: scale(0.96); }
  35% { opacity: 0.9; transform: scale(1.04); }
  70% { opacity: 0.35; transform: scale(1); }
}
@keyframes nxs-aura-bloom {
  0%, 100% { transform: scale(0.85); opacity: 0.2; }
  50% { transform: scale(1.35); opacity: 0.85; }
}
@keyframes nxs-aura-sweep {
  0% { background-position: 0 -30%; opacity: 0; }
  20% { opacity: 0.8; }
  100% { background-position: 0 130%; opacity: 0; }
}
@keyframes nxs-aura-arc {
  0%, 100% { background-position: 0% 50%, 0 0, 0 0; opacity: 0.25; }
  35% { background-position: 55% 50%, 0 0, 0 0; opacity: 0.95; }
  70% { background-position: 100% 50%, 0 0, 0 0; opacity: 0.35; }
}
@keyframes nxs-aura-corona {
  0%, 100% { transform: scale(0.88); opacity: 0.25; }
  50% { transform: scale(1.28); opacity: 0.85; }
}
@keyframes nxs-aura-graphite {
  0% { transform: translate3d(-4%, 6%, 0); opacity: 0.15; }
  40% { opacity: 0.7; }
  100% { transform: translate3d(6%, -8%, 0); opacity: 0.1; }
}

@media (prefers-reduced-motion: reduce) {
  .profile-aside__hero-art--premium .profile-aside__hero-art-media,
  .profile-cosmetics-option--premium .profile-cosmetics-option__bg, .store-cosmetics-card--premium .store-cosmetics-card__bg,
  .profile-card-fx__glow,
  .profile-card-fx__sheen,
  .profile-card-fx__aura,
  .profile-card-fx__aura::after {
    animation: none !important;
  }

  .profile-card-fx__aura {
    opacity: 0.35;
  }
}
