.avatar-wrapper { 
    position: relative; 
    display: inline-flex; 
    justify-content: center; 
    align-items: center; 
    border-radius: 50%; 
    flex-shrink: 0; 
    /* Добавляем перспективу для 3D-анимаций */
    perspective: 1000px; 
}
.avatar-wrapper img.avatar-img { 
    position: relative; 
    z-index: 10; 
    width: 100%; 
    height: 100%; 
    object-fit: cover; 
    border-radius: 50%; 
    box-shadow: 0 0 20px rgba(0,0,0,0.5);
}
.avatar-frame { 
    position: absolute; 
    /* Расширяем область для массивных 3D-эффектов */
    inset: -35%; 
    z-index: 20; 
    pointer-events: none; 
    background-size: contain; 
    background-position: center; 
    background-repeat: no-repeat; 
}

/* ========================================= */
/* 🎬 УЛЬТРА-АНИМАЦИИ                       */
/* ========================================= */
@keyframes frame-spin { 100% { transform: rotate(360deg); } }
@keyframes frame-spin-rev { 100% { transform: rotate(-360deg); } }
@keyframes frame-pulse-glow { 
    0%, 100% { transform: scale(1); filter: brightness(1) drop-shadow(0 0 10px rgba(255,255,255,0.2)); } 
    50% { transform: scale(1.03); filter: brightness(1.3) drop-shadow(0 0 25px rgba(255,255,255,0.8)); } 
}
@keyframes frame-3d-wobble { 
    0%, 100% { transform: rotateX(0deg) rotateY(0deg) scale(1); } 
    25% { transform: rotateX(8deg) rotateY(-8deg) scale(1.02); } 
    50% { transform: rotateX(-5deg) rotateY(10deg) scale(1); } 
    75% { transform: rotateX(-10deg) rotateY(-5deg) scale(0.98); } 
}
@keyframes frame-glitch-extreme { 
    0%, 100% { transform: translate(0) skew(0deg); filter: hue-rotate(0deg); } 
    10% { transform: translate(-3px, 3px) skew(2deg); filter: hue-rotate(90deg) brightness(1.5); } 
    20% { transform: translate(4px, -2px) skew(-3deg); } 
    30% { transform: translate(-2px, 4px) skew(1deg); filter: hue-rotate(-90deg); } 
}
@keyframes frame-breathe-magic { 
    0%, 100% { transform: scale(0.98) rotate(0deg); opacity: 0.8; } 
    50% { transform: scale(1.04) rotate(5deg); opacity: 1; filter: saturate(1.5); } 
}

/* ========================================= */
/* 🐉 ЭПИК И ФЭНТЕЗИ (Реалистичные текстуры) */
/* ========================================= */

/* Дракон: Чешуя из золота и магмы, 3D-шипы */
.frame-dragon .avatar-frame { 
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Cdefs%3E%3CradialGradient id='magma' cx='50%25' cy='50%25' r='50%25'%3E%3Cstop offset='60%25' stop-color='%23000' stop-opacity='0'/%3E%3Cstop offset='85%25' stop-color='%23ea580c'/%3E%3Cstop offset='95%25' stop-color='%23fef08a'/%3E%3Cstop offset='100%25' stop-color='%237f1d1d'/%3E%3C/radialGradient%3E%3Cfilter id='glow'%3E%3CfeGaussianBlur stdDeviation='3' result='blur'/%3E%3CfeMerge%3E%3CfeMergeNode in='blur'/%3E%3CfeMergeNode in='SourceGraphic'/%3E%3C/feMerge%3E%3C/filter%3E%3C/defs%3E%3Ccircle cx='100' cy='100' r='80' fill='url(%23magma)' filter='url(%23glow)'/%3E%3Cpath d='M100 10 L115 30 L85 30 Z M190 100 L170 115 L170 85 Z M10 100 L30 115 L30 85 Z M100 190 L115 170 L85 170 Z' fill='%23fef08a' filter='url(%23glow)'/%3E%3Ccircle cx='100' cy='100' r='75' fill='none' stroke='%23450a0a' stroke-width='10' stroke-dasharray='15 5'/%3E%3C/svg%3E"); 
    animation: frame-breathe-magic 4s infinite ease-in-out; 
    filter: drop-shadow(0 0 15px rgba(234, 88, 12, 0.8)); 
}

/* Левиафан: Глубоководный монстр с щупальцами и биолюминесценцией */
.frame-leviathan .avatar-frame { 
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Cdefs%3E%3CradialGradient id='ocean' cx='50%25' cy='50%25' r='50%25'%3E%3Cstop offset='60%25' stop-color='transparent'/%3E%3Cstop offset='90%25' stop-color='%231e3a8a'/%3E%3Cstop offset='100%25' stop-color='%2306b6d4'/%3E%3C/radialGradient%3E%3C/defs%3E%3Ccircle cx='100' cy='100' r='85' fill='url(%23ocean)'/%3E%3Cpath d='M100 15 Q 150 40 185 100 Q 150 160 100 185 Q 50 160 15 100 Q 50 40 100 15' fill='none' stroke='%2338bdf8' stroke-width='4' stroke-dasharray='20 10' opacity='0.8'/%3E%3Ccircle cx='100' cy='100' r='75' fill='none' stroke='%230284c7' stroke-width='6'/%3E%3C/svg%3E"); 
    animation: frame-3d-wobble 6s infinite, frame-spin-rev 15s linear infinite; 
    filter: drop-shadow(0 0 20px rgba(6, 182, 212, 0.7)); 
}

/* Феникс: Реалистичные огненные перья */
.frame-phoenix .avatar-frame { 
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Cdefs%3E%3Cfilter id='fire'%3E%3CfeGaussianBlur stdDeviation='2' result='blur'/%3E%3CfeMerge%3E%3CfeMergeNode in='blur'/%3E%3CfeMergeNode in='SourceGraphic'/%3E%3C/feMerge%3E%3C/filter%3E%3C/defs%3E%3Cg filter='url(%23fire)'%3E%3Ccircle cx='100' cy='100' r='75' fill='none' stroke='%23f97316' stroke-width='8'/%3E%3Cpath d='M100 10 Q 120 40 100 50 Q 80 40 100 10 Z' fill='%23fef08a'/%3E%3Cpath d='M10 100 Q 40 80 50 100 Q 40 120 10 100 Z' fill='%23ef4444'/%3E%3Cpath d='M190 100 Q 160 80 150 100 Q 160 120 190 100 Z' fill='%23ef4444'/%3E%3C/g%3E%3Ccircle cx='100' cy='100' r='85' fill='none' stroke='%23fbbf24' stroke-width='2' stroke-dasharray='5 15'/%3E%3C/svg%3E"); 
    animation: frame-pulse-glow 2.5s infinite alternate; 
}

/* Шторм: Металл + бьющие электрические разряды */
.frame-storm .avatar-frame { 
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Cdefs%3E%3Cfilter id='lightning'%3E%3CfeDropShadow dx='0' dy='0' stdDeviation='4' flood-color='%2322d3ee'/%3E%3C/filter%3E%3C/defs%3E%3Ccircle cx='100' cy='100' r='80' fill='none' stroke='%23334155' stroke-width='15'/%3E%3Cpath d='M80 15 L95 45 L85 55 L110 90' fill='none' stroke='%23e0f2fe' stroke-width='4' filter='url(%23lightning)'/%3E%3Cpath d='M180 110 L150 100 L160 120 L130 140' fill='none' stroke='%23e0f2fe' stroke-width='4' filter='url(%23lightning)'/%3E%3Ccircle cx='100' cy='100' r='80' fill='none' stroke='%230ea5e9' stroke-width='3' stroke-dasharray='40 60'/%3E%3C/svg%3E"); 
    animation: frame-spin 8s linear infinite, frame-pulse-glow 1s infinite alternate; 
}

/* Лёд: Объемные кристаллы с преломлением света */
.frame-frozen .avatar-frame { 
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Cdefs%3E%3ClinearGradient id='ice' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop offset='0%25' stop-color='%23e0f2fe'/%3E%3Cstop offset='50%25' stop-color='%2338bdf8'/%3E%3Cstop offset='100%25' stop-color='%230284c7'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M100 15 L120 40 L100 60 L80 40 Z M185 100 L160 120 L140 100 L160 80 Z M100 185 L80 160 L100 140 L120 160 Z M15 100 L40 80 L60 100 L40 120 Z' fill='url(%23ice)' stroke='%23ffffff' stroke-width='2' opacity='0.9'/%3E%3Ccircle cx='100' cy='100' r='75' fill='none' stroke='url(%23ice)' stroke-width='5' opacity='0.5'/%3E%3C/svg%3E"); 
    animation: frame-3d-wobble 4s infinite ease-in-out; 
    filter: drop-shadow(0 10px 15px rgba(56, 189, 248, 0.5)); 
}

/* ========================================= */
/* 🚀 SCI-FI И STAR WARS (Голограммы, Металл) */
/* ========================================= */

/* Голограмма: Высокотехнологичный HUD интерфейс как в Iron Man */
.frame-holo .avatar-frame { 
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Cdefs%3E%3Cfilter id='neon'%3E%3CfeGaussianBlur stdDeviation='2' result='blur'/%3E%3CfeMerge%3E%3CfeMergeNode in='blur'/%3E%3CfeMergeNode in='SourceGraphic'/%3E%3C/feMerge%3E%3C/filter%3E%3C/defs%3E%3Ccircle cx='100' cy='100' r='85' fill='none' stroke='%2306b6d4' stroke-width='1' filter='url(%23neon)' opacity='0.5'/%3E%3Ccircle cx='100' cy='100' r='75' fill='none' stroke='%2322d3ee' stroke-width='4' stroke-dasharray='10 15 50 15' filter='url(%23neon)'/%3E%3Ccircle cx='100' cy='100' r='65' fill='none' stroke='%2367e8f9' stroke-width='1' stroke-dasharray='2 4'/%3E%3Cpath d='M100 5 L100 20 M100 195 L100 180 M5 100 L20 100 M195 100 L180 100' stroke='%23fff' stroke-width='3' filter='url(%23neon)'/%3E%3C/svg%3E"); 
    animation: frame-spin 20s linear infinite; 
}

/* Ситх: Раскаленная плазма, прорывающаяся через обсидиан */
.frame-sith .avatar-frame { 
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Cdefs%3E%3Cfilter id='saber'%3E%3CfeDropShadow dx='0' dy='0' stdDeviation='6' flood-color='%23dc2626'/%3E%3C/filter%3E%3C/defs%3E%3Ccircle cx='100' cy='100' r='80' fill='none' stroke='%23171717' stroke-width='16'/%3E%3Cpath d='M30 30 Q 80 50 100 15 Q 120 60 170 30' fill='none' stroke='%23ef4444' stroke-width='4' filter='url(%23saber)'/%3E%3Cpath d='M30 170 Q 60 120 100 185 Q 150 130 170 170' fill='none' stroke='%23ef4444' stroke-width='4' filter='url(%23saber)'/%3E%3Ccircle cx='100' cy='100' r='72' fill='none' stroke='%23ffb2b2' stroke-width='2' stroke-dasharray='30 50' filter='url(%23saber)'/%3E%3C/svg%3E"); 
    animation: frame-pulse-glow 1.5s infinite; 
}

/* Гипердвигатель: Эффект варп-прыжка и растягивающихся звезд */
.frame-hyperdrive .avatar-frame { 
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Cg fill='none' stroke='%23fff' stroke-width='3' stroke-linecap='round'%3E%3Cpath d='M100 10 L100 35' opacity='1'/%3E%3Cpath d='M163 37 L145 55' opacity='0.8'/%3E%3Cpath d='M190 100 L165 100' opacity='0.6'/%3E%3Cpath d='M163 163 L145 145' opacity='0.4'/%3E%3Cpath d='M100 190 L100 165' opacity='0.2'/%3E%3Cpath d='M37 163 L55 145' opacity='0.4'/%3E%3Cpath d='M10 100 L35 100' opacity='0.6'/%3E%3Cpath d='M37 37 L55 55' opacity='0.8'/%3E%3C/g%3E%3Ccircle cx='100' cy='100' r='70' fill='none' stroke='%2338bdf8' stroke-width='4' opacity='0.5'/%3E%3C/svg%3E"); 
    animation: frame-spin 1.5s linear infinite; 
    filter: drop-shadow(0 0 10px #fff);
}

/* Бескар: Литая дамасская сталь с глубоким рельефом */
.frame-beskar .avatar-frame { 
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Cdefs%3E%3ClinearGradient id='metal' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop offset='0%25' stop-color='%2364748b'/%3E%3Cstop offset='50%25' stop-color='%23cbd5e1'/%3E%3Cstop offset='100%25' stop-color='%23334155'/%3E%3C/linearGradient%3E%3Cfilter id='emboss'%3E%3CfeDropShadow dx='2' dy='4' stdDeviation='4' flood-color='%23000' flood-opacity='0.6'/%3E%3C/filter%3E%3C/defs%3E%3Cpolygon points='100,5 185,50 185,150 100,195 15,150 15,50' fill='none' stroke='url(%23metal)' stroke-width='12' filter='url(%23emboss)'/%3E%3Cpolygon points='100,20 170,60 170,140 100,180 30,140 30,60' fill='none' stroke='%2394a3b8' stroke-width='2' opacity='0.5'/%3E%3C/svg%3E"); 
    animation: frame-3d-wobble 8s infinite; 
}

/* Дройдека: Силовое поле и бронзовые механизмы */
.frame-droideka .avatar-frame { 
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Cdefs%3E%3CradialGradient id='shield' cx='50%25' cy='50%25' r='50%25'%3E%3Cstop offset='70%25' stop-color='transparent'/%3E%3Cstop offset='95%25' stop-color='%23f59e0b' stop-opacity='0.6'/%3E%3Cstop offset='100%25' stop-color='%23b45309'/%3E%3C/radialGradient%3E%3C/defs%3E%3Ccircle cx='100' cy='100' r='85' fill='url(%23shield)'/%3E%3Cpath d='M100 15 L175 58 L175 142 L100 185 L25 142 L25 58 Z' fill='none' stroke='%23fbbf24' stroke-width='3' stroke-dasharray='15 5' opacity='0.8'/%3E%3Ccircle cx='100' cy='100' r='75' fill='none' stroke='%2378350f' stroke-width='8' stroke-dasharray='30 30'/%3E%3C/svg%3E"); 
    animation: frame-spin 10s linear infinite, frame-pulse-glow 3s infinite alternate; 
}

/* ========================================= */
/* 💻 КИБЕРПАНК И ТЕРМИНАЛ (Неон и Ошибки)    */
/* ========================================= */

/* Глитч: Жесткая кибер-ошибка, смещение каналов (RGB Split) */
.frame-glitch .avatar-frame { 
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Crect x='15' y='15' width='170' height='170' fill='none' stroke='%23ef4444' stroke-width='4' transform='translate(-3, 3)' opacity='0.7'/%3E%3Crect x='15' y='15' width='170' height='170' fill='none' stroke='%2306b6d4' stroke-width='4' transform='translate(3, -3)' opacity='0.7'/%3E%3Crect x='15' y='15' width='170' height='170' fill='none' stroke='%2322c55e' stroke-width='6' stroke-dasharray='40 10 10 50 100 20'/%3E%3Crect x='10' y='50' width='20' height='10' fill='%2322c55e'/%3E%3Crect x='170' y='140' width='20' height='10' fill='%23ef4444'/%3E%3C/svg%3E"); 
    animation: frame-glitch-extreme 0.3s infinite; 
}

/* Красная тревога: Индустриальная сталь и мигалки */
.frame-redalert .avatar-frame { 
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Cdefs%3E%3Cfilter id='alarm'%3E%3CfeDropShadow dx='0' dy='0' stdDeviation='8' flood-color='%23ef4444'/%3E%3C/filter%3E%3Cpattern id='stripes' width='20' height='20' patternTransform='rotate(45)' patternUnits='userSpaceOnUse'%3E%3Crect width='10' height='20' fill='%23fbbf24'/%3E%3Crect x='10' width='10' height='20' fill='%23171717'/%3E%3C/pattern%3E%3C/defs%3E%3Ccircle cx='100' cy='100' r='80' fill='none' stroke='url(%23stripes)' stroke-width='15'/%3E%3Ccircle cx='100' cy='100' r='90' fill='none' stroke='%23dc2626' stroke-width='4' filter='url(%23alarm)'/%3E%3Ccircle cx='100' cy='100' r='70' fill='none' stroke='%23ef4444' stroke-width='2' stroke-dasharray='10 10'/%3E%3C/svg%3E"); 
    animation: frame-pulse-glow 0.8s infinite alternate; 
}

/* Оверклок: Плата, медные теплотрубки и разгон */
.frame-overclock .avatar-frame { 
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Ccircle cx='100' cy='100' r='85' fill='none' stroke='%23166534' stroke-width='10'/%3E%3Ccircle cx='100' cy='100' r='75' fill='none' stroke='%23f59e0b' stroke-width='6' stroke-dasharray='50 20 10 20'/%3E%3Cpath d='M100 15 L100 0 M100 185 L100 200 M15 100 L0 100 M185 100 L200 100' stroke='%23eab308' stroke-width='4'/%3E%3Ccircle cx='100' cy='100' r='65' fill='none' stroke='%23d97706' stroke-width='2'/%3E%3Ccircle cx='100' cy='15' r='4' fill='%23fbbf24'/%3E%3Ccircle cx='100' cy='185' r='4' fill='%23fbbf24'/%3E%3C/svg%3E"); 
    animation: frame-spin 5s steps(30) infinite; 
}

/* ИИ Ядро: Линза объектива HAL-9000, но в холодных тонах */
.frame-aicore .avatar-frame { 
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Cdefs%3E%3CradialGradient id='lens' cx='50%25' cy='50%25' r='50%25'%3E%3Cstop offset='70%25' stop-color='transparent'/%3E%3Cstop offset='95%25' stop-color='%230284c7' stop-opacity='0.8'/%3E%3Cstop offset='100%25' stop-color='%23000'/%3E%3C/radialGradient%3E%3C/defs%3E%3Ccircle cx='100' cy='100' r='85' fill='url(%23lens)'/%3E%3Cpath d='M40 40 L160 160 M40 160 L160 40' stroke='%230ea5e9' stroke-width='1' opacity='0.5'/%3E%3Ccircle cx='100' cy='100' r='70' fill='none' stroke='%2338bdf8' stroke-width='8' stroke-dasharray='10 50' stroke-linecap='round'/%3E%3Ccircle cx='100' cy='100' r='76' fill='none' stroke='%230369a1' stroke-width='2'/%3E%3C/svg%3E"); 
    animation: frame-spin-rev 12s cubic-bezier(0.4, 0, 0.2, 1) infinite; 
    filter: drop-shadow(0 0 15px rgba(14, 165, 233, 0.8));
}

/* Неон / Ретровейв: Светящиеся трубы 80-х */
.frame-neon .avatar-frame { 
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Cdefs%3E%3Cfilter id='pinkglow'%3E%3CfeGaussianBlur stdDeviation='3' result='blur'/%3E%3CfeMerge%3E%3CfeMergeNode in='blur'/%3E%3CfeMergeNode in='SourceGraphic'/%3E%3C/feMerge%3E%3C/filter%3E%3Cfilter id='cyanglow'%3E%3CfeGaussianBlur stdDeviation='3' result='blur'/%3E%3CfeMerge%3E%3CfeMergeNode in='blur'/%3E%3CfeMergeNode in='SourceGraphic'/%3E%3C/feMerge%3E%3C/filter%3E%3C/defs%3E%3Ccircle cx='100' cy='100' r='80' fill='none' stroke='%23ec4899' stroke-width='6' filter='url(%23pinkglow)'/%3E%3Cpath d='M10 100 L190 100 M40 40 L160 160' stroke='%2306b6d4' stroke-width='4' filter='url(%23cyanglow)' opacity='0.7'/%3E%3Crect x='90' y='5' width='20' height='10' fill='%23fbcfe8'/%3E%3C/svg%3E"); 
    animation: frame-3d-wobble 5s infinite, frame-pulse-glow 2s infinite alternate; 
}

/* ========================================= */
/* 🌌 КОСМОС И АБСТРАКЦИЯ (Частицы, Глубина) */
/* ========================================= */

/* Супернова: Взрыв звезды, лучи света и пыль */
.frame-supernova .avatar-frame { 
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Cdefs%3E%3CradialGradient id='nova' cx='50%25' cy='50%25' r='50%25'%3E%3Cstop offset='60%25' stop-color='transparent'/%3E%3Cstop offset='85%25' stop-color='%23fef08a'/%3E%3Cstop offset='100%25' stop-color='%23eab308' stop-opacity='0'/%3E%3C/radialGradient%3E%3C/defs%3E%3Ccircle cx='100' cy='100' r='95' fill='url(%23nova)'/%3E%3Cpath d='M100 0 L105 80 L185 15 L120 90 L200 100 L120 110 L185 185 L105 120 L100 200 L95 120 L15 185 L80 110 L0 100 L80 90 L15 15 L95 80 Z' fill='%23ffffff' opacity='0.6'/%3E%3Ccircle cx='100' cy='100' r='75' fill='none' stroke='%23fef08a' stroke-width='2' stroke-dasharray='5 20'/%3E%3C/svg%3E"); 
    animation: frame-spin 30s linear infinite, frame-pulse-glow 4s infinite alternate; 
}

/* Черная дыра: Искажение пространства, горизонт событий */
.frame-blackhole .avatar-frame { 
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Cdefs%3E%3CradialGradient id='void' cx='50%25' cy='50%25' r='50%25'%3E%3Cstop offset='65%25' stop-color='%23000'/%3E%3Cstop offset='85%25' stop-color='%239333ea'/%3E%3Cstop offset='100%25' stop-color='transparent'/%3E%3C/radialGradient%3E%3Cfilter id='event-horizon'%3E%3CfeGaussianBlur stdDeviation='5' result='blur'/%3E%3CfeMerge%3E%3CfeMergeNode in='blur'/%3E%3CfeMergeNode in='SourceGraphic'/%3E%3C/feMerge%3E%3C/filter%3E%3C/defs%3E%3Ccircle cx='100' cy='100' r='90' fill='url(%23void)'/%3E%3Ccircle cx='100' cy='100' r='75' fill='none' stroke='%23d8b4fe' stroke-width='4' filter='url(%23event-horizon)'/%3E%3Cpath d='M20 100 A 80 80 0 0 1 180 100 A 90 70 0 0 0 20 100' fill='%23c084fc' opacity='0.5' transform='rotate(30 100 100)'/%3E%3C/svg%3E"); 
    animation: frame-spin-rev 6s linear infinite; 
}

/* Квант: Атомарные орбиты в 3D пространстве */
.frame-quantum .avatar-frame { 
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Cdefs%3E%3Cfilter id='glow-atom'%3E%3CfeDropShadow dx='0' dy='0' stdDeviation='4' flood-color='%2367e8f9'/%3E%3C/filter%3E%3C/defs%3E%3Cellipse cx='100' cy='100' rx='90' ry='25' fill='none' stroke='%2306b6d4' stroke-width='2' transform='rotate(30 100 100)' filter='url(%23glow-atom)'/%3E%3Cellipse cx='100' cy='100' rx='90' ry='25' fill='none' stroke='%2306b6d4' stroke-width='2' transform='rotate(90 100 100)' filter='url(%23glow-atom)'/%3E%3Cellipse cx='100' cy='100' rx='90' ry='25' fill='none' stroke='%2306b6d4' stroke-width='2' transform='rotate(150 100 100)' filter='url(%23glow-atom)'/%3E%3Ccircle cx='100' cy='10' r='6' fill='%23fff' filter='url(%23glow-atom)'/%3E%3Ccircle cx='10' cy='150' r='5' fill='%23fff' filter='url(%23glow-atom)'/%3E%3Ccircle cx='190' cy='150' r='5' fill='%23fff' filter='url(%23glow-atom)'/%3E%3C/svg%3E"); 
    animation: frame-3d-wobble 4s infinite, frame-spin 15s linear infinite; 
}

/* Темная материя: Органическая инопланетная паутина */
.frame-darkmatter .avatar-frame { 
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Cdefs%3E%3Cfilter id='dark-glow'%3E%3CfeDropShadow dx='0' dy='0' stdDeviation='6' flood-color='%23be185d'/%3E%3C/filter%3E%3C/defs%3E%3Cpath d='M100 10 Q 140 30 170 80 T 150 160 T 60 180 T 15 100 T 100 10' fill='none' stroke='%23831843' stroke-width='10' filter='url(%23dark-glow)'/%3E%3Cpath d='M100 25 Q 120 50 150 90 T 130 140 T 70 150 T 35 100 T 100 25' fill='none' stroke='%23f43f5e' stroke-width='3' filter='url(%23dark-glow)'/%3E%3Ccircle cx='100' cy='100' r='85' fill='none' stroke='%234c0519' stroke-width='4' stroke-dasharray='10 40'/%3E%3C/svg%3E"); 
    animation: frame-breathe-magic 3s infinite alternate; 
}

/* Несущий свет (Lightbringer): Божественные золотые кольца и руны */
.frame-lightbringer .avatar-frame { 
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Cdefs%3E%3Cfilter id='holy-glow'%3E%3CfeDropShadow dx='0' dy='0' stdDeviation='8' flood-color='%23fef08a'/%3E%3C/filter%3E%3C/defs%3E%3Ccircle cx='100' cy='100' r='80' fill='none' stroke='%23fef08a' stroke-width='3' filter='url(%23holy-glow)'/%3E%3Crect x='44' y='44' width='112' height='112' fill='none' stroke='%23eab308' stroke-width='2' transform='rotate(45 100 100)' opacity='0.7'/%3E%3Crect x='44' y='44' width='112' height='112' fill='none' stroke='%23eab308' stroke-width='2' transform='rotate(0 100 100)' opacity='0.7'/%3E%3Ccircle cx='100' cy='100' r='95' fill='none' stroke='%23ffffff' stroke-width='1' stroke-dasharray='2 8' filter='url(%23holy-glow)'/%3E%3C/svg%3E"); 
    animation: frame-spin 40s linear infinite, frame-pulse-glow 5s infinite alternate; 
}