/* ==========================================================================
   VALSPIKE VIP MEMBERSHIP - ORIGINAL AVATAR DECORATION FRAMES & POST BORDERS
   100% Original CSS3/SVG Vector Rendered - 0% Video/GIF Bandwidth - 100% Riot IP Compliant
   ========================================================================== */

/* Base Wrapper for Avatars with Decorative Frames (Optimized with GPU Compositing) */
.val-avatar-frame-wrapper {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 9999px;
    z-index: 1;
    contain: layout paint style;
    will-change: transform;
    transform: translateZ(0);
    backface-visibility: hidden;
}

.val-avatar-frame-wrapper > img {
    border-radius: 9999px;
    position: relative;
    z-index: 2;
    object-fit: cover;
    will-change: transform;
    transform: translateZ(0);
}

/* Pseudo element for Decorative Overlays */
.val-avatar-frame-wrapper::before,
.val-avatar-frame-wrapper::after {
    content: '';
    position: absolute;
    pointer-events: none;
    will-change: transform, opacity;
    transform: translateZ(0);
    backface-visibility: hidden;
}

/* ==========================================================================
   1. 👑 GARUDA NUSANTARA MAJESTY (INDONESIA)
   Mahkota Emas Garuda & Sayap Pusaka dengan Permata Ruby Merah Menyala
   ========================================================================== */
.val-frame-garuda {
    box-shadow: 0 0 16px rgba(234, 179, 8, 0.4), inset 0 0 8px rgba(245, 158, 11, 0.6);
}

.val-frame-garuda::before {
    inset: -14%;
    z-index: 3;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3ClinearGradient id='gGold' x1='0%25' y1='0%25' x2='100%25' y2='100%25'%3E%3Cstop offset='0%25' stop-color='%23FFF099'/%3E%3Cstop offset='40%25' stop-color='%23F59E0B'/%3E%3Cstop offset='80%25' stop-color='%23B45309'/%3E%3Cstop offset='100%25' stop-color='%23FDE047'/%3E%3C/linearGradient%3E%3CradialGradient id='gRuby' cx='50%25' cy='50%25' r='50%25'%3E%3Cstop offset='0%25' stop-color='%23FF4D6D'/%3E%3Cstop offset='100%25' stop-color='%23990011'/%3E%3C/radialGradient%3E%3Cfilter id='glow'%3E%3CfeGaussianBlur stdDeviation='1.5' result='coloredBlur'/%3E%3CfeMerge%3E%3CfeMergeNode in='coloredBlur'/%3E%3CfeMergeNode in='SourceGraphic'/%3E%3C/feMerge%3E%3C/filter%3E%3C/defs%3E%3C!-- Crown Top --%3E%3Cpath d='M50 2 L56 14 L68 7 L64 20 L77 18 L68 28 L50 20 L32 28 L23 18 L36 20 L32 7 L44 14 Z' fill='url(%23gGold)' filter='url(%23glow)'/%3E%3C!-- Crown Center Ruby Gem --%3E%3Ccircle cx='50' cy='18' r='4.5' fill='url(%23gRuby)' stroke='%23FFF' stroke-width='0.8'/%3E%3C!-- Golden Ring Wings Bottom --%3E%3Cpath d='M15 50 Q10 75 28 88 Q38 95 50 97 Q62 95 72 88 Q90 75 85 50' fill='none' stroke='url(%23gGold)' stroke-width='4' stroke-linecap='round'/%3E%3C!-- Wing Feathers Left & Right --%3E%3Cpath d='M12 42 L2 52 L14 58 L4 68 L18 72 L10 82 L26 84' fill='none' stroke='url(%23gGold)' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M88 42 L98 52 L86 58 L96 68 L82 72 L90 82 L74 84' fill='none' stroke='url(%23gGold)' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C!-- Bottom Center Jewel --%3E%3Cpolygon points='50,91 55,96 50,101 45,96' fill='url(%23gRuby)' stroke='%23FFF' stroke-width='0.6'/%3E%3C/svg%3E");
    background-size: 100% 100%;
    background-repeat: no-repeat;
    animation: garudaFloat 3s ease-in-out infinite alternate;
}

@keyframes garudaFloat {
    0% { transform: scale(1.08) translateY(0); filter: drop-shadow(0 0 4px rgba(245,158,11,0.6)); }
    100% { transform: scale(1.14) translateY(-1px); filter: drop-shadow(0 0 10px rgba(251,191,36,0.9)); }
}

/* ==========================================================================
   2. 👹 ONI SAMURAI (JEPANG)
   Tanduk Iblis Oni Kemerahan dengan Aura Kobaran Api Jiwa Pendekar
   ========================================================================== */
.val-frame-oni {
    box-shadow: 0 0 18px rgba(239, 68, 68, 0.4), inset 0 0 8px rgba(185, 28, 28, 0.7);
}

.val-frame-oni::before {
    inset: -15%;
    z-index: 3;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3ClinearGradient id='gHorn' x1='0%25' y1='100%25' x2='50%25' y2='0%25'%3E%3Cstop offset='0%25' stop-color='%237F1D1D'/%3E%3Cstop offset='60%25' stop-color='%23EF4444'/%3E%3Cstop offset='100%25' stop-color='%23FCA5A5'/%3E%3C/linearGradient%3E%3ClinearGradient id='gGoldSam' x1='0%25' y1='0%25' x2='100%25' y2='0%25'%3E%3Cstop offset='0%25' stop-color='%23B45309'/%3E%3Cstop offset='50%25' stop-color='%23FDE047'/%3E%3Cstop offset='100%25' stop-color='%23B45309'/%3E%3C/linearGradient%3E%3C/defs%3E%3C!-- Left Horn --%3E%3Cpath d='M25 32 C22 18 10 8 3 4 C10 18 16 28 20 38 Z' fill='url(%23gHorn)' stroke='%23450A0A' stroke-width='1'/%3E%3C!-- Right Horn --%3E%3Cpath d='M75 32 C78 18 90 8 97 4 C90 18 84 28 80 38 Z' fill='url(%23gHorn)' stroke='%23450A0A' stroke-width='1'/%3E%3C!-- Samurai Headplate Top --%3E%3Cpath d='M30 18 Q50 8 70 18 L65 24 Q50 16 35 24 Z' fill='url(%23gGoldSam)' stroke='%2378350F' stroke-width='0.8'/%3E%3C!-- Center Oni Emblem --%3E%3Ccircle cx='50' cy='18' r='3.5' fill='%23EF4444' stroke='%23FDE047' stroke-width='1'/%3E%3C!-- Bottom Oni Teeth & Jaw Armor --%3E%3Cpath d='M20 70 Q15 90 50 97 Q85 90 80 70 Q70 88 50 90 Q30 88 20 70 Z' fill='%231F2937' stroke='%23DC2626' stroke-width='1.5'/%3E%3C!-- Fangs --%3E%3Cpolygon points='32,80 35,92 38,82' fill='%23FFF'/%3E%3Cpolygon points='68,80 65,92 62,82' fill='%23FFF'/%3E%3C/svg%3E");
    background-size: 100% 100%;
    background-repeat: no-repeat;
    animation: oniPulse 2.5s ease-in-out infinite alternate;
}

@keyframes oniPulse {
    0% { transform: scale(1.06); filter: drop-shadow(0 0 5px rgba(239,68,68,0.7)); }
    100% { transform: scale(1.12); filter: drop-shadow(0 0 14px rgba(239,68,68,1)); }
}

/* ==========================================================================
   3. ⚡ OHMEGA THUNDER (CYBER SURGE)
   Cincin Petir Plasma Listrik Biru Elektrik Berdenyut Cepat
   ========================================================================== */
.val-frame-ohmega {
    box-shadow: 0 0 20px rgba(6, 182, 212, 0.6), inset 0 0 10px rgba(59, 130, 246, 0.8);
}

.val-frame-ohmega::before {
    inset: -14%;
    z-index: 3;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3ClinearGradient id='gBolt' x1='0%25' y1='0%25' x2='100%25' y2='100%25'%3E%3Cstop offset='0%25' stop-color='%23FFFFFF'/%3E%3Cstop offset='40%25' stop-color='%2367E8F9'/%3E%3Cstop offset='80%25' stop-color='%233B82F6'/%3E%3Cstop offset='100%25' stop-color='%2306B6D4'/%3E%3C/linearGradient%3E%3Cfilter id='glowCyan'%3E%3CfeGaussianBlur stdDeviation='1.8' result='coloredBlur'/%3E%3CfeMerge%3E%3CfeMergeNode in='coloredBlur'/%3E%3CfeMergeNode in='SourceGraphic'/%3E%3C/feMerge%3E%3C/filter%3E%3C/defs%3E%3C!-- Outer Electric Bolts Ring --%3E%3Cpath d='M50 4 L54 16 L64 12 L60 22 L72 20 L66 30 L80 34 L72 44 L86 52 L74 60 L84 70 L70 74 L76 86 L62 84 L64 96 L50 88 L36 96 L38 84 L24 86 L30 74 L16 70 L26 60 L14 52 L28 44 L20 34 L34 30 L28 20 L40 22 L36 12 L46 16 Z' fill='none' stroke='url(%23gBolt)' stroke-width='2.2' filter='url(%23glowCyan)' stroke-linejoin='round'/%3E%3Ccircle cx='50' cy='50' r='41' fill='none' stroke='%2306B6D4' stroke-width='2' stroke-dasharray='10 6'/%3E%3C/svg%3E");
    background-size: 100% 100%;
    background-repeat: no-repeat;
    animation: ohmegaRotate 8s linear infinite;
}

@keyframes ohmegaRotate {
    0% { transform: rotate(0deg) scale(1.08); }
    50% { transform: rotate(180deg) scale(1.13); }
    100% { transform: rotate(360deg) scale(1.08); }
}

/* ==========================================================================
   4. 🪽 DIVINE VALKYRIE (NORDIC / ANGEL WINGS)
   Sayap Malaikat Suci Emas-Pink dengan Mahkota Tiara & Ruby Surga
   ========================================================================== */
.val-frame-valkyrie {
    box-shadow: 0 0 20px rgba(244, 114, 182, 0.4), inset 0 0 10px rgba(251, 191, 36, 0.6);
}

.val-frame-valkyrie::before {
    inset: -16%;
    z-index: 3;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3ClinearGradient id='gWingPink' x1='0%25' y1='0%25' x2='100%25' y2='100%25'%3E%3Cstop offset='0%25' stop-color='%23FFFFFF'/%3E%3Cstop offset='40%25' stop-color='%23FBCFE8'/%3E%3Cstop offset='70%25' stop-color='%23F472B6'/%3E%3Cstop offset='100%25' stop-color='%23EC4899'/%3E%3C/linearGradient%3E%3ClinearGradient id='gTiara' x1='0%25' y1='0%25' x2='100%25' y2='0%25'%3E%3Cstop offset='0%25' stop-color='%23FDE047'/%3E%3Cstop offset='50%25' stop-color='%23FFF'/%3E%3Cstop offset='100%25' stop-color='%23FDE047'/%3E%3C/linearGradient%3E%3C/defs%3E%3C!-- Angel Tiara Top --%3E%3Cpath d='M50 4 L56 16 L66 12 L58 22 L50 18 L42 22 L34 12 L44 16 Z' fill='url(%23gTiara)' stroke='%23B45309' stroke-width='0.8'/%3E%3Ccircle cx='50' cy='14' r='3' fill='%23EC4899' stroke='%23FFF' stroke-width='0.8'/%3E%3C!-- Large Angel Wings Left --%3E%3Cpath d='M25 32 C12 18 2 26 0 38 C5 44 12 48 18 52 C6 56 3 66 8 72 C14 74 20 72 26 68 C18 76 18 84 26 88 C32 86 38 80 40 76' fill='url(%23gWingPink)' stroke='%23FDE047' stroke-width='1.2'/%3E%3C!-- Large Angel Wings Right --%3E%3Cpath d='M75 32 C88 18 98 26 100 38 C95 44 88 48 82 52 C94 56 97 66 92 72 C86 74 80 72 74 68 C82 76 82 84 74 88 C68 86 62 80 60 76' fill='url(%23gWingPink)' stroke='%23FDE047' stroke-width='1.2'/%3E%3C!-- Bottom Golden Arc & Ruby Crest --%3E%3Cpath d='M35 88 Q50 98 65 88' fill='none' stroke='url(%23gTiara)' stroke-width='4' stroke-linecap='round'/%3E%3Ccircle cx='50' cy='92' r='4' fill='%23EC4899' stroke='%23FFF' stroke-width='1'/%3E%3C/svg%3E");
    background-size: 100% 100%;
    background-repeat: no-repeat;
    animation: valkyrieFlap 3s ease-in-out infinite alternate;
}

@keyframes valkyrieFlap {
    0% { transform: scale(1.08) translateY(0); filter: drop-shadow(0 0 5px rgba(244,114,182,0.6)); }
    100% { transform: scale(1.15) translateY(-2px); filter: drop-shadow(0 0 12px rgba(244,114,182,0.95)); }
}

/* ==========================================================================
   5. 🔮 DOOMLORD MECHA (CYBER WARRIOR)
   Helm Baja Robotik Armor dengan Visor Cyan & Pelindung Bahu Titan
   ========================================================================== */
.val-frame-mecha {
    box-shadow: 0 0 16px rgba(59, 130, 246, 0.5), inset 0 0 8px rgba(30, 58, 138, 0.8);
}

.val-frame-mecha::before {
    inset: -15%;
    z-index: 3;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3ClinearGradient id='gArmor' x1='0%25' y1='0%25' x2='100%25' y2='100%25'%3E%3Cstop offset='0%25' stop-color='%2364748B'/%3E%3Cstop offset='50%25' stop-color='%23334155'/%3E%3Cstop offset='100%25' stop-color='%230F172A'/%3E%3C/linearGradient%3E%3ClinearGradient id='gVisor' x1='0%25' y1='0%25' x2='100%25' y2='0%25'%3E%3Cstop offset='0%25' stop-color='%2306B6D4'/%3E%3Cstop offset='50%25' stop-color='%2367E8F9'/%3E%3Cstop offset='100%25' stop-color='%2306B6D4'/%3E%3C/linearGradient%3E%3C/defs%3E%3C!-- Mecha Helmet Plate Top --%3E%3Cpath d='M32 10 L50 2 L68 10 L64 22 L50 16 L36 22 Z' fill='url(%23gArmor)' stroke='%2394A3B8' stroke-width='1.2'/%3E%3C!-- Mecha Visor Slit --%3E%3Cpath d='M40 14 L50 10 L60 14 L50 16 Z' fill='url(%23gVisor)'/%3E%3C!-- Left Heavy Shoulder Pad --%3E%3Cpath d='M8 20 L24 24 L22 46 L6 38 Z' fill='%231E293B' stroke='%2338BDF8' stroke-width='1.5'/%3E%3C!-- Right Pauldron Red Cape/Armor --%3E%3Cpath d='M76 24 L92 20 L94 40 L78 46 Z' fill='%23991B1B' stroke='%23F87171' stroke-width='1.5'/%3E%3C!-- Bottom Plasma Power Core --%3E%3Crect x='28' y='86' width='44' height='10' rx='5' fill='%230F172A' stroke='%2306B6D4' stroke-width='1.5'/%3E%3Crect x='34' y='89' width='32' height='4' rx='2' fill='url(%23gVisor)'/%3E%3C/svg%3E");
    background-size: 100% 100%;
    background-repeat: no-repeat;
    animation: mechaPulse 3s ease-in-out infinite alternate;
}

@keyframes mechaPulse {
    0% { transform: scale(1.08); filter: drop-shadow(0 0 4px rgba(6,182,212,0.6)); }
    100% { transform: scale(1.12); filter: drop-shadow(0 0 10px rgba(56,189,248,0.9)); }
}

/* ==========================================================================
   6. 🐱 DIGIBUDDY NEKO (ANIME CYBER)
   Tudung Hoodie Telinga Kucing Neon Biru & Telapak Kaki Lucu
   ========================================================================== */
.val-frame-digipet {
    box-shadow: 0 0 18px rgba(56, 189, 248, 0.5), inset 0 0 8px rgba(14, 165, 233, 0.7);
}

.val-frame-digipet::before {
    inset: -15%;
    z-index: 3;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3ClinearGradient id='gNeko' x1='0%25' y1='0%25' x2='100%25' y2='100%25'%3E%3Cstop offset='0%25' stop-color='%2338BDF8'/%3E%3Cstop offset='50%25' stop-color='%230EA5E9'/%3E%3Cstop offset='100%25' stop-color='%230284C7'/%3E%3C/linearGradient%3E%3C/defs%3E%3C!-- Cat Ears Left --%3E%3Cpath d='M16 28 L24 6 L38 22 Z' fill='url(%23gNeko)' stroke='%230369A1' stroke-width='1.5'/%3E%3Cpolygon points='22,24 26,12 34,22' fill='%23FFAAA6'/%3E%3C!-- Cat Ears Right --%3E%3Cpath d='M84 28 L76 6 L62 22 Z' fill='url(%23gNeko)' stroke='%230369A1' stroke-width='1.5'/%3E%3Cpolygon points='78,24 74,12 66,22' fill='%23FFAAA6'/%3E%3C!-- Top Hoodie Rim --%3E%3Cpath d='M28 16 Q50 6 72 16' fill='none' stroke='url(%23gNeko)' stroke-width='6' stroke-linecap='round'/%3E%3C!-- Cute Face Emoticon Top --%3E%3Cpath d='M44 14 Q46 11 48 14' fill='none' stroke='%23FFF' stroke-width='1.2' stroke-linecap='round'/%3E%3Cpath d='M52 14 Q54 11 56 14' fill='none' stroke='%23FFF' stroke-width='1.2' stroke-linecap='round'/%3E%3Cpath d='M48 16 Q50 18 52 16' fill='none' stroke='%23FFF' stroke-width='1.2' stroke-linecap='round'/%3E%3C!-- Bottom Paw Left --%3E%3Ccircle cx='28' cy='88' r='6' fill='%23FFF' stroke='%230284C7' stroke-width='1.5'/%3E%3Ccircle cx='28' cy='89' r='2.5' fill='%230284C7'/%3E%3C!-- Bottom Paw Right --%3E%3Ccircle cx='72' cy='88' r='6' fill='%23FFF' stroke='%230284C7' stroke-width='1.5'/%3E%3Ccircle cx='72' cy='89' r='2.5' fill='%230284C7'/%3E%3C/svg%3E");
    background-size: 100% 100%;
    background-repeat: no-repeat;
    animation: digipetBounce 2.5s ease-in-out infinite alternate;
}

@keyframes digipetBounce {
    0% { transform: scale(1.08) rotate(-1deg); }
    100% { transform: scale(1.13) rotate(1deg); }
}

/* ==========================================================================
   7. 💎 FROSTIAL CRYSTAL (GLACIER ICE SHARDS)
   Mahkota Kristal Es Runcing Berkilau Membeku
   ========================================================================== */
.val-frame-frost {
    box-shadow: 0 0 20px rgba(147, 197, 253, 0.6), inset 0 0 10px rgba(59, 130, 246, 0.8);
}

.val-frame-frost::before {
    inset: -15%;
    z-index: 3;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3ClinearGradient id='gIce' x1='0%25' y1='0%25' x2='100%25' y2='100%25'%3E%3Cstop offset='0%25' stop-color='%23FFFFFF'/%3E%3Cstop offset='30%25' stop-color='%23BFDBFE'/%3E%3Cstop offset='70%25' stop-color='%2360A5FA'/%3E%3Cstop offset='100%25' stop-color='%231D4ED8'/%3E%3C/linearGradient%3E%3C/defs%3E%3C!-- Crown of Spiky Ice Crystals --%3E%3Cpolygon points='50,0 55,22 45,22' fill='url(%23gIce)' stroke='%23FFF' stroke-width='0.8'/%3E%3Cpolygon points='36,6 44,25 32,24' fill='url(%23gIce)' stroke='%23FFF' stroke-width='0.8'/%3E%3Cpolygon points='64,6 68,24 56,25' fill='url(%23gIce)' stroke='%23FFF' stroke-width='0.8'/%3E%3Cpolygon points='22,18 32,32 20,32' fill='url(%23gIce)' stroke='%23FFF' stroke-width='0.8'/%3E%3Cpolygon points='78,18 80,32 68,32' fill='url(%23gIce)' stroke='%23FFF' stroke-width='0.8'/%3E%3Cpolygon points='10,36 22,46 12,48' fill='url(%23gIce)' stroke='%23FFF' stroke-width='0.8'/%3E%3Cpolygon points='90,36 88,48 78,46' fill='url(%23gIce)' stroke='%23FFF' stroke-width='0.8'/%3E%3C!-- Bottom Crystal Shards Ring --%3E%3Cpolygon points='50,100 56,82 44,82' fill='url(%23gIce)' stroke='%23FFF' stroke-width='0.8'/%3E%3Cpolygon points='34,94 42,78 30,78' fill='url(%23gIce)' stroke='%23FFF' stroke-width='0.8'/%3E%3Cpolygon points='66,94 70,78 58,78' fill='url(%23gIce)' stroke='%23FFF' stroke-width='0.8'/%3E%3C/svg%3E");
    background-size: 100% 100%;
    background-repeat: no-repeat;
    animation: frostGlint 3s ease-in-out infinite alternate;
}

@keyframes frostGlint {
    0% { transform: scale(1.08); filter: drop-shadow(0 0 6px rgba(191,219,254,0.7)); }
    100% { transform: scale(1.14); filter: drop-shadow(0 0 14px rgba(255,255,255,1)); }
}

/* ==========================================================================
   8. 🌌 COSMIC VOID (GALAXY ECLIPSE)
   Pusaran Nebula Kosmik Ungu Gelap & Cincin Lubang Hitam Berputar
   ========================================================================== */
.val-frame-cosmic {
    box-shadow: 0 0 20px rgba(168, 85, 247, 0.6), inset 0 0 10px rgba(126, 34, 206, 0.8);
}

.val-frame-cosmic::before {
    inset: -15%;
    z-index: 3;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3ClinearGradient id='gNebula' x1='0%25' y1='0%25' x2='100%25' y2='100%25'%3E%3Cstop offset='0%25' stop-color='%23C084FC'/%3E%3Cstop offset='40%25' stop-color='%239333EA'/%3E%3Cstop offset='80%25' stop-color='%23581C87'/%3E%3Cstop offset='100%25' stop-color='%23F472B6'/%3E%3C/linearGradient%3E%3C/defs%3E%3C!-- Orbiting Cosmic Discs --%3E%3Cellipse cx='50' cy='50' rx='46' ry='20' fill='none' stroke='url(%23gNebula)' stroke-width='2.5' transform='rotate(-25 50 50)' stroke-dasharray='18 8'/%3E%3Cellipse cx='50' cy='50' rx='46' ry='20' fill='none' stroke='%23C084FC' stroke-width='1.5' transform='rotate(45 50 50)' stroke-dasharray='12 12'/%3E%3C!-- Floating Starlight Crystals --%3E%3Ccircle cx='18' cy='24' r='2.5' fill='%23FFF' filter='drop-shadow(0 0 3px %23FFF)'/%3E%3Ccircle cx='82' cy='76' r='2.5' fill='%23F472B6' filter='drop-shadow(0 0 3px %23F472B6)'/%3E%3Ccircle cx='80' cy='22' r='3' fill='%23C084FC' filter='drop-shadow(0 0 3px %23C084FC)'/%3E%3Ccircle cx='20' cy='78' r='3' fill='%23A855F7' filter='drop-shadow(0 0 3px %23A855F7)'/%3E%3C/svg%3E");
    background-size: 100% 100%;
    background-repeat: no-repeat;
    animation: cosmicSpin 12s linear infinite;
}

@keyframes cosmicSpin {
    0% { transform: rotate(0deg) scale(1.08); }
    100% { transform: rotate(360deg) scale(1.08); }
}

/* ==========================================================================
   ✨ 9. VIP COMMUNITY POST CARD TACTICAL STYLING
   ========================================================================== */
.val-vip-post-card {
    position: relative;
    border-radius: 0.75rem !important;
    background: #131519 !important;
    border: 1px solid #23262B !important;
    border-left: 2px solid #FF4655 !important;
}

/* Neutral VIP Tag in Post */
.val-vip-badge-pill {
    background: #1A1D22;
    border: 1px solid #33373E;
    color: #EDEBE5;
}

/* Name Color Gradients */
.vip-name-gold {
    background: linear-gradient(135deg, #FFF099, #F59E0B, #D97706);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 800;
}

.vip-name-cyber {
    background: linear-gradient(135deg, #67E8F9, #38BDF8, #A855F7);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 800;
}

.vip-name-cosmic {
    background: linear-gradient(135deg, #F472B6, #C084FC, #818CF8);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 800;
}

.vip-name-emerald {
    background: linear-gradient(135deg, #6EE7B7, #10B981, #047857);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 800;
}

.vip-name-crimson {
    background: linear-gradient(135deg, #FCA5A5, #EF4444, #991B1B);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 800;
}