.profile-dashboard .profile-avatar[class*="avatar-frame-"]:not(.avatar-frame-none) {
    border-width: 1px;
    border-style: solid;
    border-color: color-mix(in srgb, var(--frame) 35%, #ffffff80);
    box-shadow: 0 0 16px var(--ring-glow, #a855f780), 0 10px 27px #030816a8;
}

.profile-dashboard .profile-avatar .profile-avatar-ring {
    position: absolute;
    inset: -8px;
    z-index: 3;
    display: block;
    padding: 4px;
    border-radius: 31px;
    background: var(--ring-gradient, conic-gradient(#fff, #8f78d5, #fff));
    -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    filter: drop-shadow(0 0 7px var(--ring-glow, #a855f7));
    pointer-events: none;
}

.profile-dashboard .avatar-frame-none .profile-avatar-ring { display: none; }

.profile-dashboard .avatar-frame-bronze {
    --frame: #f4a06d;
    --ring-glow: #e8795080;
    --ring-gradient: conic-gradient(from 25deg, #fff1ca, #b65b35 16%, #f9ae72 29%, #5f2c32 42%, #ffdfaa 52%, #b65b35 72%, #fff1ca);
}
.profile-dashboard .avatar-frame-bronze .profile-avatar-ring {
    clip-path: polygon(13% 0, 87% 0, 100% 13%, 100% 87%, 87% 100%, 13% 100%, 0 87%, 0 13%);
}
.profile-dashboard .avatar-frame-silver {
    --frame: #d4edff;
    --ring-glow: #8ccfff9c;
    --ring-gradient: conic-gradient(from 18deg, #fff, #75afdf 13%, #ecf8ff 20%, #7383bd 39%, #fff 50%, #93d7f0 68%, #d7dcff 82%, #fff);
}
.profile-dashboard .avatar-frame-silver .profile-avatar-ring { padding: 5px; }
.profile-dashboard .avatar-frame-neon {
    --frame: #b986ff;
    --ring-glow: #9d5dffd0;
    --ring-gradient: linear-gradient(135deg, #f7d7ff, #b88bff 27%, #7464ff 61%, #d05dff 88%, #f0bdff);
}
.profile-dashboard .profile-avatar.avatar-frame-neon:not(.avatar-frame-none) {
    border-color: #d9afff5c;
    color: #f7eaff;
    background: linear-gradient(145deg, #a771e55c, #6d4bb44d 55%, #36277978);
    backdrop-filter: blur(4px) saturate(1.15);
    box-shadow: -8px 2px 16px #ac5bff83, -15px 5px 30px #6b63ff5c,
        0 9px 25px #060a1f9c;
}
.profile-dashboard .avatar-frame-neon .profile-avatar-ring {
    inset: -5px;
    padding: 3px;
    border-radius: 29px;
    transform: translate(-6px, 3px);
    filter: drop-shadow(0 0 4px #e9b8ff) drop-shadow(-5px 2px 11px #9d5dff)
        drop-shadow(-11px 4px 17px #5e66ff9c);
}
.profile-dashboard .avatar-frame-neon .profile-avatar-letter { text-shadow: 0 0 12px #da9eff; }
.profile-dashboard .avatar-frame-gold {
    --frame: #ffda7d;
    --ring-glow: #ffb946b0;
    --ring-gradient: conic-gradient(from 25deg, #fff9d1, #bd712e 12%, #ffd77d 24%, #fff5c1 31%, #ad5c24 44%, #fff2b0 56%, #f7a948 71%, #fff8cf 87%, #c17629);
}
.profile-dashboard .avatar-frame-gold .profile-avatar-ring { padding: 6px; }
.profile-dashboard .avatar-frame-watch {
    --frame: #ff9baf;
    --ring-glow: #ff547eaa;
    --ring-gradient: repeating-conic-gradient(from -12deg, #ffe4d4 0deg 4deg, #ff5b86 4deg 17deg, #4c264f 17deg 20deg);
}
.profile-dashboard .avatar-frame-watch .profile-avatar-ring { border-radius: 50%; padding: 5px; }
.profile-dashboard .avatar-frame-critic {
    --frame: #9becff;
    --ring-glow: #5cdef7b8;
    --ring-gradient: conic-gradient(from 45deg, #eafcff 0deg 35deg, #3baac8 35deg 45deg, #bdfaff 45deg 125deg, #27749e 125deg 135deg, #eafcff 135deg 215deg, #3baac8 215deg 225deg, #bdfaff 225deg 305deg, #27749e 305deg 315deg, #eafcff 315deg);
}
.profile-dashboard .avatar-frame-social {
    --frame: #d3a4ff;
    --ring-glow: #a76cf8b0;
    --ring-gradient: repeating-conic-gradient(from 0deg, #eed7ff 0deg 12deg, #9763e8 12deg 23deg, #553a98 23deg 27deg);
}
.profile-dashboard .avatar-frame-galaxy {
    --frame: #b6c8ff;
    --ring-glow: #9281ffcc;
    --ring-gradient: conic-gradient(from 12deg, #fff 0deg, #bdb6ff 42deg, #4a7eb7 79deg, #f7d4ff 116deg, #5673c7 163deg, #b5f6ff 215deg, #624cb4 273deg, #fff 360deg);
}
.profile-dashboard .avatar-frame-galaxy .profile-avatar-ring {
    inset: -11px;
    padding: 5px;
    border-radius: 35px;
    animation: profile-halo-pulse 4s ease-in-out infinite;
}
.profile-dashboard .avatar-frame-holo {
    --frame: #bcf8ff;
    --ring-glow: #80eaffba;
    --ring-gradient: conic-gradient(from 30deg, #68eaff, #9d80ff, #ff9ee4, #fff6b5, #78fcd4, #68eaff);
}
.profile-dashboard .avatar-frame-holo .profile-avatar-ring {
    padding: 6px;
    animation: profile-halo-pulse 3.5s ease-in-out infinite;
}
.profile-dashboard .avatar-frame-glitch {
    --frame: #89eeff;
    --ring-glow: #29dfffbb;
    --ring-gradient: conic-gradient(from 15deg, #65f7ff 0 12%, transparent 12% 15%, #ff6bdf 15% 34%, transparent 34% 37%, #a3ffff 37% 64%, transparent 64% 68%, #ff74c9 68% 86%, #57f6ff 86%);
}
.profile-dashboard .avatar-frame-glitch .profile-avatar-ring {
    border-radius: 20px;
    animation: profile-signal-break 5.5s steps(1, end) infinite;
}
.profile-dashboard .avatar-frame-cat {
    --frame: #e8d8ff;
    --ring-glow: #d5a4ffb5;
    --ring-gradient: conic-gradient(from -20deg, #fff6de, #d4b5ff, #98dcff, #fff, #d4b5ff, #fff6de);
}
.profile-dashboard .avatar-frame-muse {
    --frame: #8ef2ff;
    --ring-glow: #65cbffc9;
    --ring-gradient: conic-gradient(from 20deg, #63f4ff, #483bba 27%, #f382ff 48%, #282e9a 68%, #8cfaff);
}
.profile-dashboard .avatar-frame-cat .profile-avatar-ring,
.profile-dashboard .avatar-frame-muse .profile-avatar-ring { display: none; }

.profile-dashboard .profile-avatar .profile-avatar-sparks {
    display: none;
    position: absolute;
    inset: -18px;
    z-index: 4;
    pointer-events: none;
    background:
        radial-gradient(circle at 8% 22%, #fff 0 2px, #98cbff 3px, transparent 6px),
        radial-gradient(circle at 81% 3%, #fff 0 1px, #aeabff 2px, transparent 5px),
        radial-gradient(circle at 99% 59%, #fff 0 2px, #e8baff 3px, transparent 7px),
        radial-gradient(circle at 18% 95%, #fff 0 1px, #80c8ff 2px, transparent 5px);
    filter: drop-shadow(0 0 5px #9fc5ff);
    animation: profile-stars-twinkle 4s ease-in-out infinite;
}
.profile-dashboard .avatar-frame-galaxy .profile-avatar-sparks {
    display: block;
}
.profile-dashboard .avatar-frame-galaxy .profile-avatar-sparks::before,
.profile-dashboard .avatar-frame-galaxy .profile-avatar-sparks::after {
    position: absolute;
    color: #f4f5ff;
    line-height: 1;
    text-shadow: 0 0 9px #91b9ff;
}
.profile-dashboard .avatar-frame-galaxy .profile-avatar-sparks::before {
    content: "✦";
    top: 5%;
    left: 13%;
    font-size: 19px;
}
.profile-dashboard .avatar-frame-galaxy .profile-avatar-sparks::after {
    content: "✧";
    right: 4%;
    bottom: 10%;
    font-size: 25px;
}

.profile-dashboard .profile-avatar .profile-avatar-companion {
    position: absolute;
    z-index: 5;
    display: block;
    width: 78px;
    height: auto;
    max-width: none;
    border: 0;
    border-radius: 0;
    object-fit: contain;
    pointer-events: none;
    filter: drop-shadow(0 5px 4px #050a1cc4) drop-shadow(0 0 8px #c7a6ff75);
}
.profile-dashboard .profile-avatar .profile-avatar-companion[hidden] { display: none; }
.profile-dashboard .avatar-frame-cat .profile-avatar-companion { right: -28px; bottom: -18px; }
.profile-dashboard .avatar-frame-muse .profile-avatar-companion { right: -35px; bottom: -19px; width: 92px; }
.profile-dashboard .profile-hero-main:has(.profile-avatar-companion) { gap: 40px; }

.profile-dashboard .profile-hero-info h1.name-glow-neon {
    color: #e9ffff;
    text-shadow: 0 0 2px #fff, 0 0 9px #41edff, 0 0 23px #25c8ff, 2px 2px 0 #fa5de6, 4px 4px 15px #ff48d888;
    animation: profile-neon-breathe 3.6s ease-in-out infinite;
}
.profile-dashboard .profile-hero-info h1.name-glow-shadow3d {
    color: #f6faff;
    text-shadow: 1px 1px #ff8bec, 2px 2px #ea5de9, 3px 3px #a94edd,
        4px 4px #624aaa, 5px 5px #263766, 7px 8px 15px #07091e,
        0 0 14px #a966ffb0;
}
.profile-dashboard .profile-hero-info h1.name-glow-rainbow,
.profile-dashboard .profile-hero-info h1.name-glow-prism {
    color: #fff;
    background: linear-gradient(105deg, #ffb8e7, #ffe099, #b7ffb3, #a1efff, #c6b3ff, #ffb8e7) 0 0 / 220% 100%;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    text-shadow: none;
    filter: drop-shadow(0 0 9px #a86dffbb);
    animation: profile-spectrum 5s linear infinite;
}
.profile-dashboard .profile-hero-info h1.name-glow-prism {
    background-image: linear-gradient(105deg, #fff, #8fdcff, #e8a3ff, #fff4c5, #fff);
    filter: drop-shadow(-2px 0 7px #ec78e6) drop-shadow(2px 0 7px #59ddff);
}
.profile-dashboard .profile-hero-info h1.name-glow-glitch {
    color: #f8fcff;
    text-shadow: -2px 0 #40eaff, 2px 0 #ff67b8, 0 0 13px #668aff;
    animation: profile-name-glitch 5.5s steps(1, end) infinite;
}

@keyframes profile-halo-pulse {
    0%, 100% { opacity: .8; filter: drop-shadow(0 0 4px var(--ring-glow)); }
    50% { opacity: 1; filter: drop-shadow(0 0 12px var(--ring-glow)); }
}
@keyframes profile-signal-break {
    0%, 89%, 93%, 100% { transform: translate(0); opacity: 1; }
    90% { transform: translate(2px, -1px); opacity: .68; }
    91% { transform: translate(-2px, 1px); opacity: 1; }
    92% { transform: translate(1px, 0); opacity: .76; }
}
@keyframes profile-stars-twinkle {
    0%, 100% { opacity: .6; transform: scale(.97); }
    50% { opacity: 1; transform: scale(1.03); }
}
@keyframes profile-neon-breathe {
    0%, 100% { opacity: 1; }
    50% { opacity: .78; }
}
@keyframes profile-spectrum {
    from { background-position: 0 0; }
    to { background-position: 220% 0; }
}
@keyframes profile-name-glitch {
    0%, 87%, 93%, 100% { transform: translateX(0); text-shadow: -2px 0 #40eaff, 2px 0 #ff67b8, 0 0 13px #668aff; }
    88% { transform: translateX(1px); text-shadow: -4px 0 #40eaff, 3px 0 #ff67b8; }
    89% { transform: translateX(-1px); text-shadow: 3px 0 #40eaff, -4px 0 #ff67b8; }
    90% { transform: translateX(2px); }
    91% { transform: translateX(0); }
}

@media (max-width: 680px) {
    .profile-dashboard .profile-hero-main:has(.profile-avatar-companion) { gap: 0; }
    .profile-dashboard .profile-hero-main:has(.profile-avatar-companion) .profile-hero-info { padding-top: 24px; }
    .profile-dashboard .profile-avatar .profile-avatar-ring { inset: -6px; padding: 3px; border-radius: 27px; }
    .profile-dashboard .avatar-frame-neon .profile-avatar-ring {
        inset: -4px;
        padding: 3px;
        border-radius: 25px;
        transform: translate(-4px, 2px);
    }
    .profile-dashboard .avatar-frame-galaxy .profile-avatar-ring { inset: -8px; padding: 4px; border-radius: 29px; }
    .profile-dashboard .avatar-frame-watch .profile-avatar-ring { border-radius: 50%; }
    .profile-dashboard .avatar-decor-stars::before,
    .profile-dashboard .avatar-decor-stars::after { width: 70px; height: 88px; }
    .profile-dashboard .avatar-decor-lightning::before,
    .profile-dashboard .avatar-decor-lightning::after { width: 62px; height: 92px; }
    .profile-dashboard .profile-avatar .profile-avatar-companion { width: 60px; }
    .profile-dashboard .avatar-frame-cat .profile-avatar-companion { right: -19px; bottom: -12px; }
    .profile-dashboard .avatar-frame-muse .profile-avatar-companion { right: -25px; bottom: -15px; width: 72px; }
}
@media (max-width: 400px) {
    .profile-dashboard .profile-hero-main:has(.profile-avatar-companion) .profile-hero-info { padding-top: 20px; }
    .profile-dashboard .avatar-decor-stars::before,
    .profile-dashboard .avatar-decor-stars::after { width: 58px; height: 74px; }
    .profile-dashboard .avatar-decor-lightning::before,
    .profile-dashboard .avatar-decor-lightning::after { width: 52px; height: 78px; }
    .profile-dashboard .profile-avatar .profile-avatar-companion { width: 49px; }
    .profile-dashboard .avatar-frame-cat .profile-avatar-companion { right: -16px; bottom: -10px; }
    .profile-dashboard .avatar-frame-muse .profile-avatar-companion { right: -20px; bottom: -11px; width: 59px; }
    .profile-dashboard .profile-avatar .profile-avatar-sparks { inset: -13px; }
}
@media (prefers-reduced-motion: reduce) {
    .profile-dashboard .profile-avatar .profile-avatar-ring,
    .profile-dashboard .profile-avatar .profile-avatar-sparks,
    .profile-dashboard .profile-hero-info h1 { animation: none !important; }
}