@property --frame-angle { syntax: "<angle>"; inherits: false; initial-value: 0deg; }
@keyframes frame-spin { to { --frame-angle: 360deg; } }
@keyframes frame-pulse { 0%, 100% { box-shadow: 0 0 6px var(--frame-glow); } 50% { box-shadow: 0 0 20px var(--frame-glow); } }
@keyframes fx-down { from { background-position: 0 0; } to { background-position: 0 120px; } }
@keyframes fx-up { from { background-position: 0 0; } to { background-position: 0 -120px; } }
@keyframes fx-left { from { background-position: 0 0; } to { background-position: -240px 0; } }
@keyframes fx-shoot { from { background-position: 0 0; } to { background-position: -240px 120px; } }
@keyframes fx-twinkle { from { opacity: 0.2; } to { opacity: 1; } }
.avatar-frame-givre { padding: 3px; background: linear-gradient(135deg, #e0f2fe, #7dd3fc, #ffffff, #38bdf8); box-shadow: 0 0 14px rgb(125 211 252 / 0.35); }
.avatar-frame-braise { padding: 3px; background: linear-gradient(135deg, #fde68a, #fb923c, #e11d48, #fb923c); box-shadow: 0 0 14px rgb(251 146 60 / 0.35); }
.avatar-frame-lagon { padding: 3px; background: linear-gradient(135deg, #5eead4, #0ea5e9, #a7f3d0, #0284c7); box-shadow: 0 0 14px rgb(14 165 233 / 0.35); }
.avatar-frame-menthe { padding: 3px; background: linear-gradient(135deg, #bbf7d0, #34d399, #ecfdf5, #059669); box-shadow: 0 0 14px rgb(52 211 153 / 0.35); }
.avatar-frame-corail { padding: 3px; background: linear-gradient(135deg, #fecdd3, #fb7185, #fda4af, #e11d48); box-shadow: 0 0 14px rgb(251 113 133 / 0.35); }
.avatar-frame-lavande { padding: 3px; background: linear-gradient(135deg, #e9d5ff, #a78bfa, #f5f3ff, #7c3aed); box-shadow: 0 0 14px rgb(167 139 250 / 0.35); }
.avatar-frame-sable { padding: 3px; background: linear-gradient(135deg, #fef3c7, #d6b98c, #fffbeb, #a8794b); box-shadow: 0 0 14px rgb(214 185 140 / 0.35); }
.avatar-frame-ardoise { padding: 3px; background: linear-gradient(135deg, #cbd5e1, #64748b, #e2e8f0, #334155); box-shadow: 0 0 14px rgb(100 116 139 / 0.35); }
.avatar-frame-cerise { padding: 3px; background: linear-gradient(135deg, #fecaca, #dc2626, #fee2e2, #7f1d1d); box-shadow: 0 0 14px rgb(220 38 38 / 0.35); }
.avatar-frame-peche { padding: 3px; background: linear-gradient(135deg, #ffedd5, #fdba74, #fff7ed, #f97316); box-shadow: 0 0 14px rgb(253 186 116 / 0.35); }
.avatar-frame-jade { padding: 3px; background: conic-gradient(from 30deg, #a7f3d0, #047857, #d1fae5, #065f46, #a7f3d0); box-shadow: 0 0 14px rgb(4 120 87 / 0.35); }
.avatar-frame-saphir { padding: 3px; background: conic-gradient(from 30deg, #bfdbfe, #2563eb, #dbeafe, #1e3a8a, #bfdbfe); box-shadow: 0 0 14px rgb(37 99 235 / 0.35); }
.avatar-frame-rubis { padding: 3px; background: conic-gradient(from 30deg, #fecdd3, #be123c, #ffe4e6, #881337, #fecdd3); box-shadow: 0 0 14px rgb(190 18 60 / 0.35); }
.avatar-frame-emeraude { padding: 3px; background: conic-gradient(from 30deg, #bbf7d0, #16a34a, #dcfce7, #14532d, #bbf7d0); box-shadow: 0 0 14px rgb(22 163 74 / 0.35); }
.avatar-frame-topaze { padding: 3px; background: conic-gradient(from 30deg, #fef08a, #ca8a04, #fefce8, #a16207, #fef08a); box-shadow: 0 0 14px rgb(202 138 4 / 0.35); }
.avatar-frame-abysses { padding: 3px; background: conic-gradient(from var(--frame-angle), #22d3ee, #1e40af, #0ea5e9, #172554, #22d3ee); box-shadow: 0 0 14px rgb(30 64 175 / 0.35); }
.profile-open .avatar-frame-abysses, .avatar-frame-abysses:hover, a:hover .avatar-frame-abysses { animation: frame-spin 4s linear infinite; }
.avatar-frame-arc-en-ciel { padding: 3px; background: conic-gradient(from var(--frame-angle), #f87171, #fbbf24, #34d399, #60a5fa, #a78bfa, #f472b6, #f87171); box-shadow: 0 0 14px rgb(251 191 36 / 0.35); }
.profile-open .avatar-frame-arc-en-ciel, .avatar-frame-arc-en-ciel:hover, a:hover .avatar-frame-arc-en-ciel { animation: frame-spin 4s linear infinite; }
.avatar-frame-nebuleuse { padding: 3px; background: conic-gradient(from var(--frame-angle), #c084fc, #f472b6, #38bdf8, #c084fc, #c084fc); box-shadow: 0 0 14px rgb(244 114 182 / 0.35); }
.profile-open .avatar-frame-nebuleuse, .avatar-frame-nebuleuse:hover, a:hover .avatar-frame-nebuleuse { animation: frame-spin 4s linear infinite; }
.avatar-frame-volcan { padding: 3px; background: conic-gradient(from var(--frame-angle), #fde047, #f97316, #b91c1c, #f97316, #fde047); box-shadow: 0 0 14px rgb(249 115 22 / 0.35); }
.profile-open .avatar-frame-volcan, .avatar-frame-volcan:hover, a:hover .avatar-frame-volcan { animation: frame-spin 4s linear infinite; }
.avatar-frame-boreal { padding: 3px; background: conic-gradient(from var(--frame-angle), #4ade80, #22d3ee, #818cf8, #4ade80, #4ade80); box-shadow: 0 0 14px rgb(34 211 238 / 0.35); }
.profile-open .avatar-frame-boreal, .avatar-frame-boreal:hover, a:hover .avatar-frame-boreal { animation: frame-spin 4s linear infinite; }
.avatar-frame-toxique { padding: 3px; background: linear-gradient(135deg, #bef264, #65a30d, #ecfccb, #4d7c0f); --frame-glow: rgb(190 242 100 / 0.75); box-shadow: 0 0 14px rgb(101 163 13 / 0.35); }
.profile-open .avatar-frame-toxique, .avatar-frame-toxique:hover, a:hover .avatar-frame-toxique { animation: frame-pulse 2.4s ease-in-out infinite; }
.avatar-frame-spectre { padding: 3px; background: linear-gradient(135deg, #e0e7ff, #a5b4fc, #ffffff, #6366f1); --frame-glow: rgb(224 231 255 / 0.75); box-shadow: 0 0 14px rgb(165 180 252 / 0.35); }
.profile-open .avatar-frame-spectre, .avatar-frame-spectre:hover, a:hover .avatar-frame-spectre { animation: frame-pulse 2.4s ease-in-out infinite; }
.avatar-frame-neon { padding: 3px; background: linear-gradient(135deg, #f0abfc, #22d3ee, #f0abfc, #22d3ee); --frame-glow: rgb(240 171 252 / 0.75); box-shadow: 0 0 14px rgb(34 211 238 / 0.35); }
.profile-open .avatar-frame-neon, .avatar-frame-neon:hover, a:hover .avatar-frame-neon { animation: frame-pulse 2.4s ease-in-out infinite; }
.avatar-frame-plasma { padding: 3px; background: linear-gradient(135deg, #f472b6, #8b5cf6, #06b6d4, #8b5cf6); --frame-glow: rgb(244 114 182 / 0.75); box-shadow: 0 0 14px rgb(139 92 246 / 0.35); }
.profile-open .avatar-frame-plasma, .avatar-frame-plasma:hover, a:hover .avatar-frame-plasma { animation: frame-pulse 2.4s ease-in-out infinite; }
.avatar-frame-obsidienne { padding: 3px; background: conic-gradient(from 10deg, #52525b 0deg 30deg, #09090b 30deg 60deg, #a1a1aa 60deg 90deg, #18181b 90deg 120deg, #52525b 120deg 150deg, #09090b 150deg 180deg, #a1a1aa 180deg 210deg, #18181b 210deg 240deg, #52525b 240deg 270deg, #09090b 270deg 300deg, #a1a1aa 300deg 330deg, #18181b 330deg 360deg); box-shadow: 0 0 14px rgb(9 9 11 / 0.35); }
.avatar-frame-eclat { padding: 3px; background: conic-gradient(from 10deg, #a5f3fc 0deg 30deg, #22d3ee 30deg 60deg, #f0f9ff 60deg 90deg, #0891b2 90deg 120deg, #a5f3fc 120deg 150deg, #22d3ee 150deg 180deg, #f0f9ff 180deg 210deg, #0891b2 210deg 240deg, #a5f3fc 240deg 270deg, #22d3ee 270deg 300deg, #f0f9ff 300deg 330deg, #0891b2 330deg 360deg); box-shadow: 0 0 14px rgb(34 211 238 / 0.35); }
.avatar-frame-prisme { padding: 3px; background: conic-gradient(from 10deg, #f87171 0deg 20deg, #fbbf24 20deg 40deg, #34d399 40deg 60deg, #60a5fa 60deg 80deg, #a78bfa 80deg 100deg, #f472b6 100deg 120deg, #f87171 120deg 140deg, #fbbf24 140deg 160deg, #34d399 160deg 180deg, #60a5fa 180deg 200deg, #a78bfa 200deg 220deg, #f472b6 220deg 240deg, #f87171 240deg 260deg, #fbbf24 260deg 280deg, #34d399 280deg 300deg, #60a5fa 300deg 320deg, #a78bfa 320deg 340deg, #f472b6 340deg 360deg); box-shadow: 0 0 14px rgb(251 191 36 / 0.35); }
.avatar-frame-soleil { padding: 3px; background: repeating-conic-gradient(#fef08a 0 15deg, #f59e0b 15deg 30deg); box-shadow: 0 0 14px rgb(254 240 138 / 0.4); }
.name-lagon { background-image: linear-gradient(90deg, #5eead4, #38bdf8, #a7f3d0, #38bdf8, #5eead4); background-size: 200% auto; -webkit-background-clip: text; background-clip: text; color: transparent; }
:root[data-theme="light"] .name-lagon { background-image: linear-gradient(90deg, #2a695f, #195570, #4b6d5e, #195570, #2a695f); }
.name-menthe { background-image: linear-gradient(90deg, #bbf7d0, #34d399, #ecfdf5, #34d399, #bbf7d0); background-size: 200% auto; -webkit-background-clip: text; background-clip: text; color: transparent; }
:root[data-theme="light"] .name-menthe { background-image: linear-gradient(90deg, #546f5e, #175f45, #6a726e, #175f45, #546f5e); }
.name-corail { background-image: linear-gradient(90deg, #fecdd3, #fb7185, #ffe4e6, #fb7185, #fecdd3); background-size: 200% auto; -webkit-background-clip: text; background-clip: text; color: transparent; }
:root[data-theme="light"] .name-corail { background-image: linear-gradient(90deg, #725c5f, #71333c, #736768, #71333c, #725c5f); }
.name-lavande { background-image: linear-gradient(90deg, #e9d5ff, #a78bfa, #f5f3ff, #a78bfa, #e9d5ff); background-size: 200% auto; -webkit-background-clip: text; background-clip: text; color: transparent; }
:root[data-theme="light"] .name-lavande { background-image: linear-gradient(90deg, #696073, #4b3f71, #6e6d73, #4b3f71, #696073); }
.name-peche { background-image: linear-gradient(90deg, #ffedd5, #fdba74, #fff7ed, #fdba74, #ffedd5); background-size: 200% auto; -webkit-background-clip: text; background-clip: text; color: transparent; }
:root[data-theme="light"] .name-peche { background-image: linear-gradient(90deg, #736b60, #725434, #736f6b, #725434, #736b60); }
.name-cerise { background-image: linear-gradient(90deg, #fecaca, #ef4444, #fee2e2, #ef4444, #fecaca); background-size: 200% auto; -webkit-background-clip: text; background-clip: text; color: transparent; }
:root[data-theme="light"] .name-cerise { background-image: linear-gradient(90deg, #725b5b, #6c1f1f, #726666, #6c1f1f, #725b5b); }
.name-sable { background-image: linear-gradient(90deg, #fef3c7, #d6b98c, #fffbeb, #d6b98c, #fef3c7); background-size: 200% auto; -webkit-background-clip: text; background-clip: text; color: transparent; }
:root[data-theme="light"] .name-sable { background-image: linear-gradient(90deg, #726d5a, #60533f, #73716a, #60533f, #726d5a); }
.name-ciel { background-image: linear-gradient(90deg, #bae6fd, #7dd3fc, #e0f2fe, #7dd3fc, #bae6fd); background-size: 200% auto; -webkit-background-clip: text; background-clip: text; color: transparent; }
:root[data-theme="light"] .name-ciel { background-image: linear-gradient(90deg, #546872, #385f71, #656d72, #385f71, #546872); }
.name-saphir { background-image: linear-gradient(90deg, #bfdbfe, #3b82f6, #dbeafe, #3b82f6, #bfdbfe); background-size: 200% auto; -webkit-background-clip: text; background-clip: text; color: transparent; }
:root[data-theme="light"] .name-saphir { background-image: linear-gradient(90deg, #566372, #1b3b6f, #636972, #1b3b6f, #566372); }
.name-rubis { background-image: linear-gradient(90deg, #fecdd3, #e11d48, #ffe4e6, #e11d48, #fecdd3); background-size: 200% auto; -webkit-background-clip: text; background-clip: text; color: transparent; }
:root[data-theme="light"] .name-rubis { background-image: linear-gradient(90deg, #725c5f, #650d20, #736768, #650d20, #725c5f); }
.name-emeraude { background-image: linear-gradient(90deg, #bbf7d0, #22c55e, #dcfce7, #22c55e, #bbf7d0); background-size: 200% auto; -webkit-background-clip: text; background-clip: text; color: transparent; }
:root[data-theme="light"] .name-emeraude { background-image: linear-gradient(90deg, #546f5e, #0f592a, #637168, #0f592a, #546f5e); }
.name-topaze { background-image: linear-gradient(90deg, #fef08a, #eab308, #fefce8, #eab308, #fef08a); background-size: 200% auto; -webkit-background-clip: text; background-clip: text; color: transparent; }
:root[data-theme="light"] .name-topaze { background-image: linear-gradient(90deg, #726c3e, #695104, #727168, #695104, #726c3e); }
.name-amethyste { background-image: linear-gradient(90deg, #d8b4fe, #a855f7, #f3e8ff, #a855f7, #d8b4fe); background-size: 200% auto; -webkit-background-clip: text; background-clip: text; color: transparent; }
:root[data-theme="light"] .name-amethyste { background-image: linear-gradient(90deg, #615172, #4c266f, #6d6873, #4c266f, #615172); }
.name-argent { background-image: linear-gradient(90deg, #f4f4f5, #a1a1aa, #ffffff, #a1a1aa, #f4f4f5); background-size: 200% auto; -webkit-background-clip: text; background-clip: text; color: transparent; }
:root[data-theme="light"] .name-argent { background-image: linear-gradient(90deg, #6e6e6e, #48484d, #737373, #48484d, #6e6e6e); }
.name-bronze { background-image: linear-gradient(90deg, #fed7aa, #c2410c, #ffedd5, #c2410c, #fed7aa); background-size: 200% auto; -webkit-background-clip: text; background-clip: text; color: transparent; }
:root[data-theme="light"] .name-bronze { background-image: linear-gradient(90deg, #72614d, #571d05, #736b60, #571d05, #72614d); }
.name-coucher-de-soleil { background-image: linear-gradient(90deg, #fda4af, #fdba74, #fde68a, #fdba74, #fda4af); background-size: 200% auto; -webkit-background-clip: text; background-clip: text; color: transparent; }
:root[data-theme="light"] .name-coucher-de-soleil { background-image: linear-gradient(90deg, #724a4f, #725434, #72683e, #725434, #724a4f); }
.name-crepuscule { background-image: linear-gradient(90deg, #818cf8, #c084fc, #f472b6, #c084fc, #818cf8); background-size: 200% auto; -webkit-background-clip: text; background-clip: text; color: transparent; }
:root[data-theme="light"] .name-crepuscule { background-image: linear-gradient(90deg, #3a3f70, #563b71, #6e3352, #563b71, #3a3f70); }
.name-ocean { background-image: linear-gradient(90deg, #67e8f9, #3b82f6, #a5f3fc, #3b82f6, #67e8f9); background-size: 200% auto; -webkit-background-clip: text; background-clip: text; color: transparent; }
:root[data-theme="light"] .name-ocean { background-image: linear-gradient(90deg, #2e6870, #1b3b6f, #4a6d71, #1b3b6f, #2e6870); }
.name-toxique { background-image: linear-gradient(90deg, #d9f99d, #84cc16, #ecfccb, #84cc16, #d9f99d); background-size: 200% auto; -webkit-background-clip: text; background-clip: text; color: transparent; }
:root[data-theme="light"] .name-toxique { background-image: linear-gradient(90deg, #627047, #3b5c0a, #6a715b, #3b5c0a, #627047); }
.name-arc-en-ciel { background-image: linear-gradient(90deg, #f87171, #fbbf24, #34d399, #60a5fa, #a78bfa, #f472b6, #a78bfa, #60a5fa, #34d399, #fbbf24, #f87171); background-size: 200% auto; -webkit-background-clip: text; background-clip: text; color: transparent; }
:root[data-theme="light"] .name-arc-en-ciel { background-image: linear-gradient(90deg, #703333, #715610, #175f45, #2b4a71, #4b3f71, #6e3352, #4b3f71, #2b4a71, #175f45, #715610, #703333); }
.name-nebuleuse { background-image: linear-gradient(90deg, #c084fc, #f472b6, #38bdf8, #f472b6, #c084fc); background-size: 200% auto; -webkit-background-clip: text; background-clip: text; color: transparent; }
:root[data-theme="light"] .name-nebuleuse { background-image: linear-gradient(90deg, #563b71, #6e3352, #195570, #6e3352, #563b71); }
.name-volcan { background-image: linear-gradient(90deg, #fde047, #f97316, #ef4444, #f97316, #fde047); background-size: 200% auto; -webkit-background-clip: text; background-clip: text; color: transparent; }
:root[data-theme="light"] .name-volcan { background-image: linear-gradient(90deg, #726520, #70340a, #6c1f1f, #70340a, #726520); }
.name-boreal { background-image: linear-gradient(90deg, #4ade80, #22d3ee, #818cf8, #22d3ee, #4ade80); background-size: 200% auto; -webkit-background-clip: text; background-clip: text; color: transparent; }
:root[data-theme="light"] .name-boreal { background-image: linear-gradient(90deg, #21643a, #0f5f6b, #3a3f70, #0f5f6b, #21643a); }
.name-neon { background-image: linear-gradient(90deg, #f0abfc, #22d3ee, #f0abfc, #22d3ee, #f0abfc); background-size: 200% auto; -webkit-background-clip: text; background-clip: text; color: transparent; }
:root[data-theme="light"] .name-neon { background-image: linear-gradient(90deg, #6c4d71, #0f5f6b, #6c4d71, #0f5f6b, #6c4d71); }
.name-plasma { background-image: linear-gradient(90deg, #f472b6, #8b5cf6, #06b6d4, #8b5cf6, #f472b6); background-size: 200% auto; -webkit-background-clip: text; background-clip: text; color: transparent; }
:root[data-theme="light"] .name-plasma { background-image: linear-gradient(90deg, #6e3352, #3f296f, #03525f, #3f296f, #6e3352); }
.name-platine { background-image: linear-gradient(90deg, #e0f2fe, #94a3b8, #ffffff, #94a3b8, #e0f2fe); background-size: 200% auto; -webkit-background-clip: text; background-clip: text; color: transparent; }
:root[data-theme="light"] .name-platine { background-image: linear-gradient(90deg, #656d72, #434953, #737373, #434953, #656d72); }
.name-eclat { background-image: linear-gradient(90deg, #cffafe, #22d3ee, #ffffff, #0891b2, #ffffff, #22d3ee, #cffafe); background-size: 200% auto; -webkit-background-clip: text; background-clip: text; color: transparent; }
:root[data-theme="light"] .name-eclat { background-image: linear-gradient(90deg, #5d7172, #0f5f6b, #737373, #044150, #737373, #0f5f6b, #5d7172); }
.name-prisme { background-image: linear-gradient(90deg, #fecaca, #fde68a, #bbf7d0, #bae6fd, #ddd6fe, #fbcfe8, #ddd6fe, #bae6fd, #bbf7d0, #fde68a, #fecaca); background-size: 200% auto; -webkit-background-clip: text; background-clip: text; color: transparent; }
:root[data-theme="light"] .name-prisme { background-image: linear-gradient(90deg, #725b5b, #72683e, #546f5e, #546872, #636072, #715d68, #636072, #546872, #546f5e, #72683e, #725b5b); }
.profile-banner[data-base="crepuscule"] { background: linear-gradient(180deg, #1e1b4b, #7c3aed, #f472b6); }
.profile-banner[data-base="aube"] { background: linear-gradient(180deg, #312e81, #f472b6, #fde68a); }
.profile-banner[data-base="lagon"] { background: linear-gradient(135deg, #0f766e, #22d3ee, #a7f3d0); }
.profile-banner[data-base="nuit-polaire"] { background: linear-gradient(180deg, #020617, #1e3a8a, #0f766e); }
.profile-banner[data-base="desert"] { background: linear-gradient(180deg, #fde68a, #f59e0b, #9a3412); }
.profile-banner[data-base="foret"] { background: linear-gradient(180deg, #052e16, #166534, #4ade80); }
.profile-banner[data-base="grand-large"] { background: linear-gradient(180deg, #0c4a6e, #0284c7, #7dd3fc); }
.profile-banner[data-base="rayures-menthe"] { background: repeating-linear-gradient(45deg, #34d399 0 14px, #059669 14px 28px); }
.profile-banner[data-base="rayures-bonbon"] { background: repeating-linear-gradient(45deg, #f9a8d4 0 14px, #fdf2f8 14px 28px); }
.profile-banner[data-base="rayures-marine"] { background: repeating-linear-gradient(0deg, #1e3a8a 0 14px, #f8fafc 14px 28px); }
.profile-banner[data-base="pois-cerise"] { background: radial-gradient(#fecdd3 3px, transparent 3.5px) 0 0 / 18px 18px, radial-gradient(#fecdd3 3px, transparent 3.5px) 9px 9px / 18px 18px, #be123c; }
.profile-banner[data-base="pois-nuit"] { background: radial-gradient(#fde68a 2px, transparent 2.5px) 0 0 / 22px 22px, radial-gradient(#fde68a 2px, transparent 2.5px) 11px 11px / 22px 22px, #0f172a; }
.profile-banner[data-base="pois-menthe"] { background: radial-gradient(#6ee7b7 3px, transparent 3.5px) 0 0 / 18px 18px, radial-gradient(#6ee7b7 3px, transparent 3.5px) 9px 9px / 18px 18px, #064e3b; }
.profile-banner[data-base="damier"] { background: conic-gradient(#334155 25%, #475569 0 50%, #334155 0 75%, #475569 0) 0 0 / 24px 24px; }
.profile-banner[data-base="arcade"] { background: conic-gradient(#7c3aed 25%, #22d3ee 0 50%, #7c3aed 0 75%, #22d3ee 0) 0 0 / 20px 20px; }
.profile-banner[data-base="grille-neon"] { background: linear-gradient(rgb(240 171 252 / 0.45) 1px, transparent 1px) 0 0 / 20px 20px, linear-gradient(90deg, rgb(240 171 252 / 0.45) 1px, transparent 1px) 0 0 / 20px 20px, #0b0220; }
.profile-banner[data-base="plan"] { background: linear-gradient(rgb(147 197 253 / 0.35) 1px, transparent 1px) 0 0 / 16px 16px, linear-gradient(90deg, rgb(147 197 253 / 0.35) 1px, transparent 1px) 0 0 / 16px 16px, #1e3a8a; }
.profile-banner[data-base="soleil-levant"] { background: repeating-conic-gradient(from 0deg at 50% 115%, #fdba74 0 8deg, #f97316 8deg 16deg); }
.profile-banner[data-base="rayons-azur"] { background: repeating-conic-gradient(from 0deg at 50% 115%, #7dd3fc 0 6deg, #0284c7 6deg 12deg); }
.profile-banner[data-base="bulles"] { background: radial-gradient(circle at 18% 30%, rgb(34 211 238 / 0.55), transparent 42%), radial-gradient(circle at 78% 62%, rgb(167 139 250 / 0.55), transparent 46%), radial-gradient(circle at 48% 105%, rgb(244 114 182 / 0.55), transparent 52%), #0f172a; }
.profile-banner[data-base="lave"] { background: radial-gradient(circle at 18% 30%, rgb(249 115 22 / 0.8), transparent 42%), radial-gradient(circle at 78% 62%, rgb(220 38 38 / 0.8), transparent 46%), radial-gradient(circle at 48% 105%, rgb(253 224 71 / 0.7), transparent 52%), #450a0a; }
.profile-banner[data-base="carbone"] { background: repeating-linear-gradient(45deg, #18181b 0 4px, #27272a 4px 8px); }
.profile-banner[data-effect="flocons"]::before { content: ""; inset: -120px 0 0; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22240%22%20height%3D%22120%22%20viewBox%3D%220%200%20240%20120%22%3E%3Ccircle%20cx%3D%2214.7%22%20cy%3D%2248.6%22%20r%3D%222.4%22%20fill%3D%22%23ffffff%22%2F%3E%3Ccircle%20cx%3D%2236.6%22%20cy%3D%2218.5%22%20r%3D%222.8%22%20fill%3D%22%23ffffff%22%2F%3E%3Ccircle%20cx%3D%2260.1%22%20cy%3D%2291.2%22%20r%3D%223%22%20fill%3D%22%23ffffff%22%2F%3E%3Ccircle%20cx%3D%2279.5%22%20cy%3D%2216.8%22%20r%3D%222.1%22%20fill%3D%22%23ffffff%22%2F%3E%3Ccircle%20cx%3D%22109%22%20cy%3D%2281.1%22%20r%3D%222.1%22%20fill%3D%22%23ffffff%22%2F%3E%3Ccircle%20cx%3D%22134.9%22%20cy%3D%2257.1%22%20r%3D%223.4%22%20fill%3D%22%23ffffff%22%2F%3E%3Ccircle%20cx%3D%22149.1%22%20cy%3D%2268.7%22%20r%3D%222.6%22%20fill%3D%22%23ffffff%22%2F%3E%3Ccircle%20cx%3D%22175%22%20cy%3D%2231.1%22%20r%3D%223.2%22%20fill%3D%22%23ffffff%22%2F%3E%3Ccircle%20cx%3D%22202.2%22%20cy%3D%22105.9%22%20r%3D%223.4%22%20fill%3D%22%23ffffff%22%2F%3E%3Ccircle%20cx%3D%22218.9%22%20cy%3D%2290.8%22%20r%3D%223.3%22%20fill%3D%22%23ffffff%22%2F%3E%3C%2Fsvg%3E"); background-size: 240px 120px; animation: fx-down 6s linear infinite; }
.profile-banner[data-effect="lucioles"]::before { content: ""; inset: 0; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22240%22%20height%3D%22120%22%20viewBox%3D%220%200%20240%20120%22%3E%3Ccircle%20cx%3D%2216.3%22%20cy%3D%22106.6%22%20r%3D%227.8%22%20fill%3D%22%23fde047%22%20opacity%3D%220.25%22%2F%3E%3Ccircle%20cx%3D%2216.3%22%20cy%3D%22106.6%22%20r%3D%223.1%22%20fill%3D%22%23fde047%22%2F%3E%3Ccircle%20cx%3D%2233.8%22%20cy%3D%2215.4%22%20r%3D%226%22%20fill%3D%22%23fde047%22%20opacity%3D%220.25%22%2F%3E%3Ccircle%20cx%3D%2233.8%22%20cy%3D%2215.4%22%20r%3D%222.4%22%20fill%3D%22%23fde047%22%2F%3E%3Ccircle%20cx%3D%2269.3%22%20cy%3D%2288.7%22%20r%3D%227.2%22%20fill%3D%22%23fde047%22%20opacity%3D%220.25%22%2F%3E%3Ccircle%20cx%3D%2269.3%22%20cy%3D%2288.7%22%20r%3D%222.9%22%20fill%3D%22%23fde047%22%2F%3E%3Ccircle%20cx%3D%2284.7%22%20cy%3D%2266.9%22%20r%3D%226.8%22%20fill%3D%22%23fde047%22%20opacity%3D%220.25%22%2F%3E%3Ccircle%20cx%3D%2284.7%22%20cy%3D%2266.9%22%20r%3D%222.7%22%20fill%3D%22%23fde047%22%2F%3E%3Ccircle%20cx%3D%22113.5%22%20cy%3D%2266.5%22%20r%3D%227.8%22%20fill%3D%22%23fde047%22%20opacity%3D%220.25%22%2F%3E%3Ccircle%20cx%3D%22113.5%22%20cy%3D%2266.5%22%20r%3D%223.1%22%20fill%3D%22%23fde047%22%2F%3E%3Ccircle%20cx%3D%22130.6%22%20cy%3D%2211%22%20r%3D%228.4%22%20fill%3D%22%23fde047%22%20opacity%3D%220.25%22%2F%3E%3Ccircle%20cx%3D%22130.6%22%20cy%3D%2211%22%20r%3D%223.4%22%20fill%3D%22%23fde047%22%2F%3E%3Ccircle%20cx%3D%22149.7%22%20cy%3D%2265.3%22%20r%3D%229%22%20fill%3D%22%23fde047%22%20opacity%3D%220.25%22%2F%3E%3Ccircle%20cx%3D%22149.7%22%20cy%3D%2265.3%22%20r%3D%223.6%22%20fill%3D%22%23fde047%22%2F%3E%3Ccircle%20cx%3D%22182.3%22%20cy%3D%22110.8%22%20r%3D%228.3%22%20fill%3D%22%23fde047%22%20opacity%3D%220.25%22%2F%3E%3Ccircle%20cx%3D%22182.3%22%20cy%3D%22110.8%22%20r%3D%223.3%22%20fill%3D%22%23fde047%22%2F%3E%3Ccircle%20cx%3D%22203.3%22%20cy%3D%2266.6%22%20r%3D%228.6%22%20fill%3D%22%23fde047%22%20opacity%3D%220.25%22%2F%3E%3Ccircle%20cx%3D%22203.3%22%20cy%3D%2266.6%22%20r%3D%223.5%22%20fill%3D%22%23fde047%22%2F%3E%3Ccircle%20cx%3D%22218.6%22%20cy%3D%22108.6%22%20r%3D%227.1%22%20fill%3D%22%23fde047%22%20opacity%3D%220.25%22%2F%3E%3Ccircle%20cx%3D%22218.6%22%20cy%3D%22108.6%22%20r%3D%222.8%22%20fill%3D%22%23fde047%22%2F%3E%3C%2Fsvg%3E"); background-size: 240px 120px; animation: fx-twinkle 2.4s ease-in-out infinite alternate; }
.profile-banner[data-effect="bulles"]::before { content: ""; inset: 0 0 -120px; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22240%22%20height%3D%22120%22%20viewBox%3D%220%200%20240%20120%22%3E%3Ccircle%20cx%3D%2225.5%22%20cy%3D%2230.9%22%20r%3D%225.2%22%20fill%3D%22none%22%20stroke%3D%22%23e0f2fe%22%20stroke-width%3D%221.2%22%20opacity%3D%220.8%22%2F%3E%3Ccircle%20cx%3D%2252.2%22%20cy%3D%2258.4%22%20r%3D%226.4%22%20fill%3D%22none%22%20stroke%3D%22%23e0f2fe%22%20stroke-width%3D%221.2%22%20opacity%3D%220.8%22%2F%3E%3Ccircle%20cx%3D%2277.7%22%20cy%3D%2276.8%22%20r%3D%224.9%22%20fill%3D%22none%22%20stroke%3D%22%23e0f2fe%22%20stroke-width%3D%221.2%22%20opacity%3D%220.8%22%2F%3E%3Ccircle%20cx%3D%2293.1%22%20cy%3D%2231.7%22%20r%3D%224.8%22%20fill%3D%22none%22%20stroke%3D%22%23e0f2fe%22%20stroke-width%3D%221.2%22%20opacity%3D%220.8%22%2F%3E%3Ccircle%20cx%3D%22118.9%22%20cy%3D%2217.2%22%20r%3D%224.6%22%20fill%3D%22none%22%20stroke%3D%22%23e0f2fe%22%20stroke-width%3D%221.2%22%20opacity%3D%220.8%22%2F%3E%3Ccircle%20cx%3D%22143.1%22%20cy%3D%2276.3%22%20r%3D%227%22%20fill%3D%22none%22%20stroke%3D%22%23e0f2fe%22%20stroke-width%3D%221.2%22%20opacity%3D%220.8%22%2F%3E%3Ccircle%20cx%3D%22166.5%22%20cy%3D%2227.6%22%20r%3D%224.2%22%20fill%3D%22none%22%20stroke%3D%22%23e0f2fe%22%20stroke-width%3D%221.2%22%20opacity%3D%220.8%22%2F%3E%3Ccircle%20cx%3D%22186.4%22%20cy%3D%2238.7%22%20r%3D%225.1%22%20fill%3D%22none%22%20stroke%3D%22%23e0f2fe%22%20stroke-width%3D%221.2%22%20opacity%3D%220.8%22%2F%3E%3Ccircle%20cx%3D%22221.2%22%20cy%3D%2244.5%22%20r%3D%225.7%22%20fill%3D%22none%22%20stroke%3D%22%23e0f2fe%22%20stroke-width%3D%221.2%22%20opacity%3D%220.8%22%2F%3E%3C%2Fsvg%3E"); background-size: 240px 120px; animation: fx-up 7s linear infinite; }
.profile-banner[data-effect="pluie"]::before { content: ""; inset: -120px 0 0; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22240%22%20height%3D%22120%22%20viewBox%3D%220%200%20240%20120%22%3E%3Cline%20x1%3D%2217.1%22%20y1%3D%2286.1%22%20x2%3D%2215.3%22%20y2%3D%2298.1%22%20stroke%3D%22%23bae6fd%22%20stroke-width%3D%221.2%22%20stroke-linecap%3D%22round%22%2F%3E%3Cline%20x1%3D%2237.6%22%20y1%3D%2285.5%22%20x2%3D%2235.3%22%20y2%3D%22101.2%22%20stroke%3D%22%23bae6fd%22%20stroke-width%3D%221.2%22%20stroke-linecap%3D%22round%22%2F%3E%3Cline%20x1%3D%2249.5%22%20y1%3D%2235.3%22%20x2%3D%2247.8%22%20y2%3D%2246.1%22%20stroke%3D%22%23bae6fd%22%20stroke-width%3D%221.2%22%20stroke-linecap%3D%22round%22%2F%3E%3Cline%20x1%3D%2263.9%22%20y1%3D%2282.1%22%20x2%3D%2261.7%22%20y2%3D%2296.9%22%20stroke%3D%22%23bae6fd%22%20stroke-width%3D%221.2%22%20stroke-linecap%3D%22round%22%2F%3E%3Cline%20x1%3D%2284.4%22%20y1%3D%2298.8%22%20x2%3D%2282.4%22%20y2%3D%22112.3%22%20stroke%3D%22%23bae6fd%22%20stroke-width%3D%221.2%22%20stroke-linecap%3D%22round%22%2F%3E%3Cline%20x1%3D%2292.4%22%20y1%3D%2243.1%22%20x2%3D%2290.6%22%20y2%3D%2255.7%22%20stroke%3D%22%23bae6fd%22%20stroke-width%3D%221.2%22%20stroke-linecap%3D%22round%22%2F%3E%3Cline%20x1%3D%22110.3%22%20y1%3D%2258.9%22%20x2%3D%22108.2%22%20y2%3D%2272.6%22%20stroke%3D%22%23bae6fd%22%20stroke-width%3D%221.2%22%20stroke-linecap%3D%22round%22%2F%3E%3Cline%20x1%3D%22124.3%22%20y1%3D%2227.3%22%20x2%3D%22122.3%22%20y2%3D%2240.4%22%20stroke%3D%22%23bae6fd%22%20stroke-width%3D%221.2%22%20stroke-linecap%3D%22round%22%2F%3E%3Cline%20x1%3D%22144.2%22%20y1%3D%2220.8%22%20x2%3D%22142.1%22%20y2%3D%2234.8%22%20stroke%3D%22%23bae6fd%22%20stroke-width%3D%221.2%22%20stroke-linecap%3D%22round%22%2F%3E%3Cline%20x1%3D%22156.7%22%20y1%3D%2242.4%22%20x2%3D%22154.5%22%20y2%3D%2257.4%22%20stroke%3D%22%23bae6fd%22%20stroke-width%3D%221.2%22%20stroke-linecap%3D%22round%22%2F%3E%3Cline%20x1%3D%22170.1%22%20y1%3D%2232.8%22%20x2%3D%22168.1%22%20y2%3D%2246.3%22%20stroke%3D%22%23bae6fd%22%20stroke-width%3D%221.2%22%20stroke-linecap%3D%22round%22%2F%3E%3Cline%20x1%3D%22188.9%22%20y1%3D%2217.5%22%20x2%3D%22186.6%22%20y2%3D%2232.5%22%20stroke%3D%22%23bae6fd%22%20stroke-width%3D%221.2%22%20stroke-linecap%3D%22round%22%2F%3E%3Cline%20x1%3D%22199.6%22%20y1%3D%2250.5%22%20x2%3D%22197.7%22%20y2%3D%2263.5%22%20stroke%3D%22%23bae6fd%22%20stroke-width%3D%221.2%22%20stroke-linecap%3D%22round%22%2F%3E%3Cline%20x1%3D%22216.3%22%20y1%3D%2295.9%22%20x2%3D%22214%22%20y2%3D%22111.1%22%20stroke%3D%22%23bae6fd%22%20stroke-width%3D%221.2%22%20stroke-linecap%3D%22round%22%2F%3E%3C%2Fsvg%3E"); background-size: 240px 120px; animation: fx-down 1.4s linear infinite; opacity: 0.7; }
.profile-banner[data-effect="confettis"]::before { content: ""; inset: -120px 0 0; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22240%22%20height%3D%22120%22%20viewBox%3D%220%200%20240%20120%22%3E%3Crect%20x%3D%2211.3%22%20y%3D%2249.6%22%20width%3D%224.1%22%20height%3D%222.4%22%20fill%3D%22%23f87171%22%20transform%3D%22rotate%2871%2011.3%2049.6%29%22%2F%3E%3Crect%20x%3D%2225.7%22%20y%3D%2277.8%22%20width%3D%224.6%22%20height%3D%222.7%22%20fill%3D%22%23fbbf24%22%20transform%3D%22rotate%2854%2025.7%2077.8%29%22%2F%3E%3Crect%20x%3D%2243.7%22%20y%3D%229%22%20width%3D%225.7%22%20height%3D%223.4%22%20fill%3D%22%2334d399%22%20transform%3D%22rotate%2856%2043.7%209%29%22%2F%3E%3Crect%20x%3D%2266.1%22%20y%3D%2271.8%22%20width%3D%224.7%22%20height%3D%222.8%22%20fill%3D%22%2360a5fa%22%20transform%3D%22rotate%2816%2066.1%2071.8%29%22%2F%3E%3Crect%20x%3D%2275.8%22%20y%3D%2272.6%22%20width%3D%225.6%22%20height%3D%223.4%22%20fill%3D%22%23a78bfa%22%20transform%3D%22rotate%280%2075.8%2072.6%29%22%2F%3E%3Crect%20x%3D%2291.1%22%20y%3D%2221.2%22%20width%3D%224.3%22%20height%3D%222.6%22%20fill%3D%22%23f472b6%22%20transform%3D%22rotate%2811%2091.1%2021.2%29%22%2F%3E%3Crect%20x%3D%22107.6%22%20y%3D%2275.1%22%20width%3D%225.7%22%20height%3D%223.4%22%20fill%3D%22%23f87171%22%20transform%3D%22rotate%2812%20107.6%2075.1%29%22%2F%3E%3Crect%20x%3D%22128.1%22%20y%3D%2213.5%22%20width%3D%225.6%22%20height%3D%223.4%22%20fill%3D%22%23fbbf24%22%20transform%3D%22rotate%2877%20128.1%2013.5%29%22%2F%3E%3Crect%20x%3D%22141.8%22%20y%3D%229.7%22%20width%3D%224.5%22%20height%3D%222.7%22%20fill%3D%22%2334d399%22%20transform%3D%22rotate%2831%20141.8%209.7%29%22%2F%3E%3Crect%20x%3D%22157%22%20y%3D%22106.5%22%20width%3D%224.6%22%20height%3D%222.8%22%20fill%3D%22%2360a5fa%22%20transform%3D%22rotate%2844%20157%20106.5%29%22%2F%3E%3Crect%20x%3D%22173.7%22%20y%3D%2273.2%22%20width%3D%225%22%20height%3D%223%22%20fill%3D%22%23a78bfa%22%20transform%3D%22rotate%2869%20173.7%2073.2%29%22%2F%3E%3Crect%20x%3D%22189%22%20y%3D%22112.8%22%20width%3D%225.4%22%20height%3D%223.3%22%20fill%3D%22%23f472b6%22%20transform%3D%22rotate%2841%20189%20112.8%29%22%2F%3E%3Crect%20x%3D%22213.1%22%20y%3D%2254.3%22%20width%3D%224.2%22%20height%3D%222.5%22%20fill%3D%22%23f87171%22%20transform%3D%22rotate%2819%20213.1%2054.3%29%22%2F%3E%3Crect%20x%3D%22226.1%22%20y%3D%2270.5%22%20width%3D%225.3%22%20height%3D%223.2%22%20fill%3D%22%23fbbf24%22%20transform%3D%22rotate%2841%20226.1%2070.5%29%22%2F%3E%3C%2Fsvg%3E"); background-size: 240px 120px; animation: fx-down 5s linear infinite; }
.profile-banner[data-effect="coeurs"]::before { content: ""; inset: 0 0 -120px; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22240%22%20height%3D%22120%22%20viewBox%3D%220%200%20240%20120%22%3E%3Ctext%20x%3D%2230.7%22%20y%3D%2223.5%22%20font-size%3D%2214%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%20fill%3D%22%23f472b6%22%3E%E2%99%A5%3C%2Ftext%3E%3Ctext%20x%3D%2257.8%22%20y%3D%2217.7%22%20font-size%3D%2215.4%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%20fill%3D%22%23fb7185%22%3E%E2%99%A5%3C%2Ftext%3E%3Ctext%20x%3D%2288%22%20y%3D%2271.7%22%20font-size%3D%2216%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%20fill%3D%22%23f472b6%22%3E%E2%99%A5%3C%2Ftext%3E%3Ctext%20x%3D%22106.2%22%20y%3D%2248.8%22%20font-size%3D%2210.2%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%20fill%3D%22%23fb7185%22%3E%E2%99%A5%3C%2Ftext%3E%3Ctext%20x%3D%22126%22%20y%3D%2297.6%22%20font-size%3D%2212.8%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%20fill%3D%22%23f472b6%22%3E%E2%99%A5%3C%2Ftext%3E%3Ctext%20x%3D%22163%22%20y%3D%2219.9%22%20font-size%3D%2215.2%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%20fill%3D%22%23fb7185%22%3E%E2%99%A5%3C%2Ftext%3E%3Ctext%20x%3D%22196.9%22%20y%3D%2231.7%22%20font-size%3D%2210%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%20fill%3D%22%23f472b6%22%3E%E2%99%A5%3C%2Ftext%3E%3Ctext%20x%3D%22208.6%22%20y%3D%2229%22%20font-size%3D%2214%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%20fill%3D%22%23fb7185%22%3E%E2%99%A5%3C%2Ftext%3E%3C%2Fsvg%3E"); background-size: 240px 120px; animation: fx-up 6s linear infinite; }
.profile-banner[data-effect="notes"]::before { content: ""; inset: 0 -240px 0 0; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22240%22%20height%3D%22120%22%20viewBox%3D%220%200%20240%20120%22%3E%3Ctext%20x%3D%2224.2%22%20y%3D%2291.3%22%20font-size%3D%2216.5%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%20fill%3D%22%23ffffff%22%3E%E2%99%AA%3C%2Ftext%3E%3Ctext%20x%3D%2250.5%22%20y%3D%2299.6%22%20font-size%3D%2215.2%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%20fill%3D%22%23e0e7ff%22%3E%E2%99%AB%3C%2Ftext%3E%3Ctext%20x%3D%2281.7%22%20y%3D%2229.6%22%20font-size%3D%2215%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%20fill%3D%22%23ffffff%22%3E%E2%99%AA%3C%2Ftext%3E%3Ctext%20x%3D%22108.8%22%20y%3D%2279.5%22%20font-size%3D%2214.7%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%20fill%3D%22%23e0e7ff%22%3E%E2%99%AB%3C%2Ftext%3E%3Ctext%20x%3D%22138.7%22%20y%3D%2235.7%22%20font-size%3D%2219.9%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%20fill%3D%22%23ffffff%22%3E%E2%99%AA%3C%2Ftext%3E%3Ctext%20x%3D%22157.8%22%20y%3D%2298.3%22%20font-size%3D%2218.9%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%20fill%3D%22%23e0e7ff%22%3E%E2%99%AB%3C%2Ftext%3E%3Ctext%20x%3D%22189%22%20y%3D%2285.5%22%20font-size%3D%2214.1%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%20fill%3D%22%23ffffff%22%3E%E2%99%AA%3C%2Ftext%3E%3Ctext%20x%3D%22202.8%22%20y%3D%2233.3%22%20font-size%3D%2216.6%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%20fill%3D%22%23e0e7ff%22%3E%E2%99%AB%3C%2Ftext%3E%3C%2Fsvg%3E"); background-size: 240px 120px; animation: fx-left 10s linear infinite; }
.profile-banner[data-effect="etoiles-filantes"]::before { content: ""; inset: -120px -240px 0 0; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22240%22%20height%3D%22120%22%20viewBox%3D%220%200%20240%20120%22%3E%3Cline%20x1%3D%2231%22%20y1%3D%2256.6%22%20x2%3D%2261.4%22%20y2%3D%2241.4%22%20stroke%3D%22%23fef9c3%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20opacity%3D%220.9%22%2F%3E%3Cline%20x1%3D%2289.5%22%20y1%3D%2254.7%22%20x2%3D%22121.5%22%20y2%3D%2238.7%22%20stroke%3D%22%23fef9c3%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20opacity%3D%220.9%22%2F%3E%3Cline%20x1%3D%22153.7%22%20y1%3D%2256.9%22%20x2%3D%22196.7%22%20y2%3D%2235.4%22%20stroke%3D%22%23fef9c3%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20opacity%3D%220.9%22%2F%3E%3Cline%20x1%3D%22194.4%22%20y1%3D%2295.4%22%20x2%3D%22226.4%22%20y2%3D%2279.4%22%20stroke%3D%22%23fef9c3%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20opacity%3D%220.9%22%2F%3E%3C%2Fsvg%3E"); background-size: 240px 120px; animation: fx-shoot 3.5s linear infinite; }
.profile-banner[data-effect="eclats"]::before { content: ""; inset: 0; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22240%22%20height%3D%22120%22%20viewBox%3D%220%200%20240%20120%22%3E%3Ctext%20x%3D%2225.3%22%20y%3D%2239.5%22%20font-size%3D%2213.9%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%20fill%3D%22%2367e8f9%22%3E%E2%97%86%3C%2Ftext%3E%3Ctext%20x%3D%2247.2%22%20y%3D%22105.8%22%20font-size%3D%229%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%20fill%3D%22%23a5f3fc%22%3E%E2%97%86%3C%2Ftext%3E%3Ctext%20x%3D%2260.3%22%20y%3D%22101.5%22%20font-size%3D%2213.3%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%20fill%3D%22%2367e8f9%22%3E%E2%97%86%3C%2Ftext%3E%3Ctext%20x%3D%2290.6%22%20y%3D%2244%22%20font-size%3D%228.5%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%20fill%3D%22%23a5f3fc%22%3E%E2%97%86%3C%2Ftext%3E%3Ctext%20x%3D%22105.2%22%20y%3D%2242.1%22%20font-size%3D%2213.9%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%20fill%3D%22%2367e8f9%22%3E%E2%97%86%3C%2Ftext%3E%3Ctext%20x%3D%22126.8%22%20y%3D%2228.1%22%20font-size%3D%229.9%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%20fill%3D%22%23a5f3fc%22%3E%E2%97%86%3C%2Ftext%3E%3Ctext%20x%3D%22156.8%22%20y%3D%2239.2%22%20font-size%3D%2211.9%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%20fill%3D%22%2367e8f9%22%3E%E2%97%86%3C%2Ftext%3E%3Ctext%20x%3D%22167.8%22%20y%3D%2229.5%22%20font-size%3D%2211.9%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%20fill%3D%22%23a5f3fc%22%3E%E2%97%86%3C%2Ftext%3E%3Ctext%20x%3D%22197.9%22%20y%3D%2272.9%22%20font-size%3D%2211.7%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%20fill%3D%22%2367e8f9%22%3E%E2%97%86%3C%2Ftext%3E%3Ctext%20x%3D%22222.6%22%20y%3D%22104.8%22%20font-size%3D%2212%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%20fill%3D%22%23a5f3fc%22%3E%E2%97%86%3C%2Ftext%3E%3C%2Fsvg%3E"); background-size: 240px 120px; animation: fx-twinkle 2s ease-in-out infinite alternate; }
.profile-banner[data-effect="sakura"]::before { content: ""; inset: -120px 0 0; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22240%22%20height%3D%22120%22%20viewBox%3D%220%200%20240%20120%22%3E%3Ctext%20x%3D%2226.5%22%20y%3D%2241.7%22%20font-size%3D%2212.9%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%3E%F0%9F%8C%B8%3C%2Ftext%3E%3Ctext%20x%3D%2259.7%22%20y%3D%2232.5%22%20font-size%3D%2213.7%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%3E%F0%9F%8C%B8%3C%2Ftext%3E%3Ctext%20x%3D%2290.4%22%20y%3D%2262.4%22%20font-size%3D%2214.5%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%3E%F0%9F%8C%B8%3C%2Ftext%3E%3Ctext%20x%3D%22123%22%20y%3D%2216.3%22%20font-size%3D%2212.2%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%3E%F0%9F%8C%B8%3C%2Ftext%3E%3Ctext%20x%3D%22147.1%22%20y%3D%2257.5%22%20font-size%3D%2217.3%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%3E%F0%9F%8C%B8%3C%2Ftext%3E%3Ctext%20x%3D%22185.5%22%20y%3D%2226.5%22%20font-size%3D%2213.7%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%3E%F0%9F%8C%B8%3C%2Ftext%3E%3Ctext%20x%3D%22213%22%20y%3D%2231.4%22%20font-size%3D%2215.4%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%3E%F0%9F%8C%B8%3C%2Ftext%3E%3C%2Fsvg%3E"); background-size: 240px 120px; animation: fx-down 9s linear infinite; }
.profile-banner[data-effect="feuilles"]::before { content: ""; inset: -120px 0 0; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22240%22%20height%3D%22120%22%20viewBox%3D%220%200%20240%20120%22%3E%3Ctext%20x%3D%2224.8%22%20y%3D%2271.7%22%20font-size%3D%2217%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%3E%F0%9F%8D%82%3C%2Ftext%3E%3Ctext%20x%3D%2256.5%22%20y%3D%2271.8%22%20font-size%3D%2214.7%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%3E%F0%9F%8D%81%3C%2Ftext%3E%3Ctext%20x%3D%2289.2%22%20y%3D%2260.7%22%20font-size%3D%2215.9%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%3E%F0%9F%8D%82%3C%2Ftext%3E%3Ctext%20x%3D%22127.6%22%20y%3D%2289.2%22%20font-size%3D%2215%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%3E%F0%9F%8D%81%3C%2Ftext%3E%3Ctext%20x%3D%22152.9%22%20y%3D%2245.5%22%20font-size%3D%2217.3%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%3E%F0%9F%8D%82%3C%2Ftext%3E%3Ctext%20x%3D%22179%22%20y%3D%2256.2%22%20font-size%3D%2216.6%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%3E%F0%9F%8D%81%3C%2Ftext%3E%3Ctext%20x%3D%22212%22%20y%3D%2215.2%22%20font-size%3D%2214.1%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%3E%F0%9F%8D%82%3C%2Ftext%3E%3C%2Fsvg%3E"); background-size: 240px 120px; animation: fx-down 9s linear infinite; }
.profile-banner[data-effect="braises"]::before { content: ""; inset: 0 0 -120px; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22240%22%20height%3D%22120%22%20viewBox%3D%220%200%20240%20120%22%3E%3Ccircle%20cx%3D%2211.1%22%20cy%3D%2280.6%22%20r%3D%224.4%22%20fill%3D%22%23fb923c%22%20opacity%3D%220.25%22%2F%3E%3Ccircle%20cx%3D%2211.1%22%20cy%3D%2280.6%22%20r%3D%221.8%22%20fill%3D%22%23fb923c%22%2F%3E%3Ccircle%20cx%3D%2233.6%22%20cy%3D%2214.9%22%20r%3D%222.4%22%20fill%3D%22%23fde047%22%2F%3E%3Ccircle%20cx%3D%2252.5%22%20cy%3D%2268.5%22%20r%3D%225.6%22%20fill%3D%22%23fb923c%22%20opacity%3D%220.25%22%2F%3E%3Ccircle%20cx%3D%2252.5%22%20cy%3D%2268.5%22%20r%3D%222.2%22%20fill%3D%22%23fb923c%22%2F%3E%3Ccircle%20cx%3D%2271.3%22%20cy%3D%2216.5%22%20r%3D%222.2%22%20fill%3D%22%23fde047%22%2F%3E%3Ccircle%20cx%3D%2296.6%22%20cy%3D%2276.3%22%20r%3D%225.7%22%20fill%3D%22%23fb923c%22%20opacity%3D%220.25%22%2F%3E%3Ccircle%20cx%3D%2296.6%22%20cy%3D%2276.3%22%20r%3D%222.3%22%20fill%3D%22%23fb923c%22%2F%3E%3Ccircle%20cx%3D%22109.7%22%20cy%3D%22112.8%22%20r%3D%222.6%22%20fill%3D%22%23fde047%22%2F%3E%3Ccircle%20cx%3D%22124.3%22%20cy%3D%22105.2%22%20r%3D%225.2%22%20fill%3D%22%23fb923c%22%20opacity%3D%220.25%22%2F%3E%3Ccircle%20cx%3D%22124.3%22%20cy%3D%22105.2%22%20r%3D%222.1%22%20fill%3D%22%23fb923c%22%2F%3E%3Ccircle%20cx%3D%22149.1%22%20cy%3D%2220.2%22%20r%3D%222.6%22%20fill%3D%22%23fde047%22%2F%3E%3Ccircle%20cx%3D%22163.9%22%20cy%3D%2284.1%22%20r%3D%224.1%22%20fill%3D%22%23fb923c%22%20opacity%3D%220.25%22%2F%3E%3Ccircle%20cx%3D%22163.9%22%20cy%3D%2284.1%22%20r%3D%221.7%22%20fill%3D%22%23fb923c%22%2F%3E%3Ccircle%20cx%3D%22187.4%22%20cy%3D%2216.9%22%20r%3D%222.7%22%20fill%3D%22%23fde047%22%2F%3E%3Ccircle%20cx%3D%22204.7%22%20cy%3D%2249.9%22%20r%3D%224.6%22%20fill%3D%22%23fb923c%22%20opacity%3D%220.25%22%2F%3E%3Ccircle%20cx%3D%22204.7%22%20cy%3D%2249.9%22%20r%3D%221.8%22%20fill%3D%22%23fb923c%22%2F%3E%3Ccircle%20cx%3D%22222.7%22%20cy%3D%2212.9%22%20r%3D%221.9%22%20fill%3D%22%23fde047%22%2F%3E%3C%2Fsvg%3E"); background-size: 240px 120px; animation: fx-up 4s linear infinite; }
.profile-banner[data-effect="poussiere-or"]::before { content: ""; inset: 0; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22240%22%20height%3D%22120%22%20viewBox%3D%220%200%20240%20120%22%3E%3Ccircle%20cx%3D%226.3%22%20cy%3D%2282.2%22%20r%3D%221.6%22%20fill%3D%22%23fde68a%22%2F%3E%3Ccircle%20cx%3D%2217.5%22%20cy%3D%2247.7%22%20r%3D%221.1%22%20fill%3D%22%23fbbf24%22%2F%3E%3Ccircle%20cx%3D%2227.8%22%20cy%3D%2215.6%22%20r%3D%222%22%20fill%3D%22%23fde68a%22%2F%3E%3Ccircle%20cx%3D%2242.1%22%20cy%3D%2278.1%22%20r%3D%221.3%22%20fill%3D%22%23fbbf24%22%2F%3E%3Ccircle%20cx%3D%2248.9%22%20cy%3D%2258%22%20r%3D%221.7%22%20fill%3D%22%23fde68a%22%2F%3E%3Ccircle%20cx%3D%2260.1%22%20cy%3D%224.5%22%20r%3D%221.3%22%20fill%3D%22%23fbbf24%22%2F%3E%3Ccircle%20cx%3D%2269.1%22%20cy%3D%2215%22%20r%3D%221.3%22%20fill%3D%22%23fde68a%22%2F%3E%3Ccircle%20cx%3D%2279.8%22%20cy%3D%2277.1%22%20r%3D%221.4%22%20fill%3D%22%23fbbf24%22%2F%3E%3Ccircle%20cx%3D%2294.6%22%20cy%3D%2233.8%22%20r%3D%221.2%22%20fill%3D%22%23fde68a%22%2F%3E%3Ccircle%20cx%3D%22102.3%22%20cy%3D%2246.7%22%20r%3D%221.9%22%20fill%3D%22%23fbbf24%22%2F%3E%3Ccircle%20cx%3D%22114.1%22%20cy%3D%2276.3%22%20r%3D%222%22%20fill%3D%22%23fde68a%22%2F%3E%3Ccircle%20cx%3D%22127.6%22%20cy%3D%22108.4%22%20r%3D%221.8%22%20fill%3D%22%23fbbf24%22%2F%3E%3Ccircle%20cx%3D%22136.2%22%20cy%3D%2243.8%22%20r%3D%221.6%22%20fill%3D%22%23fde68a%22%2F%3E%3Ccircle%20cx%3D%22148.9%22%20cy%3D%22105.3%22%20r%3D%221.6%22%20fill%3D%22%23fbbf24%22%2F%3E%3Ccircle%20cx%3D%22154.4%22%20cy%3D%2223.6%22%20r%3D%221.6%22%20fill%3D%22%23fde68a%22%2F%3E%3Ccircle%20cx%3D%22171%22%20cy%3D%22112.1%22%20r%3D%221.3%22%20fill%3D%22%23fbbf24%22%2F%3E%3Ccircle%20cx%3D%22177.4%22%20cy%3D%2224.9%22%20r%3D%221.1%22%20fill%3D%22%23fde68a%22%2F%3E%3Ccircle%20cx%3D%22188.8%22%20cy%3D%2295.2%22%20r%3D%221.6%22%20fill%3D%22%23fbbf24%22%2F%3E%3Ccircle%20cx%3D%22200.5%22%20cy%3D%2291.6%22%20r%3D%221.9%22%20fill%3D%22%23fde68a%22%2F%3E%3Ccircle%20cx%3D%22208.8%22%20cy%3D%2236.9%22%20r%3D%221.3%22%20fill%3D%22%23fbbf24%22%2F%3E%3Ccircle%20cx%3D%22222.8%22%20cy%3D%2230.3%22%20r%3D%221.1%22%20fill%3D%22%23fde68a%22%2F%3E%3Ccircle%20cx%3D%22230.1%22%20cy%3D%22109.6%22%20r%3D%221.3%22%20fill%3D%22%23fbbf24%22%2F%3E%3C%2Fsvg%3E"); background-size: 240px 120px; animation: fx-twinkle 1.8s ease-in-out infinite alternate; }
.profile-banner[data-effect="pixels"]::before { content: ""; inset: 0; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22240%22%20height%3D%22120%22%20viewBox%3D%220%200%20240%20120%22%3E%3Crect%20x%3D%2219.4%22%20y%3D%2285.3%22%20width%3D%226.5%22%20height%3D%223.9%22%20fill%3D%22%23f87171%22%20transform%3D%22rotate%2862%2019.4%2085.3%29%22%2F%3E%3Crect%20x%3D%2227.9%22%20y%3D%2277.8%22%20width%3D%225.4%22%20height%3D%223.2%22%20fill%3D%22%23fbbf24%22%20transform%3D%22rotate%2831%2027.9%2077.8%29%22%2F%3E%3Crect%20x%3D%2242.8%22%20y%3D%2295.8%22%20width%3D%225.4%22%20height%3D%223.2%22%20fill%3D%22%2334d399%22%20transform%3D%22rotate%2823%2042.8%2095.8%29%22%2F%3E%3Crect%20x%3D%2263.2%22%20y%3D%2219.2%22%20width%3D%226.5%22%20height%3D%223.9%22%20fill%3D%22%2360a5fa%22%20transform%3D%22rotate%2825%2063.2%2019.2%29%22%2F%3E%3Crect%20x%3D%2283.7%22%20y%3D%2234.5%22%20width%3D%225.2%22%20height%3D%223.1%22%20fill%3D%22%23a78bfa%22%20transform%3D%22rotate%2889%2083.7%2034.5%29%22%2F%3E%3Crect%20x%3D%2294.9%22%20y%3D%2248.4%22%20width%3D%225.2%22%20height%3D%223.1%22%20fill%3D%22%23f472b6%22%20transform%3D%22rotate%2861%2094.9%2048.4%29%22%2F%3E%3Crect%20x%3D%22111.1%22%20y%3D%2214.6%22%20width%3D%226.4%22%20height%3D%223.8%22%20fill%3D%22%23f87171%22%20transform%3D%22rotate%2864%20111.1%2014.6%29%22%2F%3E%3Crect%20x%3D%22129.8%22%20y%3D%2227.6%22%20width%3D%225.9%22%20height%3D%223.5%22%20fill%3D%22%23fbbf24%22%20transform%3D%22rotate%2834%20129.8%2027.6%29%22%2F%3E%3Crect%20x%3D%22142%22%20y%3D%2277.4%22%20width%3D%226.3%22%20height%3D%223.8%22%20fill%3D%22%2334d399%22%20transform%3D%22rotate%2849%20142%2077.4%29%22%2F%3E%3Crect%20x%3D%22158.3%22%20y%3D%2261.9%22%20width%3D%226.1%22%20height%3D%223.7%22%20fill%3D%22%2360a5fa%22%20transform%3D%22rotate%2881%20158.3%2061.9%29%22%2F%3E%3Crect%20x%3D%22181.2%22%20y%3D%2212.1%22%20width%3D%226.8%22%20height%3D%224.1%22%20fill%3D%22%23a78bfa%22%20transform%3D%22rotate%289%20181.2%2012.1%29%22%2F%3E%3Crect%20x%3D%22192.1%22%20y%3D%2282.2%22%20width%3D%225.7%22%20height%3D%223.4%22%20fill%3D%22%23f472b6%22%20transform%3D%22rotate%2877%20192.1%2082.2%29%22%2F%3E%3Crect%20x%3D%22208.9%22%20y%3D%2222.6%22%20width%3D%227%22%20height%3D%224.2%22%20fill%3D%22%23f87171%22%20transform%3D%22rotate%289%20208.9%2022.6%29%22%2F%3E%3Crect%20x%3D%22220.7%22%20y%3D%2224.3%22%20width%3D%226.3%22%20height%3D%223.8%22%20fill%3D%22%23fbbf24%22%20transform%3D%22rotate%2819%20220.7%2024.3%29%22%2F%3E%3C%2Fsvg%3E"); background-size: 240px 120px; animation: fx-twinkle 1.6s ease-in-out infinite alternate; }
.profile-banner[data-effect="runes"]::before { content: ""; inset: 0; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22240%22%20height%3D%22120%22%20viewBox%3D%220%200%20240%20120%22%3E%3Ctext%20x%3D%2238.9%22%20y%3D%2284.3%22%20font-size%3D%2219.5%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%20fill%3D%22%23c4b5fd%22%3E%E1%9A%A0%3C%2Ftext%3E%3Ctext%20x%3D%2256.1%22%20y%3D%2282.6%22%20font-size%3D%2217.8%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%20fill%3D%22%23c4b5fd%22%3E%E1%9A%B1%3C%2Ftext%3E%3Ctext%20x%3D%2286.5%22%20y%3D%2286.1%22%20font-size%3D%2218.8%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%20fill%3D%22%23c4b5fd%22%3E%E1%9A%A2%3C%2Ftext%3E%3Ctext%20x%3D%2299.6%22%20y%3D%2292%22%20font-size%3D%2215.2%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%20fill%3D%22%23c4b5fd%22%3E%E1%9A%BE%3C%2Ftext%3E%3Ctext%20x%3D%22137.1%22%20y%3D%2232.4%22%20font-size%3D%2217.5%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%20fill%3D%22%23c4b5fd%22%3E%E1%9B%9F%3C%2Ftext%3E%3Ctext%20x%3D%22152.2%22%20y%3D%2239%22%20font-size%3D%2216.1%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%20fill%3D%22%23c4b5fd%22%3E%E1%9A%A0%3C%2Ftext%3E%3Ctext%20x%3D%22187.5%22%20y%3D%2267.7%22%20font-size%3D%2215.2%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%20fill%3D%22%23c4b5fd%22%3E%E1%9A%B1%3C%2Ftext%3E%3Ctext%20x%3D%22214.4%22%20y%3D%2273%22%20font-size%3D%2214.2%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%20fill%3D%22%23c4b5fd%22%3E%E1%9A%A2%3C%2Ftext%3E%3C%2Fsvg%3E"); background-size: 240px 120px; animation: fx-twinkle 3s ease-in-out infinite alternate; opacity: 0.8; }
.profile-banner[data-effect="papillons"]::before { content: ""; inset: 0 -240px 0 0; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22240%22%20height%3D%22120%22%20viewBox%3D%220%200%20240%20120%22%3E%3Ctext%20x%3D%2235.5%22%20y%3D%2285.3%22%20font-size%3D%2217.6%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%3E%F0%9F%A6%8B%3C%2Ftext%3E%3Ctext%20x%3D%2298.2%22%20y%3D%2297.3%22%20font-size%3D%2216.4%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%3E%F0%9F%A6%8B%3C%2Ftext%3E%3Ctext%20x%3D%22131.9%22%20y%3D%2264%22%20font-size%3D%2216%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%3E%F0%9F%A6%8B%3C%2Ftext%3E%3Ctext%20x%3D%22189.5%22%20y%3D%2237%22%20font-size%3D%2215%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%3E%F0%9F%A6%8B%3C%2Ftext%3E%3C%2Fsvg%3E"); background-size: 240px 120px; animation: fx-left 14s linear infinite; }
.profile-banner[data-effect="eclairs"]::before { content: ""; inset: 0; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22240%22%20height%3D%22120%22%20viewBox%3D%220%200%20240%20120%22%3E%3Ctext%20x%3D%2241.2%22%20y%3D%2289.3%22%20font-size%3D%2219%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%3E%E2%9A%A1%3C%2Ftext%3E%3Ctext%20x%3D%2286.6%22%20y%3D%2297.6%22%20font-size%3D%2217%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%3E%E2%9A%A1%3C%2Ftext%3E%3Ctext%20x%3D%22112.5%22%20y%3D%2271.3%22%20font-size%3D%2218.1%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%3E%E2%9A%A1%3C%2Ftext%3E%3Ctext%20x%3D%22171.3%22%20y%3D%2239%22%20font-size%3D%2214.2%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%3E%E2%9A%A1%3C%2Ftext%3E%3Ctext%20x%3D%22207.8%22%20y%3D%2253.3%22%20font-size%3D%2214.8%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%3E%E2%9A%A1%3C%2Ftext%3E%3C%2Fsvg%3E"); background-size: 240px 120px; animation: fx-twinkle 1.2s ease-in-out infinite alternate; }
.profile-banner[data-effect="trefles"]::before { content: ""; inset: -120px 0 0; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22240%22%20height%3D%22120%22%20viewBox%3D%220%200%20240%20120%22%3E%3Ctext%20x%3D%2230.4%22%20y%3D%2257.6%22%20font-size%3D%2215.4%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%3E%F0%9F%8D%80%3C%2Ftext%3E%3Ctext%20x%3D%2261.7%22%20y%3D%2235.4%22%20font-size%3D%2213.3%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%3E%F0%9F%8D%80%3C%2Ftext%3E%3Ctext%20x%3D%2292.6%22%20y%3D%2290.6%22%20font-size%3D%2213.8%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%3E%F0%9F%8D%80%3C%2Ftext%3E%3Ctext%20x%3D%22129.3%22%20y%3D%22104%22%20font-size%3D%2212.2%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%3E%F0%9F%8D%80%3C%2Ftext%3E%3Ctext%20x%3D%22163.5%22%20y%3D%2278.2%22%20font-size%3D%2215.4%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%3E%F0%9F%8D%80%3C%2Ftext%3E%3Ctext%20x%3D%22206%22%20y%3D%2271.4%22%20font-size%3D%2214.9%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%3E%F0%9F%8D%80%3C%2Ftext%3E%3C%2Fsvg%3E"); background-size: 240px 120px; animation: fx-down 9s linear infinite; }
.profile-banner[data-effect="aquarium"]::before { content: ""; inset: 0 -240px 0 0; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22240%22%20height%3D%22120%22%20viewBox%3D%220%200%20240%20120%22%3E%3Ctext%20x%3D%2236.5%22%20y%3D%2244.5%22%20font-size%3D%2216.1%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%3E%F0%9F%90%9F%3C%2Ftext%3E%3Ctext%20x%3D%2275.1%22%20y%3D%2275.1%22%20font-size%3D%2216.6%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%3E%F0%9F%90%A0%3C%2Ftext%3E%3Ctext%20x%3D%22130.5%22%20y%3D%2261.1%22%20font-size%3D%2215.2%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%3E%F0%9F%90%9F%3C%2Ftext%3E%3Ctext%20x%3D%22152.4%22%20y%3D%2291.7%22%20font-size%3D%2215.7%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%3E%F0%9F%90%A0%3C%2Ftext%3E%3Ctext%20x%3D%22198.6%22%20y%3D%2229.2%22%20font-size%3D%2216.2%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%3E%F0%9F%90%9F%3C%2Ftext%3E%3C%2Fsvg%3E"); background-size: 240px 120px; animation: fx-left 12s linear infinite; }
.profile-banner[data-effect="cosmos"]::before { content: ""; inset: 0 -240px 0 0; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22240%22%20height%3D%22120%22%20viewBox%3D%220%200%20240%20120%22%3E%3Ctext%20x%3D%2230.2%22%20y%3D%2229%22%20font-size%3D%2213.3%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%3E%F0%9F%AA%90%3C%2Ftext%3E%3Ctext%20x%3D%2254.3%22%20y%3D%2216%22%20font-size%3D%2212.6%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%20fill%3D%22%23ffffff%22%3E%E2%9C%A6%3C%2Ftext%3E%3Ctext%20x%3D%2270.3%22%20y%3D%2227.6%22%20font-size%3D%2213.1%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%20fill%3D%22%23ffffff%22%3E%C2%B7%3C%2Ftext%3E%3Ctext%20x%3D%22101.2%22%20y%3D%2279.7%22%20font-size%3D%2212.7%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%3E%F0%9F%AA%90%3C%2Ftext%3E%3Ctext%20x%3D%22115.1%22%20y%3D%2237.8%22%20font-size%3D%2212.7%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%20fill%3D%22%23ffffff%22%3E%E2%9C%A6%3C%2Ftext%3E%3Ctext%20x%3D%22147.6%22%20y%3D%2254%22%20font-size%3D%2213.5%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%20fill%3D%22%23ffffff%22%3E%C2%B7%3C%2Ftext%3E%3Ctext%20x%3D%22161%22%20y%3D%2282.3%22%20font-size%3D%2214.4%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%3E%F0%9F%AA%90%3C%2Ftext%3E%3Ctext%20x%3D%22194.2%22%20y%3D%2231.7%22%20font-size%3D%2217.5%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%20fill%3D%22%23ffffff%22%3E%E2%9C%A6%3C%2Ftext%3E%3Ctext%20x%3D%22213.5%22%20y%3D%2286.8%22%20font-size%3D%2211%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%20fill%3D%22%23ffffff%22%3E%C2%B7%3C%2Ftext%3E%3C%2Fsvg%3E"); background-size: 240px 120px; animation: fx-left 24s linear infinite; }
.profile-banner[data-effect="cristaux"]::before { content: ""; inset: -120px 0 0; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22240%22%20height%3D%22120%22%20viewBox%3D%220%200%20240%20120%22%3E%3Ctext%20x%3D%2228.7%22%20y%3D%2229.9%22%20font-size%3D%2212.8%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%20fill%3D%22%23e0f2fe%22%3E%E2%9D%84%3C%2Ftext%3E%3Ctext%20x%3D%2253.5%22%20y%3D%2297.6%22%20font-size%3D%2216.9%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%20fill%3D%22%23e0f2fe%22%3E%E2%9D%84%3C%2Ftext%3E%3Ctext%20x%3D%2290.8%22%20y%3D%2278.3%22%20font-size%3D%2217%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%20fill%3D%22%23e0f2fe%22%3E%E2%9D%84%3C%2Ftext%3E%3Ctext%20x%3D%22128%22%20y%3D%2279.4%22%20font-size%3D%2215%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%20fill%3D%22%23e0f2fe%22%3E%E2%9D%84%3C%2Ftext%3E%3Ctext%20x%3D%22154.3%22%20y%3D%22100.2%22%20font-size%3D%2212.4%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%20fill%3D%22%23e0f2fe%22%3E%E2%9D%84%3C%2Ftext%3E%3Ctext%20x%3D%22186.5%22%20y%3D%2288.7%22%20font-size%3D%2213.2%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%20fill%3D%22%23e0f2fe%22%3E%E2%9D%84%3C%2Ftext%3E%3Ctext%20x%3D%22208%22%20y%3D%2279.5%22%20font-size%3D%2217.7%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%20fill%3D%22%23e0f2fe%22%3E%E2%9D%84%3C%2Ftext%3E%3C%2Fsvg%3E"); background-size: 240px 120px; animation: fx-down 8s linear infinite; }
.profile-banner[data-effect="ballons"]::before { content: ""; inset: 0 0 -120px; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22240%22%20height%3D%22120%22%20viewBox%3D%220%200%20240%20120%22%3E%3Ctext%20x%3D%2243.1%22%20y%3D%2273.6%22%20font-size%3D%2219.7%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%3E%F0%9F%8E%88%3C%2Ftext%3E%3Ctext%20x%3D%2279.7%22%20y%3D%2230.1%22%20font-size%3D%2218.5%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%3E%F0%9F%8E%88%3C%2Ftext%3E%3Ctext%20x%3D%22122.5%22%20y%3D%2295%22%20font-size%3D%2216.2%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%3E%F0%9F%8E%88%3C%2Ftext%3E%3Ctext%20x%3D%22156%22%20y%3D%2238%22%20font-size%3D%2215.1%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%3E%F0%9F%8E%88%3C%2Ftext%3E%3Ctext%20x%3D%22198.7%22%20y%3D%2277.2%22%20font-size%3D%2218.6%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%3E%F0%9F%8E%88%3C%2Ftext%3E%3C%2Fsvg%3E"); background-size: 240px 120px; animation: fx-up 10s linear infinite; }
.avatar-frame-citrouille { padding: 3px; background: conic-gradient(from 30deg, #fdba74, #ea580c, #581c87, #ea580c, #fdba74); box-shadow: 0 0 14px rgb(234 88 12 / 0.35); }
.avatar-frame-sortilege { padding: 3px; background: conic-gradient(from var(--frame-angle), #a855f7, #22c55e, #7c3aed, #22c55e, #a855f7); box-shadow: 0 0 14px rgb(34 197 94 / 0.35); }
.profile-open .avatar-frame-sortilege, .avatar-frame-sortilege:hover, a:hover .avatar-frame-sortilege { animation: frame-spin 4s linear infinite; }
.name-citrouille { background-image: linear-gradient(90deg, #fdba74, #f97316, #fed7aa, #f97316, #fdba74); background-size: 200% auto; -webkit-background-clip: text; background-clip: text; color: transparent; }
:root[data-theme="light"] .name-citrouille { background-image: linear-gradient(90deg, #725434, #70340a, #72614d, #70340a, #725434); }
.name-sortilege { background-image: linear-gradient(90deg, #c084fc, #4ade80, #e9d5ff, #4ade80, #c084fc); background-size: 200% auto; -webkit-background-clip: text; background-clip: text; color: transparent; }
:root[data-theme="light"] .name-sortilege { background-image: linear-gradient(90deg, #563b71, #21643a, #696073, #21643a, #563b71); }
.profile-banner[data-base="nuit-hantee"] { background: linear-gradient(180deg, #0c0a09, #3b0764, #ea580c); }
.profile-banner[data-base="toile"] { background: repeating-radial-gradient(circle at 85% 0, transparent 0 22px, rgb(214 211 209 / 0.35) 22px 23px), repeating-conic-gradient(from 0deg at 85% 0, transparent 0 14deg, rgb(214 211 209 / 0.35) 14deg 15deg), #1c1917; }
.profile-banner[data-effect="chauves-souris"]::before { content: ""; inset: 0 -240px 0 0; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22240%22%20height%3D%22120%22%20viewBox%3D%220%200%20240%20120%22%3E%3Ctext%20x%3D%2224.7%22%20y%3D%22102.3%22%20font-size%3D%2216%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%3E%F0%9F%A6%87%3C%2Ftext%3E%3Ctext%20x%3D%2287.8%22%20y%3D%2237.2%22%20font-size%3D%2215.6%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%3E%F0%9F%A6%87%3C%2Ftext%3E%3Ctext%20x%3D%22121.1%22%20y%3D%2299.8%22%20font-size%3D%2219%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%3E%F0%9F%A6%87%3C%2Ftext%3E%3Ctext%20x%3D%22171.5%22%20y%3D%2285.5%22%20font-size%3D%2219.7%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%3E%F0%9F%A6%87%3C%2Ftext%3E%3Ctext%20x%3D%22210.7%22%20y%3D%2259.9%22%20font-size%3D%2215.7%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%3E%F0%9F%A6%87%3C%2Ftext%3E%3C%2Fsvg%3E"); background-size: 240px 120px; animation: fx-left 9s linear infinite; }
.profile-banner[data-effect="fantomes"]::before { content: ""; inset: 0 0 -120px; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22240%22%20height%3D%22120%22%20viewBox%3D%220%200%20240%20120%22%3E%3Ctext%20x%3D%2229.8%22%20y%3D%2281.1%22%20font-size%3D%2215.2%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%3E%F0%9F%91%BB%3C%2Ftext%3E%3Ctext%20x%3D%2260%22%20y%3D%2233.4%22%20font-size%3D%2215.6%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%3E%F0%9F%8E%83%3C%2Ftext%3E%3Ctext%20x%3D%22108.9%22%20y%3D%2235.3%22%20font-size%3D%2214.5%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%3E%F0%9F%91%BB%3C%2Ftext%3E%3Ctext%20x%3D%22134.2%22%20y%3D%2228.1%22%20font-size%3D%2217.6%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%3E%F0%9F%8E%83%3C%2Ftext%3E%3Ctext%20x%3D%22181.5%22%20y%3D%2244.5%22%20font-size%3D%2216.2%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%3E%F0%9F%91%BB%3C%2Ftext%3E%3Ctext%20x%3D%22216.8%22%20y%3D%22103.4%22%20font-size%3D%2214.2%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%3E%F0%9F%8E%83%3C%2Ftext%3E%3C%2Fsvg%3E"); background-size: 240px 120px; animation: fx-up 9s linear infinite; }
.avatar-frame-sucre-d-orge { padding: 3px; background: repeating-conic-gradient(#ef4444 0 15deg, #ffffff 15deg 30deg); box-shadow: 0 0 14px rgb(239 68 68 / 0.4); }
.avatar-frame-houx { padding: 3px; background: conic-gradient(from 30deg, #15803d, #dc2626, #166534, #dc2626, #15803d); box-shadow: 0 0 14px rgb(220 38 38 / 0.35); }
.name-sucre-d-orge { background-image: linear-gradient(90deg, #fca5a5, #ffffff, #ef4444, #ffffff, #fca5a5); background-size: 200% auto; -webkit-background-clip: text; background-clip: text; color: transparent; }
:root[data-theme="light"] .name-sucre-d-orge { background-image: linear-gradient(90deg, #714a4a, #737373, #6c1f1f, #737373, #714a4a); }
.name-sapin { background-image: linear-gradient(90deg, #86efac, #16a34a, #fde68a, #16a34a, #86efac); background-size: 200% auto; -webkit-background-clip: text; background-clip: text; color: transparent; }
:root[data-theme="light"] .name-sapin { background-image: linear-gradient(90deg, #3c6c4d, #0a4921, #72683e, #0a4921, #3c6c4d); }
.profile-banner[data-base="nuit-de-noel"] { background: linear-gradient(180deg, #0f172a, #1e3a8a, #e0f2fe); }
.profile-banner[data-base="papier-cadeau"] { background: radial-gradient(#fde68a 4px, transparent 4.5px) 0 0 / 20px 20px, radial-gradient(#fde68a 4px, transparent 4.5px) 10px 10px / 20px 20px, #b91c1c; }
.profile-banner[data-effect="guirlande"]::before { content: ""; inset: 0; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22240%22%20height%3D%22120%22%20viewBox%3D%220%200%20240%20120%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2226.1%22%20r%3D%227.3%22%20fill%3D%22%23ef4444%22%20opacity%3D%220.25%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2226.1%22%20r%3D%222.9%22%20fill%3D%22%23ef4444%22%2F%3E%3Ccircle%20cx%3D%2233.5%22%20cy%3D%22109%22%20r%3D%226.2%22%20fill%3D%22%2322c55e%22%20opacity%3D%220.25%22%2F%3E%3Ccircle%20cx%3D%2233.5%22%20cy%3D%22109%22%20r%3D%222.5%22%20fill%3D%22%2322c55e%22%2F%3E%3Ccircle%20cx%3D%2248.7%22%20cy%3D%2299.4%22%20r%3D%226.8%22%20fill%3D%22%23facc15%22%20opacity%3D%220.25%22%2F%3E%3Ccircle%20cx%3D%2248.7%22%20cy%3D%2299.4%22%20r%3D%222.7%22%20fill%3D%22%23facc15%22%2F%3E%3Ccircle%20cx%3D%2272.7%22%20cy%3D%2248.8%22%20r%3D%227.4%22%20fill%3D%22%233b82f6%22%20opacity%3D%220.25%22%2F%3E%3Ccircle%20cx%3D%2272.7%22%20cy%3D%2248.8%22%20r%3D%222.9%22%20fill%3D%22%233b82f6%22%2F%3E%3Ccircle%20cx%3D%2289.8%22%20cy%3D%2246.9%22%20r%3D%227.3%22%20fill%3D%22%23ef4444%22%20opacity%3D%220.25%22%2F%3E%3Ccircle%20cx%3D%2289.8%22%20cy%3D%2246.9%22%20r%3D%222.9%22%20fill%3D%22%23ef4444%22%2F%3E%3Ccircle%20cx%3D%22106%22%20cy%3D%2242%22%20r%3D%227.1%22%20fill%3D%22%2322c55e%22%20opacity%3D%220.25%22%2F%3E%3Ccircle%20cx%3D%22106%22%20cy%3D%2242%22%20r%3D%222.8%22%20fill%3D%22%2322c55e%22%2F%3E%3Ccircle%20cx%3D%22125.1%22%20cy%3D%2284.1%22%20r%3D%226.1%22%20fill%3D%22%23facc15%22%20opacity%3D%220.25%22%2F%3E%3Ccircle%20cx%3D%22125.1%22%20cy%3D%2284.1%22%20r%3D%222.4%22%20fill%3D%22%23facc15%22%2F%3E%3Ccircle%20cx%3D%22149.3%22%20cy%3D%22102.6%22%20r%3D%227.7%22%20fill%3D%22%233b82f6%22%20opacity%3D%220.25%22%2F%3E%3Ccircle%20cx%3D%22149.3%22%20cy%3D%22102.6%22%20r%3D%223.1%22%20fill%3D%22%233b82f6%22%2F%3E%3Ccircle%20cx%3D%22167.1%22%20cy%3D%2265.6%22%20r%3D%226.6%22%20fill%3D%22%23ef4444%22%20opacity%3D%220.25%22%2F%3E%3Ccircle%20cx%3D%22167.1%22%20cy%3D%2265.6%22%20r%3D%222.7%22%20fill%3D%22%23ef4444%22%2F%3E%3Ccircle%20cx%3D%22190.5%22%20cy%3D%2250.4%22%20r%3D%228.1%22%20fill%3D%22%2322c55e%22%20opacity%3D%220.25%22%2F%3E%3Ccircle%20cx%3D%22190.5%22%20cy%3D%2250.4%22%20r%3D%223.2%22%20fill%3D%22%2322c55e%22%2F%3E%3Ccircle%20cx%3D%22198.9%22%20cy%3D%2217.4%22%20r%3D%228%22%20fill%3D%22%23facc15%22%20opacity%3D%220.25%22%2F%3E%3Ccircle%20cx%3D%22198.9%22%20cy%3D%2217.4%22%20r%3D%223.2%22%20fill%3D%22%23facc15%22%2F%3E%3Ccircle%20cx%3D%22221.7%22%20cy%3D%2251.3%22%20r%3D%228.8%22%20fill%3D%22%233b82f6%22%20opacity%3D%220.25%22%2F%3E%3Ccircle%20cx%3D%22221.7%22%20cy%3D%2251.3%22%20r%3D%223.5%22%20fill%3D%22%233b82f6%22%2F%3E%3C%2Fsvg%3E"); background-size: 240px 120px; animation: fx-twinkle 1.4s ease-in-out infinite alternate; }
.profile-banner[data-effect="cadeaux"]::before { content: ""; inset: -120px 0 0; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22240%22%20height%3D%22120%22%20viewBox%3D%220%200%20240%20120%22%3E%3Ctext%20x%3D%2239.4%22%20y%3D%2277%22%20font-size%3D%2216.6%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%3E%F0%9F%8E%81%3C%2Ftext%3E%3Ctext%20x%3D%2266.7%22%20y%3D%2275%22%20font-size%3D%2214.5%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%3E%E2%AD%90%3C%2Ftext%3E%3Ctext%20x%3D%22108.8%22%20y%3D%2286.9%22%20font-size%3D%2215.1%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%3E%F0%9F%8E%84%3C%2Ftext%3E%3Ctext%20x%3D%22132.6%22%20y%3D%2245.9%22%20font-size%3D%2215.9%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%3E%F0%9F%8E%81%3C%2Ftext%3E%3Ctext%20x%3D%22171.2%22%20y%3D%2290.6%22%20font-size%3D%2214.5%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%3E%E2%AD%90%3C%2Ftext%3E%3Ctext%20x%3D%22202.3%22%20y%3D%2246.1%22%20font-size%3D%2216%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%3E%F0%9F%8E%84%3C%2Ftext%3E%3C%2Fsvg%3E"); background-size: 240px 120px; animation: fx-down 9s linear infinite; }