@property --ad-angle { syntax: "<angle>"; initial-value: 0deg; inherits: false; }
@property --ad-angle-reverse { syntax: "<angle>"; initial-value: 360deg; inherits: false; }

.avatar-decoration {
    --ad-size: clamp(104px, 13vw, 128px);
    --ad-ring: clamp(7px, .9vw, 10px);
    --ad-gap: clamp(5px, .65vw, 8px);
    --ad-speed: 1;
    --ad-primary: #64e9ff;
    --ad-secondary: #845bff;
    --ad-glow: rgba(100, 233, 255, .45);
    --ad-particle: rgba(255, 255, 255, .95);
    position: relative;
    display: inline-grid;
    place-items: center;
    width: var(--ad-size);
    height: var(--ad-size);
    flex: 0 0 var(--ad-size);
    border-radius: 50%;
    isolation: isolate;
    overflow: visible;
}

.avatar-decoration-center {
    position: absolute;
    inset: calc(var(--ad-ring) + var(--ad-gap));
    z-index: 8;
    display: block;
    overflow: hidden;
    border-radius: 50%;
    background: transparent;
    box-shadow: 0 0 0 1px rgba(255,255,255,.14), 0 0 0 3px rgba(3,6,12,.88);
}

.avatar-decoration-image { width: 100%; height: 100%; border-radius: 50%; object-fit: cover; }
.avatar-decoration-aura,
.avatar-decoration-armor,
.avatar-decoration-energy,
.avatar-decoration-orbit,
.avatar-decoration-sparks { position: absolute; inset: 0; border-radius: 50%; pointer-events: none; }

.avatar-decoration-aura {
    inset: calc(-1 * var(--ad-gap));
    z-index: 0;
    background: radial-gradient(circle, transparent 50%, var(--ad-glow) 63%, transparent 76%);
    filter: blur(5px);
    animation: ad-breathe calc(3.2s / var(--ad-speed)) ease-in-out infinite;
}

.armor-outer {
    z-index: 2;
    background:
        repeating-conic-gradient(from var(--ad-angle), rgba(242,248,255,.95) 0 2deg, #252d39 2deg 12deg, transparent 12deg 18deg),
        conic-gradient(from 11deg, #080b10, #566274 8%, #171d26 17%, #e2e9f2 24%, #242c38 31%, #737f91 42%, #0d1118 50%, #d4dce8 62%, #1b222d 72%, #8f9bad 84%, #090c12);
    -webkit-mask: radial-gradient(circle, transparent 0 70%, #000 71% 82%, transparent 83%);
    mask: radial-gradient(circle, transparent 0 70%, #000 71% 82%, transparent 83%);
    filter: drop-shadow(0 2px 2px #000) drop-shadow(0 0 2px rgba(255,255,255,.4));
    animation: ad-spin-slow calc(30s / var(--ad-speed)) linear infinite;
}

.armor-inner {
    inset: var(--ad-gap);
    z-index: 3;
    background: repeating-conic-gradient(from 6deg, rgba(255,255,255,.42) 0 1deg, #111722 1deg 8deg, rgba(105,119,139,.8) 8deg 10deg, #080c12 10deg 18deg);
    -webkit-mask: radial-gradient(circle, transparent 0 71%, #000 72% 78%, transparent 79%);
    mask: radial-gradient(circle, transparent 0 71%, #000 72% 78%, transparent 79%);
    animation: ad-spin-reverse calc(22s / var(--ad-speed)) linear infinite;
}

.avatar-decoration-energy {
    z-index: 5;
    background: conic-gradient(from var(--ad-angle), transparent 0 30deg, var(--ad-primary) 38deg, #fff 45deg, var(--ad-secondary) 53deg, transparent 66deg 152deg, var(--ad-secondary) 162deg, #fff 168deg, transparent 176deg 264deg, var(--ad-primary) 276deg, var(--ad-secondary) 292deg, transparent 304deg 360deg);
    -webkit-mask: radial-gradient(circle, transparent 0 75%, #000 76% 81%, transparent 82%);
    mask: radial-gradient(circle, transparent 0 75%, #000 76% 81%, transparent 82%);
    filter: drop-shadow(0 0 3px #fff) drop-shadow(0 0 8px var(--ad-primary)) drop-shadow(0 0 13px var(--ad-glow));
    animation: ad-energy calc(5.6s / var(--ad-speed)) linear infinite;
}

.avatar-decoration-energy.energy-b {
    inset: calc(-1 * var(--ad-gap));
    z-index: 1;
    opacity: .48;
    filter: blur(3px) drop-shadow(0 0 10px var(--ad-glow));
    animation-duration: calc(8s / var(--ad-speed));
    animation-direction: reverse;
}

.avatar-decoration-orbit { inset: calc(-1 * var(--ad-gap)); z-index: 10; animation: ad-orbit calc(8s / var(--ad-speed)) linear infinite; }
.avatar-decoration-orbit.orbit-b { inset: calc(var(--ad-gap) / 2); animation-duration: calc(12s / var(--ad-speed)); animation-direction: reverse; }
.avatar-decoration-orbit i { position: absolute; width: clamp(3px,.45vw,5px); aspect-ratio: 1; border-radius: 50%; background: #fff; box-shadow: 0 0 4px #fff, 0 0 9px var(--ad-primary), 0 0 14px var(--ad-secondary); }
.avatar-decoration-orbit i:nth-child(1) { top: 0; left: 50%; }
.avatar-decoration-orbit i:nth-child(2) { top: 50%; right: 0; }
.avatar-decoration-orbit i:nth-child(3) { bottom: 4%; left: 21%; }
.avatar-decoration-orbit.orbit-b i:nth-child(1) { top: 19%; right: 8%; }
.avatar-decoration-orbit.orbit-b i:nth-child(2) { bottom: 14%; left: 10%; }

.avatar-decoration-sparks { z-index: 11; animation: ad-orbit calc(16s / var(--ad-speed)) linear infinite; }
.avatar-decoration-sparks i { position: absolute; width: 3px; height: 3px; border-radius: 50%; background: var(--ad-particle); filter: drop-shadow(0 0 4px var(--ad-particle)); animation: ad-spark calc(3.6s / var(--ad-speed)) ease-in-out infinite; }
.avatar-decoration-sparks i:nth-child(1) { top: -5%; left: 34%; }
.avatar-decoration-sparks i:nth-child(2) { top: 15%; right: -5%; animation-delay: -.6s; }
.avatar-decoration-sparks i:nth-child(3) { bottom: 13%; right: -3%; animation-delay: -1.2s; }
.avatar-decoration-sparks i:nth-child(4) { bottom: -4%; left: 39%; animation-delay: -1.8s; }
.avatar-decoration-sparks i:nth-child(5) { bottom: 25%; left: -5%; animation-delay: -2.4s; }
.avatar-decoration-sparks i:nth-child(6) { top: 12%; left: -2%; animation-delay: -3s; }

.avatar-decoration-mini { --ad-size: 26px; --ad-ring: 2px; --ad-gap: 1px; }
.avatar-decoration-mini .avatar-decoration-orbit,
.avatar-decoration-mini .avatar-decoration-sparks,
.avatar-decoration-mini .armor-inner { display: none; }
.avatar-decoration-mini .avatar-decoration-aura { filter: blur(2px); }
.avatar-decoration-preview { --ad-size: clamp(120px,16vw,150px); }
.rank-card .avatar-decoration-standard { --ad-size: clamp(104px,13vw,128px); }
.rank-profile-hero .avatar-decoration-standard { --ad-size: clamp(132px,18vw,168px); }
.rank-celebrate .avatar-decoration-standard { --ad-size: clamp(110px,16vw,150px); }
.rank-card.rank-locked .avatar-decoration { filter: saturate(.3) brightness(.7); }
.rank-card.rank-locked .avatar-decoration * { animation-play-state: paused !important; }

@keyframes ad-spin-slow { to { transform: rotate(360deg); } }
@keyframes ad-spin-reverse { to { transform: rotate(-360deg); } }
@keyframes ad-energy { to { --ad-angle: 360deg; } }
@keyframes ad-orbit { to { transform: rotate(360deg); } }
@keyframes ad-breathe { 0%,100% { opacity:.45; transform:scale(.985); } 50% { opacity:.9; transform:scale(1.025); } }
@keyframes ad-spark { 0%,100% { opacity:0; transform:scale(.4); } 18%,52% { opacity:1; transform:scale(1); } 72% { opacity:.25; transform:scale(.6); } }

@media (max-width: 768px) { .rank-profile-hero .avatar-decoration-standard { --ad-size: clamp(120px,28vw,150px); } }
@media (max-width: 480px) { .rank-profile-hero .avatar-decoration-standard { --ad-size: clamp(108px,34vw,132px); } }
@media (max-width: 600px) { .nav-avatar-link .avatar-decoration-mini { --ad-size: 24px; } }
@media (prefers-reduced-motion: reduce) { .avatar-decoration * { animation: none !important; } }

/* Mechanical circle v2: cleaner 3D bezel with four cardinal armor clamps. */
.avatar-decoration {
    --ad-ring: clamp(8px, 1vw, 11px);
    --ad-gap: clamp(4px, .55vw, 7px);
    filter: drop-shadow(0 10px 14px rgba(0,0,0,.5));
}

.avatar-decoration-center {
    inset: calc(var(--ad-ring) + var(--ad-gap));
    box-shadow:
        0 0 0 2px #070a10,
        0 0 0 3px color-mix(in srgb, var(--ad-primary) 38%, transparent),
        inset 0 0 14px rgba(0,0,0,.48);
}

.armor-outer {
    background:
        repeating-conic-gradient(from var(--ad-angle),
            #eef5ff 0deg 1.5deg,
            #5f6a79 1.5deg 5deg,
            #121720 5deg 12deg,
            #343d4a 12deg 16deg,
            transparent 16deg 22.5deg),
        conic-gradient(from 0deg,
            #090c12 0 10%, #8d99aa 12%, #202733 18%, #05070b 25%,
            #d5deea 29%, #353e4c 37%, #090c12 50%, #9aa6b6 58%,
            #1a202a 67%, #e4ebf4 75%, #242c38 84%, #080b10 100%);
    -webkit-mask: radial-gradient(circle, transparent 0 68%, #000 69% 84%, transparent 85%);
    mask: radial-gradient(circle, transparent 0 68%, #000 69% 84%, transparent 85%);
    filter: drop-shadow(0 3px 2px rgba(0,0,0,.9)) drop-shadow(0 -1px 1px rgba(255,255,255,.24));
    animation-duration: calc(36s / var(--ad-speed));
}

.armor-inner {
    inset: calc(var(--ad-gap) + 1px);
    background: conic-gradient(from var(--ad-angle-reverse),
        #0b0f16 0 8%, #667180 9% 11%, #111722 12% 23%,
        #aab5c3 24% 26%, #0a0e15 27% 48%, #596474 49% 52%,
        #111722 53% 73%, #9ba6b5 74% 76%, #0b0f16 77% 100%);
    -webkit-mask: radial-gradient(circle, transparent 0 72%, #000 73% 81%, transparent 82%);
    mask: radial-gradient(circle, transparent 0 72%, #000 73% 81%, transparent 82%);
    animation-duration: calc(29s / var(--ad-speed));
}

.avatar-decoration-clamps {
    position: absolute;
    inset: calc(-1 * var(--ad-gap));
    z-index: 6;
    pointer-events: none;
    animation: ad-clamp-breathe calc(4s / var(--ad-speed)) ease-in-out infinite;
}

.avatar-decoration-clamps i {
    position: absolute;
    width: 22%;
    height: 11%;
    left: 39%;
    top: -1%;
    border: 1px solid rgba(234,243,255,.52);
    border-radius: 40% 40% 24% 24%;
    background:
        linear-gradient(90deg, transparent 0 13%, var(--ad-primary) 14% 18%, transparent 19% 81%, var(--ad-secondary) 82% 86%, transparent 87%),
        linear-gradient(180deg, #8995a6 0%, #222a35 35%, #080b10 72%, #3a4452 100%);
    box-shadow: 0 3px 4px rgba(0,0,0,.75), inset 0 1px rgba(255,255,255,.28), 0 0 8px var(--ad-glow);
    transform-origin: 50% calc(50% + var(--ad-size) / 2 + var(--ad-gap));
}

.avatar-decoration-clamps i:nth-child(1) { transform: rotate(0deg); }
.avatar-decoration-clamps i:nth-child(2) { transform: rotate(90deg); }
.avatar-decoration-clamps i:nth-child(3) { transform: rotate(180deg); }
.avatar-decoration-clamps i:nth-child(4) { transform: rotate(270deg); }

.avatar-decoration-energy.energy-a {
    background: conic-gradient(from var(--ad-angle),
        transparent 0 18deg,
        color-mix(in srgb, var(--ad-primary) 45%, transparent) 25deg,
        var(--ad-primary) 33deg,
        #fff 38deg,
        var(--ad-secondary) 44deg,
        transparent 54deg 174deg,
        var(--ad-secondary) 184deg,
        #fff 190deg,
        var(--ad-primary) 197deg,
        transparent 210deg 360deg);
    -webkit-mask: radial-gradient(circle, transparent 0 76%, #000 77% 82%, transparent 83%);
    mask: radial-gradient(circle, transparent 0 76%, #000 77% 82%, transparent 83%);
}

.avatar-decoration-energy.energy-b {
    inset: calc(-1 * var(--ad-gap) - 2px);
    opacity: .35;
    -webkit-mask: radial-gradient(circle, transparent 0 78%, #000 79% 82%, transparent 83%);
    mask: radial-gradient(circle, transparent 0 78%, #000 79% 82%, transparent 83%);
}

.avatar-decoration-aura {
    inset: calc(-1 * var(--ad-gap) - 3px);
    background:
        radial-gradient(circle, transparent 53%, color-mix(in srgb, var(--ad-primary) 35%, transparent) 65%, transparent 76%),
        conic-gradient(from var(--ad-angle), transparent 0 290deg, var(--ad-glow) 320deg, transparent 360deg);
    filter: blur(6px);
}

.avatar-decoration-orbit.orbit-b { opacity: .48; }
.avatar-decoration-sparks i { width: clamp(2px,.32vw,4px); height: clamp(2px,.32vw,4px); }

.avatar-decoration-locked .avatar-decoration-clamps,
.rank-card.rank-locked .avatar-decoration-clamps { filter: grayscale(1); opacity: .45; }

.avatar-decoration-mini .avatar-decoration-clamps { display: none; }

@keyframes ad-clamp-breathe {
    0%,100% { filter: brightness(.88); }
    50% { filter: brightness(1.16); }
}

/* ============================================================
   APEX CHASSIS — high-detail game UI silhouette
   ============================================================ */
.avatar-decoration {
    --ad-shell: color-mix(in srgb, var(--ad-primary) 18%, #111722);
    --ad-highlight: color-mix(in srgb, var(--ad-primary) 45%, #fff);
    filter:
        drop-shadow(0 11px 9px rgba(0,0,0,.62))
        drop-shadow(0 0 9px color-mix(in srgb, var(--ad-glow) 62%, transparent));
}

.avatar-decoration-blades,
.avatar-decoration-ticks,
.avatar-decoration-crystals {
    position:absolute;
    inset:0;
    border-radius:50%;
    pointer-events:none;
}

.avatar-decoration-blades {
    inset:calc(-1 * var(--ad-gap) - 4px);
    z-index:4;
    animation:ad-blade-drift calc(44s / var(--ad-speed)) linear infinite;
}

.avatar-decoration-blades i {
    position:absolute;
    top:-7%;
    left:42%;
    width:16%;
    height:24%;
    clip-path:polygon(50% 0, 90% 24%, 78% 70%, 58% 100%, 42% 100%, 22% 70%, 10% 24%);
    background:
        linear-gradient(90deg,transparent 0 46%,rgba(255,255,255,.42) 48% 51%,transparent 53%),
        linear-gradient(135deg,#c5d0dd 0 8%,#323b48 22%,#0a0e14 52%,var(--ad-shell) 72%,#727f90 90%,#151b24);
    border:1px solid rgba(226,238,250,.34);
    box-shadow:0 4px 5px rgba(0,0,0,.85),inset 0 1px rgba(255,255,255,.34),0 0 8px var(--ad-glow);
    transform-origin:50% calc(100% + var(--ad-size) * .38);
}

.avatar-decoration-blades i::after {
    content:"";
    position:absolute;
    left:43%;
    top:14%;
    width:14%;
    height:56%;
    border-radius:10px;
    background:linear-gradient(var(--ad-primary),#fff,var(--ad-secondary));
    box-shadow:0 0 7px var(--ad-primary);
    opacity:.82;
}

.avatar-decoration-blades i:nth-child(1){transform:rotate(0deg)}
.avatar-decoration-blades i:nth-child(2){transform:rotate(45deg)}
.avatar-decoration-blades i:nth-child(3){transform:rotate(90deg)}
.avatar-decoration-blades i:nth-child(4){transform:rotate(135deg)}
.avatar-decoration-blades i:nth-child(5){transform:rotate(180deg)}
.avatar-decoration-blades i:nth-child(6){transform:rotate(225deg)}
.avatar-decoration-blades i:nth-child(7){transform:rotate(270deg)}
.avatar-decoration-blades i:nth-child(8){transform:rotate(315deg)}

.avatar-decoration-ticks {
    inset:calc(var(--ad-gap) * .2);
    z-index:5;
    background:repeating-conic-gradient(from var(--ad-angle-reverse),
        rgba(255,255,255,.9) 0deg 1deg,
        transparent 1deg 7.5deg);
    -webkit-mask:radial-gradient(circle,transparent 0 83%,#000 84% 87%,transparent 88%);
    mask:radial-gradient(circle,transparent 0 83%,#000 84% 87%,transparent 88%);
    opacity:.58;
    animation:ad-ticks calc(18s / var(--ad-speed)) linear infinite;
}

.avatar-decoration-crystals {
    inset:calc(-1 * var(--ad-gap) - 8px);
    z-index:12;
    animation:ad-crystal-orbit calc(26s / var(--ad-speed)) linear infinite;
}

.avatar-decoration-crystals i {
    position:absolute;
    left:45%;
    top:-4%;
    width:10%;
    aspect-ratio:1;
    clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);
    background:linear-gradient(135deg,#fff 0 12%,var(--ad-primary) 35%,var(--ad-secondary) 75%,#fff 100%);
    box-shadow:0 0 7px var(--ad-primary),0 0 13px var(--ad-secondary);
    transform-origin:50% calc(50% + var(--ad-size) / 2 + var(--ad-gap) + 7px);
}
.avatar-decoration-crystals i:nth-child(1){transform:rotate(0deg)}
.avatar-decoration-crystals i:nth-child(2){transform:rotate(90deg)}
.avatar-decoration-crystals i:nth-child(3){transform:rotate(180deg)}
.avatar-decoration-crystals i:nth-child(4){transform:rotate(270deg)}

.avatar-decoration-center::before {
    content:"";
    position:absolute;
    inset:0;
    z-index:2;
    border-radius:50%;
    background:
        linear-gradient(125deg,rgba(255,255,255,.22),transparent 28%),
        radial-gradient(circle at 72% 78%,transparent 45%,rgba(0,0,0,.22));
    pointer-events:none;
}

.avatar-decoration-center::after {
    content:"";
    position:absolute;
    inset:4%;
    z-index:3;
    border-radius:50%;
    border:1px solid color-mix(in srgb,var(--ad-primary) 36%,transparent);
    box-shadow:inset 0 0 11px color-mix(in srgb,var(--ad-primary) 16%,transparent);
    pointer-events:none;
}

.armor-outer::after {
    content:"";
    position:absolute;
    inset:0;
    border-radius:50%;
    background:conic-gradient(from var(--ad-angle),
        transparent 0 10%,rgba(255,255,255,.45) 12%,transparent 15% 45%,
        rgba(255,255,255,.3) 48%,transparent 52% 82%,rgba(255,255,255,.35) 84%,transparent 88%);
    -webkit-mask:radial-gradient(circle,transparent 0 70%,#000 71% 82%,transparent 83%);
    mask:radial-gradient(circle,transparent 0 70%,#000 71% 82%,transparent 83%);
}

.avatar-decoration.energy-overdrive .avatar-decoration-energy,
.rank-mythic .avatar-decoration-energy,
.rank-diamond .avatar-decoration-energy {
    filter:drop-shadow(0 0 4px #fff) drop-shadow(0 0 10px var(--ad-primary)) drop-shadow(0 0 18px var(--ad-secondary));
}

.avatar-decoration-mini .avatar-decoration-blades,
.avatar-decoration-mini .avatar-decoration-crystals,
.avatar-decoration-mini .avatar-decoration-ticks { display:none; }

.avatar-decoration-preview .avatar-decoration-blades i,
.rank-profile-hero .avatar-decoration-blades i { border-width:1.5px; }

@keyframes ad-blade-drift { to { transform:rotate(360deg); } }
@keyframes ad-ticks { to { --ad-angle-reverse:0deg; } }
@keyframes ad-crystal-orbit { to { transform:rotate(-360deg); } }

@media(max-width:480px){
    .avatar-decoration-blades i{top:-5%;height:21%}
    .avatar-decoration-crystals{inset:calc(-1 * var(--ad-gap) - 5px)}
}

@media(prefers-reduced-motion:reduce){
    .avatar-decoration-blades,.avatar-decoration-ticks,.avatar-decoration-crystals{animation:none!important}
}

/* ============================================================
   10 ORIGINAL DISCORD-STYLE DECORATIONS
   ============================================================ */
.decoration-entity,.decoration-trail{position:absolute;inset:-16%;z-index:16;border-radius:50%;pointer-events:none}.decoration-entity{animation:entity-orbit calc(7s / var(--ad-speed)) linear infinite}.decoration-entity.entity-b{animation-duration:calc(10s / var(--ad-speed));animation-direction:reverse;opacity:.76}.decoration-entity>i{position:absolute;left:44%;top:-2%;display:block;transform-origin:center}.decoration-trail{z-index:14;animation:entity-orbit calc(9s / var(--ad-speed)) linear infinite}.decoration-trail i{position:absolute;width:5px;height:5px;border:1px solid color-mix(in srgb,var(--ad-primary) 75%,#fff);border-radius:50%;box-shadow:0 0 5px var(--ad-primary);opacity:.65}.decoration-trail i:nth-child(1){left:28%;top:0}.decoration-trail i:nth-child(2){left:15%;top:8%;width:3px;height:3px}.decoration-trail i:nth-child(3){right:9%;top:19%}.decoration-trail i:nth-child(4){right:1%;top:36%;width:3px;height:3px}.decoration-trail i:nth-child(5){left:3%;bottom:25%;width:4px;height:4px}

/* Ocean Whale */
.decoration-ocean_whale{--ad-primary:#57dcff;--ad-secondary:#4874ff;--ad-glow:rgba(65,190,255,.56)}.decoration-ocean_whale .avatar-decoration-blades,.decoration-ocean_whale .avatar-decoration-crystals{opacity:.28}.decoration-ocean_whale .entity-a>i{width:34px;height:17px;border-radius:65% 52% 58% 48%;background:radial-gradient(circle at 68% 28%,#fff 0 2px,transparent 3px),linear-gradient(165deg,#c7f6ff 0 10%,#51c9f2 26%,#1763a1 72%,#0a355f);box-shadow:inset -5px -4px 6px rgba(0,0,0,.28),inset 5px 3px 5px rgba(255,255,255,.25),0 0 12px #46cfff;transform:rotate(-8deg) rotateY(-12deg);animation:whale-swim 1.8s ease-in-out infinite}.decoration-ocean_whale .entity-a>i::before{content:"";position:absolute;left:-10px;top:3px;width:13px;height:12px;background:linear-gradient(135deg,#3caed8,#17639d);clip-path:polygon(100% 45%,0 0,30% 50%,0 100%)}.decoration-ocean_whale .entity-a>i::after{content:"";position:absolute;left:12px;bottom:-7px;width:13px;height:9px;background:#2783bc;clip-path:polygon(40% 0,100% 100%,0 66%)}.decoration-ocean_whale .entity-b>i{width:17px;height:8px;border-radius:60%;background:linear-gradient(160deg,#92eaff,#1d6cad);box-shadow:0 0 8px #56d9ff}.decoration-ocean_whale .entity-b{inset:-8%;animation-duration:12s}

/* Neon Koi */
.decoration-neon_koi{--ad-primary:#ff768f;--ad-secondary:#ffd25e}.decoration-neon_koi .entity-a>i,.decoration-neon_koi .entity-b>i{width:26px;height:9px;border-radius:70% 40% 60% 45%;background:linear-gradient(90deg,#fff,var(--ad-primary),var(--ad-secondary));box-shadow:0 0 10px var(--ad-primary);animation:koi-wave 1.2s ease-in-out infinite}.decoration-neon_koi .entity-a>i::before,.decoration-neon_koi .entity-b>i::before{content:"";position:absolute;left:-8px;top:0;width:9px;height:9px;background:var(--ad-secondary);clip-path:polygon(100% 50%,0 0,20% 50%,0 100%)}.decoration-neon_koi .entity-b{inset:-6%}.decoration-neon_koi .entity-b>i{background:linear-gradient(90deg,#fff,#66efff,#8d70ff);box-shadow:0 0 10px #66efff}

/* Mecha Gear */
.decoration-mecha_gear .decoration-entity{display:none}.decoration-mecha_gear .avatar-decoration-blades{opacity:1}.decoration-mecha_gear .avatar-decoration-ticks{opacity:.9}

/* Cosmic Orbit */
.decoration-cosmic_orbit{--ad-primary:#8f7cff;--ad-secondary:#55e8ff}.decoration-cosmic_orbit .entity-a>i{width:18px;height:18px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff,#8b83ff 28%,#34236e 72%);box-shadow:0 0 14px #806eff}.decoration-cosmic_orbit .entity-a>i::after{content:"";position:absolute;inset:5px -10px;border:2px solid #7ceaff;border-radius:50%;transform:rotate(-20deg);box-shadow:0 0 6px #55e8ff}.decoration-cosmic_orbit .entity-b>i{width:7px;height:7px;border-radius:50%;background:#fff;box-shadow:0 0 10px #fff}.decoration-cosmic_orbit .decoration-trail i{background:#fff;border:0}

/* Frost Crystal */
.decoration-frost_crystal{--ad-primary:#d9fbff;--ad-secondary:#5ebcff}.decoration-frost_crystal .entity-a>i,.decoration-frost_crystal .entity-b>i{width:23px;height:23px;clip-path:polygon(50% 0,64% 36%,100% 50%,64% 64%,50% 100%,36% 64%,0 50%,36% 36%);background:linear-gradient(135deg,#fff,#7de5ff 45%,#3577d8);box-shadow:0 0 13px #77e7ff}.decoration-frost_crystal .avatar-decoration-crystals{animation-duration:16s}

/* Thunder Crown */
.decoration-thunder_crown{--ad-primary:#ffe65c;--ad-secondary:#65c8ff}.decoration-thunder_crown .entity-a>i{width:20px;height:30px;background:linear-gradient(#fff,#ffe83f,#59baff);clip-path:polygon(55% 0,100% 0,65% 39%,92% 39%,25% 100%,43% 55%,12% 55%);filter:drop-shadow(0 0 8px #ffe54e);animation:thunder-flicker .8s steps(2) infinite}.decoration-thunder_crown .entity-b{display:none}.decoration-thunder_crown .avatar-decoration-clamps i{box-shadow:0 0 11px #ffe85a}

/* Plasma Dragon */
.decoration-plasma_dragon{--ad-primary:#70ffda;--ad-secondary:#8b54ff}.decoration-plasma_dragon .entity-a>i{width:39px;height:13px;border-radius:80% 25% 75% 25%;background:linear-gradient(90deg,#3b146f,#8d52ff,#79ffe0);box-shadow:0 0 12px #8b54ff;animation:dragon-flex 1.4s ease-in-out infinite}.decoration-plasma_dragon .entity-a>i::before{content:"";position:absolute;right:-8px;top:-5px;width:13px;height:13px;background:#75ffe0;clip-path:polygon(0 30%,60% 0,100% 35%,75% 100%,25% 90%)}.decoration-plasma_dragon .entity-a>i::after{content:"";position:absolute;left:10px;top:-10px;width:22px;height:17px;border:3px solid #995aff;border-bottom:0;clip-path:polygon(0 100%,40% 0,55% 100%,100% 15%,82% 100%)}.decoration-plasma_dragon .entity-b{display:none}

/* Phoenix Flare */
.decoration-phoenix_flare{--ad-primary:#ffcc43;--ad-secondary:#ff3f5f}.decoration-phoenix_flare .entity-a>i{width:34px;height:30px;background:radial-gradient(circle at 50% 60%,#fff 0 8%,#ffcf42 18%,#ff4a4a 55%,transparent 58%);filter:drop-shadow(0 0 10px #ff7146);animation:phoenix-flap 1.1s ease-in-out infinite}.decoration-phoenix_flare .entity-a>i::before,.decoration-phoenix_flare .entity-a>i::after{content:"";position:absolute;top:5px;width:22px;height:24px;background:linear-gradient(#fff1a3,#ffad32,#ff3d58);clip-path:polygon(100% 35%,0 0,42% 100%)}.decoration-phoenix_flare .entity-a>i::before{right:17px}.decoration-phoenix_flare .entity-a>i::after{left:17px;transform:scaleX(-1)}.decoration-phoenix_flare .entity-b{display:none}.decoration-phoenix_flare .decoration-trail i{background:#ffcf42;border:0}

/* Cyber Serpent */
.decoration-cyber_serpent{--ad-primary:#47ff8d;--ad-secondary:#19d9ff}.decoration-cyber_serpent .entity-a>i{width:44px;height:10px;border:3px solid #45ff8c;border-left-color:transparent;border-radius:50%;box-shadow:0 0 10px #31ef9d;animation:serpent-wave 1.2s ease-in-out infinite}.decoration-cyber_serpent .entity-a>i::after{content:"";position:absolute;right:-5px;top:-5px;width:9px;height:9px;background:#b8fff1;clip-path:polygon(0 50%,100% 0,80% 100%)}.decoration-cyber_serpent .entity-b>i{width:5px;height:5px;border-radius:50%;background:#45ff8c;box-shadow:0 0 8px #45ff8c}

/* Void Sovereign */
.decoration-void_tentacle{--ad-primary:#d65cff;--ad-secondary:#ff4b89}.decoration-void_tentacle .entity-a>i{width:26px;height:26px;border-radius:50%;background:radial-gradient(circle,#fff 0 5%,#e55cff 12%,#301054 43%,#05020a 65%);box-shadow:0 0 16px #bd43ff,0 0 28px rgba(172,45,255,.6);animation:void-pulse 1.8s ease-in-out infinite}.decoration-void_tentacle .entity-a>i::before,.decoration-void_tentacle .entity-a>i::after{content:"";position:absolute;left:10px;top:18px;width:7px;height:26px;border:3px solid #c74dff;border-top:0;border-radius:0 0 80% 80%;transform:rotate(24deg);filter:drop-shadow(0 0 5px #c74dff)}.decoration-void_tentacle .entity-a>i::after{transform:rotate(-38deg);height:22px}.decoration-void_tentacle .entity-b>i{width:9px;height:9px;border-radius:50%;background:#05020a;box-shadow:0 0 10px #ff4b89}

.avatar-decoration-rank-mini .decoration-entity,.avatar-decoration-rank-mini .decoration-trail,.avatar-decoration-rank-mini .avatar-decoration-blades,.avatar-decoration-rank-mini .avatar-decoration-crystals{display:none}.avatar-decoration-rank-mini{--ad-size:42px;--ad-ring:3px;--ad-gap:2px}.avatar-decoration-mini .decoration-entity,.avatar-decoration-mini .decoration-trail{display:none}

@keyframes entity-orbit{to{transform:rotate(360deg)}}@keyframes whale-swim{0%,100%{transform:rotate(-8deg) rotateY(-12deg) translateY(0)}50%{transform:rotate(4deg) rotateY(10deg) translateY(3px)}}@keyframes koi-wave{0%,100%{transform:rotate(-8deg) skewY(-5deg)}50%{transform:rotate(8deg) skewY(8deg)}}@keyframes thunder-flicker{0%,100%{opacity:1}50%{opacity:.55}}@keyframes dragon-flex{0%,100%{transform:skewY(-5deg) rotate(-4deg)}50%{transform:skewY(9deg) rotate(5deg)}}@keyframes phoenix-flap{0%,100%{transform:scaleY(.85) rotate(-3deg)}50%{transform:scaleY(1.12) rotate(4deg)}}@keyframes serpent-wave{0%,100%{transform:rotate(-12deg) scaleX(.9)}50%{transform:rotate(12deg) scaleX(1.1)}}@keyframes void-pulse{0%,100%{transform:scale(.88)}50%{transform:scale(1.12)}}