/* =========================================================
   ST7D v7.8.2 - COLLECTIBLE PROFILE COSMETICS
   Visual-only. Expensive motion is gated by .st7d-cosmetic-active.
   ========================================================= */

/* Profile Studio: locked/legacy theme clarity */
#profileThemePicker label.locked{opacity:.52;filter:saturate(.55)}
#profileThemePicker label.locked input{cursor:not-allowed}
#profileThemePicker label.legacy{border-color:rgba(239,185,78,.30);background:linear-gradient(145deg,rgba(239,185,78,.055),rgba(255,255,255,.018))}
#profileThemePicker label span em{display:inline-flex;margin-top:6px;padding:3px 6px;border:1px solid rgba(239,185,78,.32);border-radius:999px;color:#efc968;font:900 8px/1 Inter,sans-serif;letter-spacing:.1em;font-style:normal}
.identity-vault-item.legacy{border-color:rgba(239,185,78,.28);background:linear-gradient(135deg,rgba(239,185,78,.045),rgba(0,0,0,.08))}
.identity-vault-item.legacy strong em{margin-left:6px;color:#efc968;font:900 8px/1 Inter,sans-serif;letter-spacing:.09em;font-style:normal}
.identity-vault-item.legacy>i{border-color:rgba(239,185,78,.32);color:#efc968}

/* Achievement-earned + legacy themes */
.profile-mini-preview.profile-theme-architect_grid:before,
.profile-theme-architect_grid:not([style*="--profile-banner:url"]):after,
.member-directory-card.profile-theme-architect_grid:before{
  background:
    linear-gradient(rgba(101,197,255,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(101,197,255,.035) 1px,transparent 1px),
    radial-gradient(circle at 80% 8%,rgba(108,190,230,.22),transparent 38%),
    linear-gradient(135deg,#11171b,#080a0c 68%);
  background-size:26px 26px,26px 26px,auto,auto
}
.profile-mini-preview.profile-theme-champion_gold:before,
.profile-theme-champion_gold:not([style*="--profile-banner:url"]):after,
.member-directory-card.profile-theme-champion_gold:before{
  background:radial-gradient(circle at 82% 8%,rgba(239,187,74,.34),transparent 36%),linear-gradient(135deg,#261b07,#090909 58%,#151006)
}
.profile-mini-preview.profile-theme-horde_eclipse:before,
.profile-theme-horde_eclipse:not([style*="--profile-banner:url"]):after,
.member-directory-card.profile-theme-horde_eclipse:before{
  background:radial-gradient(circle at 82% 10%,#a0121d 0 9%,#2d0207 10% 18%,transparent 34%),linear-gradient(135deg,#240206,#09090b 63%)
}
.profile-mini-preview.profile-theme-season_dynasty:before,
.profile-theme-season_dynasty:not([style*="--profile-banner:url"]):after,
.member-directory-card.profile-theme-season_dynasty:before{
  background:linear-gradient(120deg,rgba(234,187,75,.08),transparent 25%),radial-gradient(circle at 82% 8%,rgba(213,166,61,.28),transparent 37%),linear-gradient(135deg,#1f1707,#090a0d 62%,#0b1320)
}
.profile-mini-preview.profile-theme-project7:before,
.profile-theme-project7:not([style*="--profile-banner:url"]):after,
.member-directory-card.profile-theme-project7:before{
  background:repeating-linear-gradient(0deg,transparent 0 5px,rgba(255,48,58,.018) 5px 6px),radial-gradient(circle at 83% 10%,rgba(207,24,34,.18),transparent 32%),linear-gradient(135deg,#030304,#0b0709 56%,#050506)
}
.profile-mini-preview.profile-theme-legacy_long_press:before,
.profile-theme-legacy_long_press:not([style*="--profile-banner:url"]):after,
.member-directory-card.profile-theme-legacy_long_press:before{
  background:linear-gradient(110deg,rgba(255,50,50,.08),transparent 30%),radial-gradient(circle at 82% 9%,rgba(235,62,48,.22),transparent 34%),linear-gradient(135deg,#22100b,#08090a 64%)
}
.profile-mini-preview.profile-theme-legacy_quiet_waters:before,
.profile-theme-legacy_quiet_waters:not([style*="--profile-banner:url"]):after,
.member-directory-card.profile-theme-legacy_quiet_waters:before{
  background:radial-gradient(circle at 82% 8%,rgba(67,188,205,.24),transparent 36%),linear-gradient(135deg,#07191c,#080b0d 64%)
}

/* Name effects: static everywhere; animate only on the main visible profile/preview. */
.survivor-name-radiant_crimson,.survivor-name-bloodmoon_eclipse,.survivor-name-void_rift,.survivor-name-immortal,.survivor-name-ascendant,.survivor-name-the_seven,.survivor-name-legacy_long_press,.survivor-name-legacy_quiet_waters{
  color:transparent!important;background-clip:text!important;-webkit-background-clip:text!important;background-size:220% 100%!important
}
.survivor-name-radiant_crimson{background-image:linear-gradient(90deg,#ff424b,#fff2ed,#ff424b)!important}
.survivor-name-bloodmoon_eclipse{background-image:linear-gradient(90deg,#6d0710,#ff3b47,#250106,#ff6b73,#6d0710)!important}
.survivor-name-void_rift{background-image:linear-gradient(90deg,#7440ff,#47b6ff,#e078ff,#7440ff)!important}
.survivor-name-immortal{background-image:linear-gradient(90deg,#fff,#f1c961,#fff3bc,#fff)!important;filter:drop-shadow(0 0 5px rgba(239,197,91,.22))}
.survivor-name-ascendant{background-image:linear-gradient(90deg,#ff373f,#f4cb5e,#fff,#ff373f)!important}
.survivor-name-the_seven{background-image:linear-gradient(90deg,#ff363e,#ffd15d,#fff,#ffd15d,#ff363e)!important;filter:drop-shadow(0 0 6px rgba(255,61,67,.22))}
.survivor-name-legacy_long_press{background-image:linear-gradient(90deg,#e24138,#f1b365,#d6d0c7,#e24138)!important}
.survivor-name-legacy_quiet_waters{background-image:linear-gradient(90deg,#4fd3dc,#d9ffff,#5594a6,#4fd3dc)!important}

.st7d-cosmetic-active .survivor-name-radiant_crimson,
.st7d-cosmetic-active .survivor-name-bloodmoon_eclipse,
.st7d-cosmetic-active .survivor-name-void_rift,
.st7d-cosmetic-active .survivor-name-immortal,
.st7d-cosmetic-active .survivor-name-ascendant,
.st7d-cosmetic-active .survivor-name-the_seven{animation:v782NameFlow 4.8s linear infinite}
.st7d-cosmetic-active .survivor-name-the_seven{animation-duration:3.2s}
@keyframes v782NameFlow{to{background-position:220% 0}}

/* Collectible card finishes */
.profile-finish-radiated_glass{box-shadow:inset 0 0 92px rgba(75,226,91,.085),inset 0 0 0 1px rgba(139,255,151,.08),0 26px 72px rgba(0,0,0,.35)!important}
.profile-finish-eclipse{box-shadow:inset 0 0 100px rgba(181,20,31,.105),inset 0 0 0 1px rgba(255,76,84,.08),0 26px 72px rgba(0,0,0,.35)!important}
.profile-finish-voidglass{box-shadow:inset 0 0 100px rgba(113,70,232,.11),inset 0 0 30px rgba(52,132,226,.08),0 26px 72px rgba(0,0,0,.35)!important}
.profile-finish-immortal{box-shadow:inset 0 0 100px rgba(255,239,181,.105),inset 0 0 0 1px rgba(255,240,188,.10),0 0 24px rgba(236,190,80,.06),0 26px 72px rgba(0,0,0,.35)!important}
.profile-finish-ascendant{box-shadow:inset 0 0 100px rgba(235,45,53,.09),inset 0 0 44px rgba(236,186,70,.075),0 26px 72px rgba(0,0,0,.35)!important}
.profile-finish-the_seven{box-shadow:inset 0 0 110px rgba(237,45,53,.10),inset 0 0 46px rgba(245,200,82,.10),0 0 26px rgba(245,200,82,.07),0 26px 72px rgba(0,0,0,.35)!important;outline:1px solid rgba(245,200,82,.12);outline-offset:-5px}
.profile-finish-legacy_long_press{box-shadow:inset 0 0 86px rgba(188,67,51,.09),0 26px 72px rgba(0,0,0,.35)!important}
.profile-finish-legacy_quiet_waters{box-shadow:inset 0 0 86px rgba(68,187,200,.085),0 26px 72px rgba(0,0,0,.35)!important}
.profile-finish-season_dynasty{box-shadow:inset 0 0 92px rgba(236,189,75,.10),0 26px 72px rgba(0,0,0,.35)!important}

/* New collectible nameplates */
.profile-nameplate-reactor .profile-earned-title{border-color:rgba(105,236,112,.40);background:linear-gradient(90deg,rgba(61,211,83,.14),rgba(8,16,9,.75));color:#a5f3a8}
.profile-nameplate-void .profile-earned-title{border-color:rgba(133,88,255,.42);background:linear-gradient(90deg,rgba(110,70,226,.15),rgba(10,10,22,.74));color:#c8adff}
.profile-nameplate-immortal .profile-earned-title{border-color:rgba(239,198,90,.46);background:linear-gradient(90deg,rgba(239,198,90,.16),rgba(255,255,255,.035));color:#ffe39a}
.profile-nameplate-the_seven .profile-earned-title{border-color:rgba(245,199,79,.54);background:linear-gradient(90deg,rgba(229,44,53,.15),rgba(239,190,70,.12),rgba(255,255,255,.025));color:#ffe29a}

/* Animated backgrounds: the visual is rich, but only background-position/opacity move. */
.progression-banner-reactor_core .profile-showcase-backdrop{
  background:radial-gradient(circle at 78% 18%,rgba(100,255,112,.26),transparent 25%),repeating-linear-gradient(135deg,rgba(84,224,93,.025) 0 12px,transparent 12px 26px),linear-gradient(100deg,rgba(5,7,5,.98),rgba(8,49,16,.74) 58%,rgba(31,121,44,.22))
}
.progression-banner-electric_storm .profile-showcase-backdrop{
  background:radial-gradient(circle at 82% 14%,rgba(93,211,255,.27),transparent 28%),linear-gradient(118deg,transparent 0 48%,rgba(195,242,255,.07) 49%,transparent 51%),linear-gradient(100deg,rgba(5,6,9,.98),rgba(8,30,47,.77) 58%,rgba(41,105,157,.22));background-size:auto,180% 100%,auto
}
.progression-banner-eclipse .profile-showcase-backdrop{
  background:radial-gradient(circle at 82% 14%,rgba(255,50,61,.42) 0 7%,rgba(57,0,6,.72) 8% 14%,transparent 31%),linear-gradient(100deg,rgba(5,5,7,.98),rgba(63,4,10,.78) 58%,rgba(119,8,17,.26))
}
.progression-banner-void_rift .profile-showcase-backdrop{
  background:radial-gradient(circle at 81% 15%,rgba(125,72,255,.30),transparent 28%),linear-gradient(132deg,transparent 0 46%,rgba(87,164,255,.06) 47% 49%,transparent 50%),linear-gradient(100deg,rgba(5,5,9,.98),rgba(18,8,48,.79) 58%,rgba(32,70,126,.23));background-size:auto,190% 100%,auto
}
.progression-banner-immortal .profile-showcase-backdrop{
  background:radial-gradient(circle at 82% 14%,rgba(255,239,173,.28),transparent 28%),linear-gradient(100deg,rgba(6,6,7,.98),rgba(58,45,12,.72) 58%,rgba(151,115,24,.22))
}
.progression-banner-ascendant .profile-showcase-backdrop{
  background:radial-gradient(circle at 82% 14%,rgba(255,53,61,.28),transparent 24%),radial-gradient(circle at 70% 38%,rgba(241,195,75,.14),transparent 29%),linear-gradient(100deg,rgba(6,5,7,.98),rgba(55,10,12,.76) 55%,rgba(115,74,14,.24))
}
.progression-banner-the_seven .profile-showcase-backdrop{
  background:radial-gradient(circle at 82% 12%,rgba(255,61,67,.31),transparent 23%),radial-gradient(circle at 70% 37%,rgba(255,216,102,.18),transparent 26%),linear-gradient(125deg,transparent 0 48%,rgba(255,255,255,.055) 49%,transparent 51%),linear-gradient(100deg,rgba(6,5,7,.98),rgba(58,8,11,.74) 55%,rgba(105,73,14,.25));background-size:auto,auto,210% 100%,auto
}
.progression-banner-architect_grid .profile-showcase-backdrop{background:linear-gradient(rgba(101,197,255,.026) 1px,transparent 1px),linear-gradient(90deg,rgba(101,197,255,.026) 1px,transparent 1px),linear-gradient(100deg,rgba(6,8,10,.98),rgba(15,34,45,.76),rgba(34,74,94,.20));background-size:28px 28px,28px 28px,auto}
.progression-banner-legacy_long_press .profile-showcase-backdrop{background:linear-gradient(120deg,rgba(218,62,50,.08),transparent 31%),linear-gradient(100deg,rgba(7,6,6,.98),rgba(54,19,12,.74),rgba(108,39,24,.20))}
.progression-banner-legacy_quiet_waters .profile-showcase-backdrop{background:radial-gradient(circle at 82% 14%,rgba(69,191,205,.20),transparent 29%),linear-gradient(100deg,rgba(5,7,8,.98),rgba(8,42,47,.72),rgba(26,88,96,.19))}

.st7d-cosmetic-active.progression-banner-electric_storm .profile-showcase-backdrop,
.st7d-cosmetic-active.progression-banner-void_rift .profile-showcase-backdrop,
.st7d-cosmetic-active.progression-banner-the_seven .profile-showcase-backdrop{animation:v782BackgroundSweep 7s linear infinite}
.st7d-cosmetic-active.progression-banner-the_seven .profile-showcase-backdrop{animation-duration:5.2s}
@keyframes v782BackgroundSweep{to{background-position:0 0,0 0,210% 0,0 0}}

/* Profile effects use contained box-shadow / filter only. No canvas and no permanent page-wide particles. */
.progression-effect-reactor_particles .profile-showcase-hero,
.progression-effect-electric_arc .profile-showcase-hero,
.progression-effect-eclipse_dust .profile-showcase-hero,
.progression-effect-void_distortion .profile-showcase-hero,
.progression-effect-immortal_sparks .profile-showcase-hero,
.progression-effect-ascendant_energy .profile-showcase-hero,
.progression-effect-the_seven .profile-showcase-hero,
.progression-effect-legacy_long_press .profile-showcase-hero,
.progression-effect-legacy_quiet_waters .profile-showcase-hero{will-change:auto}
.st7d-cosmetic-active.progression-effect-reactor_particles .profile-showcase-hero{animation:v782Reactor 5.4s ease-in-out infinite}
.st7d-cosmetic-active.progression-effect-electric_arc .profile-showcase-hero{animation:v782Arc 4.4s steps(1,end) infinite}
.st7d-cosmetic-active.progression-effect-eclipse_dust .profile-showcase-hero{animation:v782Eclipse 6.4s ease-in-out infinite}
.st7d-cosmetic-active.progression-effect-void_distortion .profile-showcase-hero{animation:v782Void 6.8s ease-in-out infinite}
.st7d-cosmetic-active.progression-effect-immortal_sparks .profile-showcase-hero{animation:v782Immortal 5.8s ease-in-out infinite}
.st7d-cosmetic-active.progression-effect-ascendant_energy .profile-showcase-hero{animation:v782Ascendant 5.2s ease-in-out infinite}
.st7d-cosmetic-active.progression-effect-the_seven .profile-showcase-hero{animation:v782Seven 4.8s ease-in-out infinite}
.progression-effect-legacy_long_press .profile-showcase-hero{box-shadow:0 0 24px rgba(211,73,53,.08)}
.progression-effect-legacy_quiet_waters .profile-showcase-hero{box-shadow:0 0 24px rgba(68,190,204,.08)}
@keyframes v782Reactor{50%{box-shadow:0 0 34px rgba(82,238,95,.16)}}
@keyframes v782Arc{0%,82%,100%{box-shadow:0 0 22px rgba(70,176,232,.08)}84%{box-shadow:0 0 44px rgba(132,225,255,.26)}86%{box-shadow:0 0 24px rgba(70,176,232,.10)}89%{box-shadow:0 0 38px rgba(132,225,255,.22)}}
@keyframes v782Eclipse{50%{box-shadow:0 0 38px rgba(220,33,45,.18)}}
@keyframes v782Void{50%{filter:saturate(1.08) contrast(1.02);box-shadow:0 0 34px rgba(115,69,240,.17)}}
@keyframes v782Immortal{50%{box-shadow:0 0 38px rgba(248,214,119,.18)}}
@keyframes v782Ascendant{50%{box-shadow:0 0 40px rgba(232,47,55,.15),0 0 20px rgba(239,190,75,.12)}}
@keyframes v782Seven{50%{box-shadow:0 0 42px rgba(235,44,52,.18),0 0 28px rgba(246,202,84,.15)}}

/* Keep collection previews safe: only the main live preview can animate. */
.identity-vault-item,.identity-vault-group{contain:layout paint style}
.member-directory-card .survivor-name-radiant_crimson,
.member-directory-card .survivor-name-bloodmoon_eclipse,
.member-directory-card .survivor-name-void_rift,
.member-directory-card .survivor-name-immortal,
.member-directory-card .survivor-name-ascendant,
.member-directory-card .survivor-name-the_seven{animation:none!important}

/* Finish chips */
.profile-finish-chip-radiated_glass{border-color:rgba(105,236,112,.48)}
.profile-finish-chip-eclipse{border-color:rgba(235,54,64,.48)}
.profile-finish-chip-voidglass{border-color:rgba(132,88,255,.48)}
.profile-finish-chip-immortal,.profile-finish-chip-season_dynasty,.profile-finish-chip-the_seven{border-color:rgba(239,195,82,.56)}
.profile-finish-chip-ascendant{border-color:rgba(235,54,64,.45)}
.profile-finish-chip-legacy_long_press,.profile-finish-chip-legacy_quiet_waters{border-color:rgba(220,180,100,.35)}

@media(prefers-reduced-motion:reduce){
  .st7d-cosmetic-active .survivor-name-radiant_crimson,
  .st7d-cosmetic-active .survivor-name-bloodmoon_eclipse,
  .st7d-cosmetic-active .survivor-name-void_rift,
  .st7d-cosmetic-active .survivor-name-immortal,
  .st7d-cosmetic-active .survivor-name-ascendant,
  .st7d-cosmetic-active .survivor-name-the_seven,
  .st7d-cosmetic-active[class*="progression-banner-"] .profile-showcase-backdrop,
  .st7d-cosmetic-active[class*="progression-effect-"] .profile-showcase-hero{animation:none!important}
}