/* Премиум-темы фона профиля (users.bg_type = 3, bg_color = 101..112) */
@keyframes premiumShift { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } }
@keyframes premiumPulse { 0%, 100% { filter: hue-rotate(0deg) saturate(1); } 50% { filter: hue-rotate(25deg) saturate(1.15); } }

#color101 { background: linear-gradient(-45deg, #0f2027, #1b6f6a, #3ad29f, #6a3093, #1b6f6a); background-size: 400% 400%; animation: premiumShift 18s ease infinite; }
#color102 { background: linear-gradient(-45deg, #ff512f, #f09819, #ff5e62, #dd2476); background-size: 400% 400%; animation: premiumShift 16s ease infinite; }
#color103 { background: radial-gradient(circle at 20% 20%, rgba(255,0,153,.55), transparent 45%), radial-gradient(circle at 80% 70%, rgba(0,229,255,.5), transparent 45%), #0b0b1a; background-size: 160% 160%; animation: premiumShift 14s ease infinite; }
#color104 { background: linear-gradient(-45deg, #2193b0, #6dd5ed, #0052d4, #65c7f7); background-size: 400% 400%; animation: premiumShift 20s ease infinite; }
#color105 { background: linear-gradient(-45deg, #ff9a9e, #fad0c4, #a18cd1, #fbc2eb, #8fd3f4); background-size: 400% 400%; animation: premiumShift 15s ease infinite; }
#color106 { background: radial-gradient(circle at 70% 25%, rgba(212,175,55,.45), transparent 40%), linear-gradient(160deg, #0a0a0a, #1c1c2b 60%, #2b2410); background-size: 150% 150%; animation: premiumShift 22s ease infinite; }
#color107 { background: linear-gradient(-45deg, #134e5e, #71b280, #2c5f2d, #97bc62); background-size: 400% 400%; animation: premiumShift 20s ease infinite; }
#color108 { background: linear-gradient(-45deg, #ffecd2, #fcb69f, #ff9a8b, #ffd3a5); background-size: 400% 400%; animation: premiumShift 17s ease infinite; }
#color109 { background: linear-gradient(-45deg, #00f5a0, #00d9f5, #7b2ff7, #f107a3); background-size: 400% 400%; animation: premiumShift 12s ease infinite, premiumPulse 8s ease-in-out infinite; }
#color110 { background: linear-gradient(-45deg, #e0c3fc, #8ec5fc, #cdb4db, #bde0fe); background-size: 400% 400%; animation: premiumShift 20s ease infinite; }
#color111 { background: linear-gradient(-45deg, #870000, #f12711, #f5af19, #b21f1f); background-size: 400% 400%; animation: premiumShift 10s ease infinite; }
#color112 { background: radial-gradient(circle at 30% 30%, rgba(255,255,255,.18), transparent 50%), linear-gradient(135deg, #232526, #414345, #232526); background-size: 200% 200%; animation: premiumShift 24s ease infinite; }

.round_color.premium_locked { position: relative; }
.round_color.premium_locked::after { content: "lock"; font-family: "Material Icons"; font-size: 16px; color: #fff; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); text-shadow: 0 0 3px rgba(0,0,0,.6); }
@media (prefers-reduced-motion: reduce) { [id^="color1"] { animation: none !important; } }