/* ST7D v7.7.0 - Profile Frame Finalisation
   - Compact/sitewide avatar frames are now circular and mostly static for better FPS.
   - Full profile hero and the single Profile Studio preview keep the cinematic motion.
   - The Profile Studio frame vault uses lighter circular previews so many frames can be viewed without tanking the browser. */

:root{
  --st7d-frame-red:#ff3b43;
  --st7d-frame-gold:#f0bd52;
  --st7d-frame-white:#fff4d2;
  --st7d-frame-shell:rgba(7,7,9,.82);
}

/* Compact/site-wide representation. Deliberately static/lightweight so dozens of framed avatars do not murder FPS. */
img.st7d-avatar-framed{
  --st7d-frame-a:#7a7f84;
  --st7d-frame-b:#c4c7cb;
  --st7d-frame-glow:rgba(180,180,180,.18);
  --st7d-frame-width:2px;
  --st7d-frame-style:solid;
  border-radius:50% !important;
  outline:var(--st7d-frame-width) var(--st7d-frame-style) var(--st7d-frame-a);
  outline-offset:1px;
  box-shadow:
    0 0 0 1px var(--st7d-frame-shell),
    0 0 0 2px color-mix(in srgb,var(--st7d-frame-b) 16%,transparent),
    0 0 7px var(--st7d-frame-glow);
  transition:outline-color .2s ease, box-shadow .2s ease;
  backface-visibility:hidden;
}
img.st7d-avatar-framed.st7d-frame-steel{--st7d-frame-a:#72777b;--st7d-frame-b:#babfc3;--st7d-frame-glow:rgba(175,180,184,.12)}
img.st7d-avatar-framed.st7d-frame-bloodmoon{--st7d-frame-a:#d62d36;--st7d-frame-b:#ff7076;--st7d-frame-glow:rgba(230,44,53,.2)}
img.st7d-avatar-framed.st7d-frame-builder{--st7d-frame-a:#97a3aa;--st7d-frame-b:#dde2e6;--st7d-frame-style:double;--st7d-frame-width:3px;--st7d-frame-glow:rgba(176,190,198,.14)}
img.st7d-avatar-framed.st7d-frame-gold{--st7d-frame-a:#d6a544;--st7d-frame-b:#ffe094;--st7d-frame-glow:rgba(235,187,79,.24)}
img.st7d-avatar-framed.st7d-frame-gallery{--st7d-frame-a:#a85bff;--st7d-frame-b:#efb7ff;--st7d-frame-style:dashed;--st7d-frame-glow:rgba(174,91,255,.22)}
img.st7d-avatar-framed.st7d-frame-champion{--st7d-frame-a:#58d982;--st7d-frame-b:#c6ffd7;--st7d-frame-width:3px;--st7d-frame-glow:rgba(88,217,130,.18)}
img.st7d-avatar-framed.st7d-frame-anniversary{--st7d-frame-a:#50d7ff;--st7d-frame-b:#d9f8ff;--st7d-frame-style:dotted;--st7d-frame-glow:rgba(80,215,255,.18)}
img.st7d-avatar-framed.st7d-frame-classified{--st7d-frame-a:#551b20;--st7d-frame-b:#bd333b;--st7d-frame-width:3px;--st7d-frame-glow:rgba(135,20,28,.22)}
img.st7d-avatar-framed.st7d-frame-season_crown{--st7d-frame-a:#e8be53;--st7d-frame-b:#fff0a9;--st7d-frame-width:3px;--st7d-frame-glow:rgba(232,190,83,.24)}
img.st7d-avatar-framed.st7d-frame-season_worldwalker{--st7d-frame-a:#57d6ff;--st7d-frame-b:#d179ff;--st7d-frame-style:dashed;--st7d-frame-glow:rgba(94,160,255,.24)}

img.st7d-avatar-framed.st7d-frame-reinforced{--st7d-frame-a:#7c756f;--st7d-frame-b:#c1b6aa;--st7d-frame-style:double;--st7d-frame-width:3px;--st7d-frame-glow:rgba(145,133,124,.14)}
img.st7d-avatar-framed.st7d-frame-reactor{--st7d-frame-a:#38c95b;--st7d-frame-b:#d7ff77;--st7d-frame-width:3px;--st7d-frame-glow:rgba(48,220,88,.26)}
img.st7d-avatar-framed.st7d-frame-pulse{--st7d-frame-a:#8f5cff;--st7d-frame-b:#4edfff;--st7d-frame-style:dashed;--st7d-frame-glow:rgba(138,82,255,.28)}
img.st7d-avatar-framed.st7d-frame-bloodied_circuit{--st7d-frame-a:#ff313b;--st7d-frame-b:#8a0712;--st7d-frame-width:3px;--st7d-frame-style:dotted;--st7d-frame-glow:rgba(255,43,55,.26)}
img.st7d-avatar-framed.st7d-frame-inferno{--st7d-frame-a:#ff5034;--st7d-frame-b:#ffbd44;--st7d-frame-width:3px;--st7d-frame-glow:rgba(255,85,42,.28)}
img.st7d-avatar-framed.st7d-frame-wasteland_storm_frame{--st7d-frame-a:#c49145;--st7d-frame-b:#f2d199;--st7d-frame-style:dashed;--st7d-frame-glow:rgba(202,151,74,.22)}
img.st7d-avatar-framed.st7d-frame-obsidian{--st7d-frame-a:#1c1c21;--st7d-frame-b:#d6a13c;--st7d-frame-width:3px;--st7d-frame-glow:rgba(222,167,60,.24)}
img.st7d-avatar-framed.st7d-frame-legendary{--st7d-frame-a:#f2c854;--st7d-frame-b:#fff7c7;--st7d-frame-width:3px;--st7d-frame-style:double;--st7d-frame-glow:rgba(242,200,84,.32)}
img.st7d-avatar-framed.st7d-frame-radiated_halo{--st7d-frame-a:#8cff3c;--st7d-frame-b:#dfff80;--st7d-frame-width:3px;--st7d-frame-style:dashed;--st7d-frame-glow:rgba(125,255,52,.32)}
img.st7d-avatar-framed.st7d-frame-infernal_core{--st7d-frame-a:#ff352f;--st7d-frame-b:#ff8c2e;--st7d-frame-width:3px;--st7d-frame-glow:rgba(255,55,34,.34)}
img.st7d-avatar-framed.st7d-frame-prestige_250{--st7d-frame-a:#45e7ff;--st7d-frame-b:#b04fff;--st7d-frame-style:dashed;--st7d-frame-glow:rgba(69,207,255,.34)}
img.st7d-avatar-framed.st7d-frame-bloodmoon_eclipse{--st7d-frame-a:#ff1f2d;--st7d-frame-b:#430008;--st7d-frame-width:3px;--st7d-frame-glow:rgba(255,25,45,.36)}
img.st7d-avatar-framed.st7d-frame-void_rift{--st7d-frame-a:#934dff;--st7d-frame-b:#2e7cff;--st7d-frame-style:dotted;--st7d-frame-glow:rgba(119,66,255,.36)}
img.st7d-avatar-framed.st7d-frame-network_immortal_frame{--st7d-frame-a:#fff4c6;--st7d-frame-b:#f0bd52;--st7d-frame-width:3px;--st7d-frame-style:double;--st7d-frame-glow:rgba(255,239,176,.34)}
img.st7d-avatar-framed.st7d-frame-prestige_600{--st7d-frame-a:#fff8df;--st7d-frame-b:#e6b849;--st7d-frame-width:3px;--st7d-frame-style:double;--st7d-frame-glow:rgba(255,239,175,.38)}
img.st7d-avatar-framed.st7d-frame-st7d_ascendant{--st7d-frame-a:#ff343a;--st7d-frame-b:#f6c95b;--st7d-frame-width:3px;--st7d-frame-glow:rgba(255,70,65,.38)}
img.st7d-avatar-framed.st7d-frame-wasteland_god{--st7d-frame-a:#ffd66c;--st7d-frame-b:#fff;--st7d-frame-width:3px;--st7d-frame-style:double;--st7d-frame-glow:rgba(255,214,108,.42)}
img.st7d-avatar-framed.st7d-frame-the_seven{--st7d-frame-a:#ff343a;--st7d-frame-b:#ffd15d;--st7d-frame-width:4px;--st7d-frame-style:double;--st7d-frame-glow:rgba(255,52,58,.48);box-shadow:0 0 0 1px var(--st7d-frame-shell),0 0 0 3px rgba(255,209,93,.16),0 0 8px rgba(255,52,58,.34)}
img.st7d-avatar-framed.st7d-frame-apex_850{--st7d-frame-a:#f3bd4d;--st7d-frame-b:#ff343a;--st7d-frame-width:3px;--st7d-frame-glow:rgba(240,185,70,.36)}

/* Only avatar-sized shells may become circular. Never reshape navbar/account controls. */
.leaderboard-avatar-shell:has(> img.st7d-avatar-framed),
.activity-comment-avatar:has(> img.st7d-avatar-framed){border-radius:50% !important}
.leaderboard-avatar-shell:has(> img.st7d-avatar-framed){overflow:visible}

/* Navbar/account avatars are tiny: keep the frame close so it does not eat the control. */
.portal-account-button img.st7d-avatar-framed,
.portal-menu-profile img.st7d-avatar-framed{
  --st7d-frame-width:1px;
  outline-offset:1px;
  box-shadow:0 0 0 1px rgba(8,8,10,.9),0 0 5px var(--st7d-frame-glow);
}

/* Large profile and Studio preview: keep the cinematic ring, but make it circular. */

:is(.profile-showcase,.profile-mini-preview,.identity-frame-demo)[class*="profile-frame-"] .profile-showcase-avatar{
  outline:none !important;
  filter:none !important;
}
.profile-showcase-avatar,
.profile-mini-preview .profile-showcase-avatar,
.identity-frame-demo .profile-showcase-avatar{border-radius:50%}
.profile-showcase-avatar img,.profile-showcase-avatar>span,
.profile-mini-preview .profile-showcase-avatar img,.profile-mini-preview .profile-showcase-avatar>span,
.identity-frame-demo .profile-showcase-avatar img,.identity-frame-demo .profile-showcase-avatar>span{
  border-radius:50% !important;
}

:is(.profile-showcase,.profile-mini-preview,.identity-frame-demo)[class*="profile-frame-"] .profile-showcase-avatar{
  --st7d-ring-main:conic-gradient(from 0deg,rgba(255,255,255,.02),rgba(255,255,255,.18),rgba(255,255,255,.02));
  --st7d-ring-shadow:drop-shadow(0 0 7px rgba(255,255,255,.12));
  --st7d-ring-opacity:.7;
  --st7d-ring-size:3px;
  --st7d-ring-inset:-5px;
  --st7d-orbit-opacity:0;
  --st7d-orbit-bg:none;
  --st7d-spin-duration:7s;
  --st7d-spark-duration:4.4s;
  --st7d-spin-direction:normal;
}

:is(.profile-showcase,.profile-mini-preview,.identity-frame-demo) .profile-showcase-avatar::before{
  content:"";position:absolute;z-index:0;inset:var(--st7d-ring-inset);border-radius:50%;padding:var(--st7d-ring-size);
  background:var(--st7d-ring-main);opacity:var(--st7d-ring-opacity);pointer-events:none;
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;
  mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;
  filter:var(--st7d-ring-shadow);
  animation:none;
}
.profile-showcase-avatar.st7d-frame-live::before{animation:st7d-full-frame-spin var(--st7d-spin-duration) linear infinite var(--st7d-spin-direction)}
:is(.profile-showcase,.profile-mini-preview,.identity-frame-demo) .profile-showcase-avatar::after{
  content:"";position:absolute;z-index:0;inset:-8px;border-radius:50%;pointer-events:none;opacity:var(--st7d-orbit-opacity);
  background:var(--st7d-orbit-bg);
  animation:none;
}
.profile-showcase-avatar.st7d-frame-live::after{animation:st7d-full-frame-orbit var(--st7d-spark-duration) ease-in-out infinite}
:is(.profile-showcase,.profile-mini-preview,.identity-frame-demo) .profile-showcase-avatar>img,
:is(.profile-showcase,.profile-mini-preview,.identity-frame-demo) .profile-showcase-avatar>span{position:relative;z-index:2}
.profile-showcase .profile-showcase-avatar>i,.profile-mini-preview .profile-showcase-avatar>i{position:absolute;right:-4px;bottom:9px;z-index:5}
.profile-mini-preview .profile-showcase-avatar::before,.identity-frame-demo .profile-showcase-avatar::before{inset:-3px;padding:2px}
.profile-mini-preview .profile-showcase-avatar::after,.identity-frame-demo .profile-showcase-avatar::after{inset:-5px}

/* Frame vault preview cards: static circular previews for much better performance when many are on screen. */
.identity-frame-demo .profile-showcase-avatar::before,
.identity-frame-demo .profile-showcase-avatar::after{animation:none;filter:none}
.identity-frame-demo .profile-showcase-avatar::after{opacity:calc(var(--st7d-orbit-opacity) * .55)}
.identity-frame-demo .profile-showcase-avatar.st7d-frame-live::before,.identity-frame-demo .profile-showcase-avatar.st7d-frame-live::after{animation:none!important}

@keyframes st7d-full-frame-spin{to{transform:rotate(360deg)}}
@keyframes st7d-full-frame-orbit{0%,100%{transform:scale(.97) rotate(0deg);opacity:calc(var(--st7d-orbit-opacity) * .55)}50%{transform:scale(1.03) rotate(9deg);opacity:var(--st7d-orbit-opacity)}}

/* Distinct frame identities */
:is(.profile-showcase,.profile-mini-preview,.identity-frame-demo).profile-frame-steel .profile-showcase-avatar{--st7d-ring-main:conic-gradient(from 0deg,#677078 0 16%,#c5ced4 16% 32%,#677078 32% 48%,#9aa4ab 48% 64%,#677078 64% 80%,#d9dde0 80% 100%);--st7d-ring-shadow:drop-shadow(0 0 5px rgba(182,188,194,.18));--st7d-orbit-opacity:.2}
:is(.profile-showcase,.profile-mini-preview,.identity-frame-demo).profile-frame-bloodmoon .profile-showcase-avatar{--st7d-ring-main:conic-gradient(from -35deg,#50040b 0 12%,#ff2f3b 12% 42%,#7c0913 42% 56%,#ff7a81 56% 78%,#54040a 78% 100%);--st7d-ring-shadow:drop-shadow(0 0 8px rgba(255,56,66,.34));--st7d-orbit-bg:radial-gradient(circle at 18% 24%,rgba(255,135,142,.9) 0 2px,transparent 3px),radial-gradient(circle at 85% 38%,rgba(128,10,18,.95) 0 2px,transparent 3px),radial-gradient(circle at 31% 83%,rgba(255,82,92,.5) 0 2px,transparent 3px)}
:is(.profile-showcase,.profile-mini-preview,.identity-frame-demo).profile-frame-builder .profile-showcase-avatar{--st7d-ring-main:repeating-conic-gradient(from 0deg,#8c959d 0 10deg,#dae2e6 10deg 20deg,#596168 20deg 30deg);--st7d-ring-shadow:drop-shadow(0 0 6px rgba(191,200,206,.22));--st7d-orbit-opacity:.18}
:is(.profile-showcase,.profile-mini-preview,.identity-frame-demo).profile-frame-gold .profile-showcase-avatar{--st7d-ring-main:conic-gradient(from 0deg,#8a6117 0 10%,#f0bd52 10% 38%,#fff3b4 38% 55%,#b97f1f 55% 72%,#f6ca72 72% 100%);--st7d-ring-shadow:drop-shadow(0 0 8px rgba(240,189,82,.3))}
:is(.profile-showcase,.profile-mini-preview,.identity-frame-demo).profile-frame-gallery .profile-showcase-avatar{--st7d-ring-main:repeating-conic-gradient(from 0deg,#782cff 0 18deg,#f0a4ff 18deg 30deg,#3e155e 30deg 48deg);--st7d-ring-shadow:drop-shadow(0 0 7px rgba(174,91,255,.28));--st7d-orbit-opacity:.32}
:is(.profile-showcase,.profile-mini-preview,.identity-frame-demo).profile-frame-champion .profile-showcase-avatar{--st7d-ring-main:conic-gradient(from 90deg,#1f6a35 0 14%,#53d67e 14% 44%,#d4ffe0 44% 56%,#2b8a49 56% 74%,#67eb92 74% 100%);--st7d-ring-shadow:drop-shadow(0 0 7px rgba(88,217,130,.26))}
:is(.profile-showcase,.profile-mini-preview,.identity-frame-demo).profile-frame-anniversary .profile-showcase-avatar{--st7d-ring-main:repeating-conic-gradient(from 0deg,#4dcfff 0 14deg,#dffaff 14deg 28deg,#2b7b99 28deg 42deg);--st7d-ring-shadow:drop-shadow(0 0 7px rgba(80,215,255,.24));--st7d-orbit-opacity:.26}
:is(.profile-showcase,.profile-mini-preview,.identity-frame-demo).profile-frame-classified .profile-showcase-avatar{--st7d-ring-main:repeating-conic-gradient(from 0deg,#1b0c0e 0 16deg,#a31c27 16deg 20deg,#1b0c0e 20deg 32deg,#5d171c 32deg 36deg);--st7d-ring-shadow:drop-shadow(0 0 8px rgba(163,28,39,.3));--st7d-spin-duration:11s;--st7d-orbit-opacity:.18}
:is(.profile-showcase,.profile-mini-preview,.identity-frame-demo).profile-frame-season_crown .profile-showcase-avatar{--st7d-ring-main:conic-gradient(from 0deg,#8d6620 0 9%,#e8be53 9% 30%,#fff0a9 30% 44%,#b88525 44% 56%,#f3d27b 56% 80%,#7e5817 80% 100%);--st7d-ring-shadow:drop-shadow(0 0 8px rgba(232,190,83,.3))}
:is(.profile-showcase,.profile-mini-preview,.identity-frame-demo).profile-frame-season_worldwalker .profile-showcase-avatar{--st7d-ring-main:repeating-conic-gradient(from 0deg,#44d4ff 0 14deg,#c676ff 14deg 28deg,#2448a8 28deg 42deg,#d27cff 42deg 56deg);--st7d-ring-shadow:drop-shadow(0 0 8px rgba(140,132,255,.28));--st7d-spin-duration:9s}

:is(.profile-showcase,.profile-mini-preview,.identity-frame-demo).profile-frame-reinforced .profile-showcase-avatar{--st7d-ring-main:repeating-conic-gradient(from 0deg,#5b5753 0 16deg,#a89d91 16deg 30deg,#75706a 30deg 46deg);--st7d-ring-shadow:drop-shadow(0 0 6px rgba(169,157,145,.22));--st7d-orbit-opacity:.18}
:is(.profile-showcase,.profile-mini-preview,.identity-frame-demo).profile-frame-reactor .profile-showcase-avatar{--st7d-ring-main:repeating-conic-gradient(from 0deg,#2d8d3d 0 16deg,#d8ff6d 16deg 26deg,#163d1c 26deg 38deg);--st7d-ring-shadow:drop-shadow(0 0 10px rgba(100,255,87,.34));--st7d-orbit-bg:radial-gradient(circle at 16% 24%,rgba(222,255,128,.9) 0 2px,transparent 3px),radial-gradient(circle at 83% 36%,rgba(54,201,91,.95) 0 2px,transparent 3px),radial-gradient(circle at 34% 85%,rgba(198,255,115,.55) 0 2px,transparent 3px)}
:is(.profile-showcase,.profile-mini-preview,.identity-frame-demo).profile-frame-pulse .profile-showcase-avatar{--st7d-ring-main:conic-gradient(from 0deg,#7d44ff 0 24%,#38ddff 24% 48%,#ef79ff 48% 72%,#5061ff 72% 100%);--st7d-ring-shadow:drop-shadow(0 0 9px rgba(115,92,255,.32));--st7d-spin-duration:5.4s}
:is(.profile-showcase,.profile-mini-preview,.identity-frame-demo).profile-frame-bloodied_circuit .profile-showcase-avatar{--st7d-ring-main:repeating-conic-gradient(from 0deg,#5e0008 0 12deg,#ff2632 12deg 18deg,#2f0004 18deg 30deg,#ff7680 30deg 36deg);--st7d-ring-shadow:drop-shadow(0 0 9px rgba(255,44,55,.34));--st7d-spin-duration:5.7s;--st7d-orbit-opacity:.24}
:is(.profile-showcase,.profile-mini-preview,.identity-frame-demo).profile-frame-inferno .profile-showcase-avatar{--st7d-ring-main:conic-gradient(from -15deg,#7a1105 0 12%,#ff4b2d 12% 34%,#ffbd2d 34% 51%,#832009 51% 66%,#ff7f2e 66% 100%);--st7d-ring-shadow:drop-shadow(0 0 10px rgba(255,103,42,.36));--st7d-orbit-bg:radial-gradient(circle at 20% 23%,rgba(255,199,90,.96) 0 2px,transparent 3px),radial-gradient(circle at 78% 33%,rgba(255,86,41,.88) 0 2px,transparent 3px),radial-gradient(circle at 34% 84%,rgba(255,150,62,.5) 0 2px,transparent 3px);--st7d-spark-duration:3.7s}
:is(.profile-showcase,.profile-mini-preview,.identity-frame-demo).profile-frame-wasteland_storm_frame .profile-showcase-avatar{--st7d-ring-main:repeating-conic-gradient(from 0deg,#6d5630 0 15deg,#efcd92 15deg 24deg,#af7e37 24deg 40deg);--st7d-ring-shadow:drop-shadow(0 0 8px rgba(202,151,74,.28));--st7d-orbit-opacity:.24}
:is(.profile-showcase,.profile-mini-preview,.identity-frame-demo).profile-frame-obsidian .profile-showcase-avatar{--st7d-ring-main:conic-gradient(from 0deg,#08090d 0 22%,#d8a743 22% 40%,#1a1a21 40% 64%,#755117 64% 76%,#0c0c10 76% 100%);--st7d-ring-shadow:drop-shadow(0 0 8px rgba(214,161,60,.32));--st7d-orbit-opacity:.22}
:is(.profile-showcase,.profile-mini-preview,.identity-frame-demo).profile-frame-legendary .profile-showcase-avatar{--st7d-ring-main:conic-gradient(from 0deg,#c28f21 0 10%,#f1c657 10% 30%,#fff7c5 30% 46%,#e0ab30 46% 62%,#ffffff 62% 72%,#f3cb6d 72% 100%);--st7d-ring-shadow:drop-shadow(0 0 10px rgba(242,200,84,.42));--st7d-spin-duration:4.8s}
:is(.profile-showcase,.profile-mini-preview,.identity-frame-demo).profile-frame-radiated_halo .profile-showcase-avatar{--st7d-ring-main:repeating-conic-gradient(from 0deg,#1f6a2a 0 14deg,#8cff3c 14deg 20deg,#dfff80 20deg 28deg,#205a28 28deg 42deg);--st7d-ring-shadow:drop-shadow(0 0 11px rgba(124,255,61,.42));--st7d-orbit-bg:radial-gradient(circle at 18% 24%,rgba(216,255,116,.9) 0 2px,transparent 3px),radial-gradient(circle at 84% 34%,rgba(126,255,55,.95) 0 2px,transparent 3px),radial-gradient(circle at 35% 84%,rgba(96,255,42,.52) 0 2px,transparent 3px)}
:is(.profile-showcase,.profile-mini-preview,.identity-frame-demo).profile-frame-infernal_core .profile-showcase-avatar{--st7d-ring-main:conic-gradient(from 0deg,#6f0f07 0 12%,#ff332c 12% 34%,#ff922d 34% 58%,#51110a 58% 74%,#ff612a 74% 100%);--st7d-ring-shadow:drop-shadow(0 0 12px rgba(255,79,43,.44));--st7d-spin-duration:4.6s;--st7d-spark-duration:3.2s}
:is(.profile-showcase,.profile-mini-preview,.identity-frame-demo).profile-frame-prestige_250 .profile-showcase-avatar{--st7d-ring-main:conic-gradient(from 0deg,#35dfff 0 23%,#a64bff 23% 46%,#ffffff 46% 52%,#39b7ff 52% 74%,#ef9bff 74% 100%);--st7d-ring-shadow:drop-shadow(0 0 10px rgba(69,207,255,.38));--st7d-spin-duration:4.4s}
:is(.profile-showcase,.profile-mini-preview,.identity-frame-demo).profile-frame-bloodmoon_eclipse .profile-showcase-avatar{--st7d-ring-main:conic-gradient(from -28deg,#150003 0 30%,#ff2030 30% 43%,#3a0006 43% 75%,#7e0510 75% 100%);--st7d-ring-shadow:drop-shadow(0 0 10px rgba(255,25,45,.4));--st7d-orbit-opacity:.22}
:is(.profile-showcase,.profile-mini-preview,.identity-frame-demo).profile-frame-void_rift .profile-showcase-avatar{--st7d-ring-main:repeating-conic-gradient(from 0deg,#2f0f68 0 14deg,#8e49ff 14deg 20deg,#1d3e8c 20deg 32deg,#2e7cff 32deg 38deg,#6c2baf 38deg 50deg);--st7d-ring-shadow:drop-shadow(0 0 11px rgba(119,66,255,.42));--st7d-spin-duration:4.2s}
:is(.profile-showcase,.profile-mini-preview,.identity-frame-demo).profile-frame-network_immortal_frame .profile-showcase-avatar{--st7d-ring-main:conic-gradient(from 0deg,#fff9d9 0 20%,#e9b94e 20% 38%,#ffffff 38% 56%,#d7a13d 56% 74%,#fff3b7 74% 100%);--st7d-ring-shadow:drop-shadow(0 0 11px rgba(255,239,176,.44));--st7d-spin-duration:4.1s}
:is(.profile-showcase,.profile-mini-preview,.identity-frame-demo).profile-frame-prestige_600 .profile-showcase-avatar{--st7d-ring-main:conic-gradient(from 0deg,#ffffff 0 18%,#f1c456 18% 34%,#fff5d2 34% 50%,#e7b44d 50% 66%,#ffffff 66% 100%);--st7d-ring-shadow:drop-shadow(0 0 12px rgba(255,247,210,.48));--st7d-spin-duration:4s}
:is(.profile-showcase,.profile-mini-preview,.identity-frame-demo).profile-frame-st7d_ascendant .profile-showcase-avatar{--st7d-ring-main:conic-gradient(from 0deg,#ff343a 0 22%,#f4c652 22% 44%,#ffffff 44% 58%,#8a1017 58% 74%,#ffd061 74% 100%);--st7d-ring-shadow:drop-shadow(0 0 12px rgba(255,100,82,.44));--st7d-spin-duration:3.8s}
:is(.profile-showcase,.profile-mini-preview,.identity-frame-demo).profile-frame-wasteland_god .profile-showcase-avatar{--st7d-ring-main:conic-gradient(from 0deg,#b87f26 0 15%,#ffd569 15% 34%,#ffffff 34% 49%,#f0ab3a 49% 68%,#fff3c9 68% 82%,#d1892a 82% 100%);--st7d-ring-shadow:drop-shadow(0 0 13px rgba(255,214,108,.5));--st7d-spin-duration:3.4s}
:is(.profile-showcase,.profile-mini-preview,.identity-frame-demo).profile-frame-the_seven .profile-showcase-avatar{--st7d-ring-main:repeating-conic-gradient(from 0deg,#ff343a 0 18deg,#ffd15d 18deg 34deg,#ffffff 34deg 42deg);--st7d-ring-shadow:drop-shadow(0 0 13px rgba(255,52,58,.52)) drop-shadow(0 0 9px rgba(255,209,93,.32));--st7d-spin-duration:2.9s;--st7d-spark-duration:2.8s;--st7d-ring-size:4px}
:is(.profile-showcase,.profile-mini-preview,.identity-frame-demo).profile-frame-apex_850 .profile-showcase-avatar{--st7d-ring-main:conic-gradient(from 0deg,#f0bd52 0 24%,#ff343a 24% 50%,#ffffff 50% 58%,#f0bd52 58% 82%,#6d141d 82% 100%);--st7d-ring-shadow:drop-shadow(0 0 11px rgba(240,189,82,.42));--st7d-spin-duration:3.3s}


/* v7.7.0 visual vocabulary: frame families use different segment geometry, node placement and motion direction. */
:is(.profile-showcase,.profile-mini-preview,.identity-frame-demo).profile-frame-reinforced .profile-showcase-avatar{--st7d-orbit-bg:repeating-conic-gradient(from 4deg,rgba(213,205,196,.75) 0 2deg,transparent 2deg 45deg);--st7d-orbit-opacity:.28;--st7d-spin-duration:12s}
:is(.profile-showcase,.profile-mini-preview,.identity-frame-demo).profile-frame-reactor .profile-showcase-avatar{--st7d-orbit-bg:repeating-conic-gradient(from -8deg,rgba(211,255,91,.88) 0 5deg,transparent 5deg 60deg);--st7d-orbit-opacity:.42;--st7d-spin-duration:8.5s}
:is(.profile-showcase,.profile-mini-preview,.identity-frame-demo).profile-frame-pulse .profile-showcase-avatar{--st7d-orbit-bg:radial-gradient(circle at 50% 0,#5de9ff 0 2px,transparent 3px),radial-gradient(circle at 100% 50%,#c667ff 0 2px,transparent 3px),radial-gradient(circle at 50% 100%,#ff82ef 0 2px,transparent 3px),radial-gradient(circle at 0 50%,#7a5bff 0 2px,transparent 3px);--st7d-orbit-opacity:.68;--st7d-spin-direction:reverse}
:is(.profile-showcase,.profile-mini-preview,.identity-frame-demo).profile-frame-bloodied_circuit .profile-showcase-avatar{--st7d-orbit-bg:repeating-conic-gradient(from 0deg,#ff5a64 0 3deg,transparent 3deg 27deg,#760711 27deg 31deg,transparent 31deg 45deg);--st7d-orbit-opacity:.46;--st7d-spin-duration:6.8s}
:is(.profile-showcase,.profile-mini-preview,.identity-frame-demo).profile-frame-inferno .profile-showcase-avatar{--st7d-orbit-bg:radial-gradient(circle at 18% 20%,rgba(255,213,83,.95) 0 2px,transparent 3px),radial-gradient(circle at 82% 32%,rgba(255,72,32,.9) 0 2.5px,transparent 4px),radial-gradient(circle at 62% 91%,rgba(255,157,42,.7) 0 2px,transparent 4px);--st7d-orbit-opacity:.65;--st7d-spark-duration:3.8s}
:is(.profile-showcase,.profile-mini-preview,.identity-frame-demo).profile-frame-wasteland_storm_frame .profile-showcase-avatar{--st7d-orbit-bg:repeating-conic-gradient(from 5deg,rgba(239,205,146,.55) 0 2deg,transparent 2deg 18deg);--st7d-orbit-opacity:.28;--st7d-spin-duration:14s}
:is(.profile-showcase,.profile-mini-preview,.identity-frame-demo).profile-frame-obsidian .profile-showcase-avatar{--st7d-orbit-bg:conic-gradient(from 0deg,transparent 0 20deg,#e2ad45 20deg 26deg,transparent 26deg 110deg,#e2ad45 110deg 116deg,transparent 116deg 200deg,#e2ad45 200deg 206deg,transparent 206deg 290deg,#e2ad45 290deg 296deg,transparent 296deg);--st7d-orbit-opacity:.6;--st7d-spin-duration:10s}
:is(.profile-showcase,.profile-mini-preview,.identity-frame-demo).profile-frame-legendary .profile-showcase-avatar{--st7d-orbit-bg:repeating-conic-gradient(from 0deg,#fff3b0 0 3deg,transparent 3deg 45deg);--st7d-orbit-opacity:.72;--st7d-spin-duration:7.2s}
:is(.profile-showcase,.profile-mini-preview,.identity-frame-demo).profile-frame-radiated_halo .profile-showcase-avatar{--st7d-orbit-bg:radial-gradient(circle at 50% 0,#dfff80 0 2.5px,transparent 4px),radial-gradient(circle at 85% 15%,#7eff37 0 2px,transparent 3px),radial-gradient(circle at 100% 50%,#dfff80 0 2.5px,transparent 4px),radial-gradient(circle at 15% 85%,#7eff37 0 2px,transparent 3px);--st7d-orbit-opacity:.78;--st7d-spark-duration:3.5s}
:is(.profile-showcase,.profile-mini-preview,.identity-frame-demo).profile-frame-infernal_core .profile-showcase-avatar{--st7d-orbit-bg:repeating-conic-gradient(from -5deg,#ffb23c 0 4deg,#ff3b2c 4deg 7deg,transparent 7deg 40deg);--st7d-orbit-opacity:.7;--st7d-spin-duration:5.8s}
:is(.profile-showcase,.profile-mini-preview,.identity-frame-demo).profile-frame-prestige_250 .profile-showcase-avatar{--st7d-orbit-bg:repeating-conic-gradient(from 0deg,#45e7ff 0 4deg,transparent 4deg 22deg,#b04fff 22deg 26deg,transparent 26deg 45deg);--st7d-orbit-opacity:.65;--st7d-spin-direction:reverse;--st7d-spin-duration:6s}
:is(.profile-showcase,.profile-mini-preview,.identity-frame-demo).profile-frame-bloodmoon_eclipse .profile-showcase-avatar{--st7d-orbit-bg:conic-gradient(from -25deg,transparent 0 54%,rgba(255,31,45,.9) 54% 64%,rgba(78,0,8,.8) 64% 78%,transparent 78% 100%);--st7d-orbit-opacity:.72;--st7d-spin-duration:9s}
:is(.profile-showcase,.profile-mini-preview,.identity-frame-demo).profile-frame-void_rift .profile-showcase-avatar{--st7d-orbit-bg:repeating-conic-gradient(from 0deg,#a56bff 0 2deg,transparent 2deg 16deg,#2e7cff 16deg 19deg,transparent 19deg 37deg);--st7d-orbit-opacity:.75;--st7d-spin-direction:reverse;--st7d-spin-duration:5.5s}
:is(.profile-showcase,.profile-mini-preview,.identity-frame-demo).profile-frame-network_immortal_frame .profile-showcase-avatar,
:is(.profile-showcase,.profile-mini-preview,.identity-frame-demo).profile-frame-prestige_600 .profile-showcase-avatar{--st7d-orbit-bg:repeating-conic-gradient(from 0deg,#fff 0 3deg,#f0bd52 3deg 6deg,transparent 6deg 45deg);--st7d-orbit-opacity:.8;--st7d-spin-duration:5.8s}
:is(.profile-showcase,.profile-mini-preview,.identity-frame-demo).profile-frame-st7d_ascendant .profile-showcase-avatar{--st7d-orbit-bg:repeating-conic-gradient(from 0deg,#ff343a 0 4deg,transparent 4deg 30deg,#f6c95b 30deg 34deg,transparent 34deg 60deg);--st7d-orbit-opacity:.82;--st7d-spin-duration:5s}
:is(.profile-showcase,.profile-mini-preview,.identity-frame-demo).profile-frame-wasteland_god .profile-showcase-avatar{--st7d-orbit-bg:repeating-conic-gradient(from 0deg,#fff 0 2deg,#ffd66c 2deg 7deg,transparent 7deg 30deg);--st7d-orbit-opacity:.9;--st7d-spin-duration:4.6s}
:is(.profile-showcase,.profile-mini-preview,.identity-frame-demo).profile-frame-the_seven .profile-showcase-avatar{--st7d-orbit-bg:repeating-conic-gradient(from -2deg,#fff 0 2deg,#ffd15d 2deg 5deg,#ff343a 5deg 7deg,transparent 7deg 51.428deg);--st7d-orbit-opacity:1;--st7d-spin-duration:3.8s;--st7d-spark-duration:2.7s}
:is(.profile-showcase,.profile-mini-preview,.identity-frame-demo).profile-frame-apex_850 .profile-showcase-avatar{--st7d-orbit-bg:conic-gradient(from 0deg,#f3bd4d 0 10%,transparent 10% 22%,#ff343a 22% 32%,transparent 32% 48%,#fff 48% 54%,transparent 54% 70%,#f3bd4d 70% 82%,transparent 82%);--st7d-orbit-opacity:.86;--st7d-spin-direction:reverse;--st7d-spin-duration:4.2s}


/* Premium accents stay within eight pixels of the avatar; no giant orbit rings. */
:is(.profile-showcase,.profile-mini-preview) .profile-showcase-avatar::after{inset:-7px}

/* Profile Studio frame vault gets real circular avatar previews. */
.identity-vault-group.identity-frame-group .identity-vault-items{grid-template-columns:repeat(2,minmax(0,1fr))}
.identity-vault-item.identity-frame-item{min-height:118px;grid-template-columns:68px minmax(0,1fr) auto;align-items:center}
.identity-frame-demo{width:56px;height:56px;display:grid;place-items:center;position:relative;contain:paint}
.identity-frame-demo .profile-showcase-avatar{width:48px;height:48px;position:relative}
.identity-frame-demo .profile-showcase-avatar img,.identity-frame-demo .profile-showcase-avatar>span{width:48px;height:48px;object-fit:cover;border:1px solid rgba(255,255,255,.12);background:#121214}
.identity-frame-demo .profile-showcase-avatar>i{display:none}
.identity-frame-item .identity-frame-level{display:block;margin-top:5px;font:900 9px/1 Inter,sans-serif;letter-spacing:.08em;color:#8f8f95}
.identity-frame-item.owner-override{border-color:rgba(240,189,82,.28);background:linear-gradient(135deg,rgba(240,189,82,.06),rgba(255,52,58,.035))}
.identity-frame-item.owner-override .identity-frame-level{color:#e7bd58}
.identity-vault-owner-note{margin:0 0 14px;padding:11px 13px;border:1px solid rgba(240,189,82,.22);border-radius:10px;background:rgba(240,189,82,.055);color:#d7c38b;font-size:11px;line-height:1.45}
.identity-vault-owner-note strong{color:#f4d176;letter-spacing:.08em}

@media(max-width:760px){.identity-vault-group.identity-frame-group .identity-vault-items{grid-template-columns:1fr}.identity-vault-item.identity-frame-item{grid-template-columns:58px minmax(0,1fr) auto}}
@media(prefers-reduced-motion:reduce){
  :is(.profile-showcase,.profile-mini-preview,.identity-frame-demo) .profile-showcase-avatar::before,
  :is(.profile-showcase,.profile-mini-preview,.identity-frame-demo) .profile-showcase-avatar::after{animation:none!important}
}
.identity-frame-item.locked .identity-frame-demo::after{content:"🔒";position:absolute;right:-5px;bottom:-5px;z-index:5;width:21px;height:21px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.15);border-radius:50%;background:#111116;font-size:10px;box-shadow:0 4px 12px rgba(0,0,0,.4)}
.identity-frame-item.owner-override .identity-frame-demo::after{content:"★";position:absolute;right:-5px;bottom:-5px;z-index:5;width:21px;height:21px;display:grid;place-items:center;border:1px solid rgba(240,189,82,.38);border-radius:50%;background:#17130b;color:#f4cf6b;font:900 11px/1 Inter,sans-serif;box-shadow:0 0 12px rgba(240,189,82,.18)}