/* Градиентный текст для имени */
.gradient-text {
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
    display: inline-block;
    font-weight: 700;
    /* text-shadow убран — давал большой ореол на 50px */
}

.gradient-option .gradient-text {
    text-shadow: none !important;
    filter: none !important;
}

/* Предустановленные градиенты */
.gradient-gold {
    background-image: linear-gradient(135deg, #f7971e, #ffd200);
}
.gradient-rainbow {
    background-image: linear-gradient(135deg, #f093fb, #f5576c, #4facfe, #43e97b);
    background-size: 300% 300%;
    animation: rainbowMove 4s ease infinite;
}
.gradient-ocean {
    background-image: linear-gradient(135deg, #4facfe, #00f2fe);
}
.gradient-sunset {
    background-image: linear-gradient(135deg, #fa709a, #fee140);
}
.gradient-neon {
    background-image: linear-gradient(135deg, #a18cd1, #fbc2eb);
}

@keyframes rainbowMove {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}

/* ===== Дополнительные градиенты ===== */

/* 🔥 Огненный — от жёлтого к красному */
.gradient-fire {
    background-image: linear-gradient(135deg, #f12711, #f5af19);
    background-size: 200% 200%;
    animation: fireShimmer 3s ease infinite;
}

/* 🌌 Галактика — фиолетово-сине-розовый */
.gradient-galaxy {
    background-image: linear-gradient(135deg, #302b63, #24243e, #8a2387, #e94057);
    background-size: 300% 300%;
    animation: galaxyMove 6s ease infinite;
}

/* 🌿 Северное сияние — зелёный, бирюзовый, синий */
.gradient-aurora {
    background-image: linear-gradient(135deg, #00b894, #00cec9, #0984e3, #6c5ce7);
    background-size: 300% 300%;
    animation: auroraWave 5s ease infinite;
}

/* 🍬 Конфетти — нежно-розовый, фиолетовый, голубой */
.gradient-candy {
    background-image: linear-gradient(135deg, #fbc2eb, #a18cd1, #f6d365);
    background-size: 200% 200%;
    animation: candyFloat 4s ease infinite;
}

/* 🌅 Рассвет — жёлтый, оранжевый, розовый */
.gradient-sunrise {
    background-image: linear-gradient(135deg, #f7971e, #ffd200, #f5576c, #ff6b6b);
    background-size: 300% 300%;
    animation: sunriseGlow 5s ease infinite;
}

/* 🌙 Сумерки — глубокий синий, пурпурный, фиолет */
.gradient-twilight {
    background-image: linear-gradient(135deg, #1a1a2e, #16213e, #0f3460, #533483);
    background-size: 300% 300%;
    animation: twilightPulse 6s ease infinite;
}

/* 🍃 Мятный бриз — бирюзовый, мятный, изумрудный */
.gradient-mint {
    background-image: linear-gradient(135deg, #11998e, #38ef7d, #00b894);
    background-size: 200% 200%;
    animation: mintBreeze 4s ease infinite;
}

/* 💎 Драгоценный камень — сапфир, изумруд, аметист */
.gradient-gem {
    background-image: linear-gradient(135deg, #2d3436, #6c5ce7, #00b894, #fdcb6e);
    background-size: 300% 300%;
    animation: gemShine 5s ease infinite;
}

/* ===== Анимации ===== */

@keyframes fireShimmer {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}

@keyframes galaxyMove {
    0% { background-position: 0% 0%; }
    50% { background-position: 100% 100%; }
    100% { background-position: 0% 0%; }
}

@keyframes auroraWave {
    0% { background-position: 0% 50%; }
    33% { background-position: 100% 50%; }
    66% { background-position: 50% 100%; }
    100% { background-position: 0% 50%; }
}

@keyframes candyFloat {
    0% { background-position: 0% 0%; }
    50% { background-position: 100% 100%; }
    100% { background-position: 0% 0%; }
}

@keyframes sunriseGlow {
    0% { background-position: 0% 0%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 0%; }
}

@keyframes twilightPulse {
    0% { background-position: 0% 0%; }
    50% { background-position: 100% 100%; }
    100% { background-position: 0% 0%; }
}

@keyframes mintBreeze {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}

@keyframes gemShine {
    0% { background-position: 0% 0%; }
    25% { background-position: 100% 0%; }
    50% { background-position: 100% 100%; }
    75% { background-position: 0% 100%; }
    100% { background-position: 0% 0%; }
}



/* ============================================================
 * AMIGRAM PREMIUM NICKS
 * 67 эффектов для градиентных ников
 * ============================================================ */

/* Общая анимация для всех градиентов */
@keyframes rainbowMove {
    0%, 100% { background-position: 0% 50%; }
    50%      { background-position: 100% 50%; }
}
@keyframes shimmer {
    0%   { background-position: 0% 50%; }
    50%  { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}
@keyframes spin {
    to { transform: rotate(360deg); }
}
@keyframes pulse {
    0%, 100% { transform: scale(1); }
    50%      { transform: scale(1.08); }
}

/* ============================================================
 * VOL.1 — БАЗОВЫЕ (13)
 * ============================================================ */

.gradient-gold {
    background-image: linear-gradient(135deg, #f7971e, #ffd200);
}
.gradient-rainbow {
    background-image: linear-gradient(135deg, #f093fb, #f5576c, #4facfe, #43e97b);
    background-size: 300% 300%;
    animation: rainbowMove 4s ease infinite;
}
.gradient-ocean {
    background-image: linear-gradient(135deg, #4facfe, #00f2fe);
}
.gradient-sunset {
    background-image: linear-gradient(135deg, #fa709a, #fee140);
}
.gradient-neon {
    background-image: linear-gradient(135deg, #a18cd1, #fbc2eb);
}
.gradient-fire {
    background-image: linear-gradient(135deg, #f12711, #f5af19);
    background-size: 200% 200%;
    animation: shimmer 3s ease infinite;
}
.gradient-galaxy {
    background-image: linear-gradient(135deg, #302b63, #24243e, #8a2387, #e94057);
    background-size: 300% 300%;
    animation: rainbowMove 6s ease infinite;
}
.gradient-aurora {
    background-image: linear-gradient(135deg, #00b894, #00cec9, #0984e3, #6c5ce7);
    background-size: 300% 300%;
    animation: rainbowMove 5s ease infinite;
}
.gradient-candy {
    background-image: linear-gradient(135deg, #fbc2eb, #a18cd1, #f6d365);
    background-size: 200% 200%;
    animation: shimmer 4s ease infinite;
}
.gradient-sunrise {
    background-image: linear-gradient(135deg, #f7971e, #ffd200, #f5576c, #ff6b6b);
    background-size: 300% 300%;
    animation: shimmer 5s ease infinite;
}
.gradient-twilight {
    background-image: linear-gradient(135deg, #1a1a2e, #16213e, #0f3460, #533483);
    background-size: 300% 300%;
    animation: shimmer 6s ease infinite;
}
.gradient-mint {
    background-image: linear-gradient(135deg, #11998e, #38ef7d, #00b894);
    background-size: 200% 200%;
    animation: shimmer 4s ease infinite;
}
.gradient-gem {
    background-image: linear-gradient(135deg, #2d3436, #6c5ce7, #00b894, #fdcb6e);
    background-size: 300% 300%;
    animation: shimmer 5s ease infinite;
}

/* ============================================================
 * VOL.2 — СРЕДНИЕ (18)
 * ============================================================ */

/* 14. LIQUID CHROME */
.gradient-liquid-chrome {
    background-image: linear-gradient(100deg,
        #4a4a4a 0%, #f0f0f0 15%, #7a7a7a 25%, #ffffff 40%,
        #4a4a4a 50%, #c0c0c0 65%, #ffffff 75%, #5a5a5a 90%, #4a4a4a 100%);
    background-size: 300% 100%;
    animation: chromeWave 4s linear infinite;
    filter: drop-shadow(0 2px 3px rgba(0,0,0,0.5)) drop-shadow(0 0 12px rgba(255,255,255,0.15));
}
@keyframes chromeWave {
    0%   { background-position: 0% 50%; }
    100% { background-position: 300% 50%; }
}

/* 15. AURORA (5-цветный) */
.gradient-aurora-premium {
    background-image: linear-gradient(120deg,
        #00ff88, #00d4ff, #b366ff, #ff5fd2, #00ff88);
    background-size: 400% 400%;
    animation: auroraFlow 8s ease infinite;
    filter: drop-shadow(0 0 18px rgba(0,255,200,0.5)) drop-shadow(0 0 30px rgba(180,100,255,0.3));
}
@keyframes auroraFlow {
    0%, 100% { background-position: 0% 50%; }
    50%      { background-position: 100% 50%; }
}

/* 16. CYBERPUNK */
.gradient-cyberpunk {
    color: #fcff3c;
    -webkit-text-fill-color: #fcff3c;
    text-shadow:
        2px 2px 0 #ff003c,
        -2px -2px 0 #00f0ff,
        0 0 20px rgba(252, 255, 60, 0.6),
        0 0 40px rgba(255, 0, 60, 0.3);
    font-family: 'Courier New', monospace;
    letter-spacing: 2px;
    text-transform: uppercase;
    animation: cyberGlitch 3s infinite;
}
@keyframes cyberGlitch {
    0%, 90%, 100% { transform: translate(0,0); }
    92% { transform: translate(-2px, 1px); }
    94% { transform: translate(2px, -1px); }
    96% { transform: translate(-1px, -2px); }
}

/* 17. OPAL */
.gradient-opal {
    background-image: linear-gradient(135deg,
        #e8d5ff, #b8e0ff, #ffd6ec, #d4f5e0, #fff2c4, #e8d5ff);
    background-size: 300% 300%;
    animation: opalShift 6s ease-in-out infinite;
    filter: drop-shadow(0 0 10px rgba(255,220,255,0.6));
}
@keyframes opalShift {
    0%, 100% { background-position: 0% 50%; }
    50%      { background-position: 100% 50%; }
}

/* 18. LAVA */
.gradient-lava {
    background-image: linear-gradient(0deg,
        #1a0000, #ff2d00 25%, #ff8c00 50%, #ffdd00 75%, #fff5aa);
    background-size: 100% 200%;
    animation: lavaBubble 2s ease-in-out infinite alternate;
    filter: drop-shadow(0 0 14px rgba(255,80,0,0.8)) drop-shadow(0 0 28px rgba(255,0,0,0.4));
}
@keyframes lavaBubble {
    0%   { background-position: 0 100%; }
    100% { background-position: 0 0%; }
}


/* 21. EMBOSSED */
.gradient-embossed {
    color: #2a2a3a;
    -webkit-text-fill-color: #2a2a3a;
    text-shadow:
        1px 1px 0 rgba(255,255,255,0.4),
        -1px -1px 0 rgba(0,0,0,0.6),
        0 0 20px rgba(180,150,255,0.3);
    font-family: 'Georgia', serif;
    letter-spacing: 2px;
}

/* 22. TOXIC */
.gradient-toxic {
    color: #b6ff00;
    -webkit-text-fill-color: #b6ff00;
    text-shadow:
        0 0 5px #b6ff00, 0 0 15px #7dff00,
        0 0 30px #3dff00, 0 0 50px rgba(0,255,0,0.6);
    animation: toxicPulse 1.5s ease-in-out infinite alternate;
}
@keyframes toxicPulse {
    0%   { filter: brightness(1) hue-rotate(0deg); }
    100% { filter: brightness(1.3) hue-rotate(-15deg); }
}

/* 23. VAPORWAVE */
.gradient-vaporwave {
    background-image: linear-gradient(180deg,
        #ff6ec7 0%, #ff8c42 35%, #ffb84d 50%, #ff6ec7 65%, #a05eff 100%);
    background-size: 100% 200%;
    animation: vaporWave 5s ease infinite;
    filter: drop-shadow(0 0 10px rgba(255,110,199,0.7));
    font-style: italic;
}
@keyframes vaporWave {
    0%, 100% { background-position: 0% 0%; }
    50%      { background-position: 0% 100%; }
}

/* 24. NEON OUTLINE */
.gradient-neon-outline {
    color: transparent;
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke: 2px #00fff0;
    text-shadow:
        0 0 8px #00fff0, 0 0 16px #00fff0,
        0 0 32px #00b8ff, 0 0 60px #0077ff;
    letter-spacing: 2px;
    animation: neonOutline 2s ease-in-out infinite alternate;
}
@keyframes neonOutline {
    0%   { -webkit-text-stroke-color: #00fff0; }
    100% { -webkit-text-stroke-color: #ff00e0; }
}

/* 26. PEARL */
.gradient-pearl {
    background-image: linear-gradient(135deg,
        #f5f5ff, #e8dcff, #ffffff, #ffe8f5, #f5f5ff);
    background-size: 250% 250%;
    animation: pearlShift 5s ease infinite;
    filter: drop-shadow(0 0 10px rgba(255,240,255,0.8))
            drop-shadow(0 0 20px rgba(220,200,255,0.4));
    font-family: 'Georgia', serif;
    font-style: italic;
}
@keyframes pearlShift {
    0%, 100% { background-position: 0% 0%; }
    50%      { background-position: 100% 100%; }
}

/* 28. WAVE */
.gradient-wave {
    background-image: repeating-linear-gradient(90deg,
        #00d4ff 0px, #00d4ff 10px, #0080ff 10px, #0080ff 20px);
    animation: waveMove 1s linear infinite;
    filter: drop-shadow(0 0 8px rgba(0,212,255,0.6));
    font-family: 'Courier New', monospace;
}
@keyframes waveMove {
    0%   { background-position: 0 0; }
    100% { background-position: 20px 0; }
}

/* 29. BLOOD MOON */
.gradient-blood-moon {
    background-image: radial-gradient(circle at 50% 50%,
        #ff1a1a 0%, #8b0000 40%, #2a0000 100%);
    background-size: 200% 200%;
    animation: bloodPulse 4s ease-in-out infinite;
    filter: drop-shadow(0 0 15px rgba(255,0,0,0.7)) drop-shadow(0 0 30px rgba(139,0,0,0.5));
    font-family: 'Georgia', serif;
}
@keyframes bloodPulse {
    0%, 100% { background-position: 0% 50%; }
    50%      { background-position: 100% 50%; }
}

/* 30. RETRO PIXEL */
.gradient-pixel {
    color: #ffd700;
    -webkit-text-fill-color: #ffd700;
    font-family: 'Courier New', monospace;
    letter-spacing: 4px;
    text-shadow:
        3px 0 0 #ff0055,
        0 3px 0 #00d4ff,
        3px 3px 0 rgba(0,0,0,0.5);
    text-transform: uppercase;
    animation: pixelJitter 2s steps(1) infinite;
}
@keyframes pixelJitter {
    0%, 100% { transform: translate(0,0); }
    25%      { transform: translate(-1px, 0); }
    50%      { transform: translate(0, -1px); }
    75%      { transform: translate(1px, 1px); }
}

/* 31. DIAMOND CUT */
.gradient-diamond-cut {
    background-image: linear-gradient(135deg,
        #ffffff, #b8e0ff 15%, #ffffff 30%, #8ec5ff 50%,
        #ffffff 70%, #b8e0ff 85%, #ffffff 100%);
    background-size: 400% 400%;
    animation: diamondCut 4s linear infinite;
    filter: drop-shadow(0 0 8px rgba(255,255,255,0.9))
            drop-shadow(0 0 20px rgba(140,200,255,0.7))
            drop-shadow(0 0 40px rgba(80,150,255,0.4));
    font-family: 'Georgia', serif;
    letter-spacing: 2px;
}
@keyframes diamondCut {
    0%   { background-position: 0% 0%; }
    100% { background-position: 400% 400%; }
}

/* ============================================================
 * ELITE (14)
 * ============================================================ */

/* 32. PHOENIX */
.gradient-phoenix {
    background-image: linear-gradient(0deg, #fff700, #ff8800 25%, #ff2a00 50%, #c40000 75%, #4a0000 100%);
    background-size: 100% 200%;
    animation: phoenixRise 2s ease-in-out infinite alternate;
    filter: drop-shadow(0 0 12px #ff6600) drop-shadow(0 0 25px #ff3300) drop-shadow(0 0 50px rgba(255,80,0,0.6));
}
@keyframes phoenixRise {
    0%   { background-position: 0 100%; }
    100% { background-position: 0 0%; }
}

/* 33. NECROMANCER */
.gradient-necromancer {
    background-image: linear-gradient(180deg, #8effa0, #00ff66 30%, #005533 60%, #001a0f 100%);
    background-size: 100% 200%;
    animation: necroFlow 3s ease-in-out infinite alternate;
    filter: drop-shadow(0 0 10px #00ff66) drop-shadow(0 0 20px rgba(0,255,100,0.5));
    font-family: 'Georgia', serif;
}
@keyframes necroFlow {
    0%   { background-position: 0 0; }
    100% { background-position: 0 100%; }
}

/* 34. GODSLAYER */
.gradient-godslayer {
    background-image: linear-gradient(135deg,
        #fff8d0, #ffd700 15%, #b8860b 30%, #fff8d0 50%, #daa520 70%, #ffd700 85%, #fff8d0);
    background-size: 400% 400%;
    animation: godFlow 4s linear infinite;
    filter: drop-shadow(0 0 8px #ffd700) drop-shadow(0 0 20px #b8860b) drop-shadow(0 0 40px rgba(255,215,0,0.6));
    font-family: 'Georgia', serif;
}
@keyframes godFlow {
    0%   { background-position: 0% 0%; }
    100% { background-position: 400% 400%; }
}

/* 36. NEBULA */
.gradient-nebula {
    background-image:
        radial-gradient(circle at 20% 30%, #ff00e5 0%, transparent 30%),
        radial-gradient(circle at 80% 60%, #00d4ff 0%, transparent 30%),
        radial-gradient(circle at 40% 80%, #7c4dff 0%, transparent 35%),
        linear-gradient(135deg, #1a0033, #000814);
    background-size: 200% 200%, 200% 200%, 200% 200%, 100% 100%;
    animation: nebulaDrift 8s ease infinite;
    filter: drop-shadow(0 0 12px rgba(255,0,229,0.5)) drop-shadow(0 0 24px rgba(0,212,255,0.4));
}
@keyframes nebulaDrift {
    0%, 100% { background-position: 0% 0%, 100% 100%, 0% 100%, 0 0; }
    50%      { background-position: 100% 100%, 0% 0%, 100% 0%, 0 0; }
}

/* 37. DEMON */
.gradient-demon {
    background-image: linear-gradient(180deg, #ff0000, #8b0000 40%, #1a0000 100%);
    background-size: 100% 200%;
    animation: demonPulse 2s ease-in-out infinite;
    filter: drop-shadow(0 0 8px #ff0000) drop-shadow(0 0 16px #8b0000) drop-shadow(0 0 32px rgba(255,0,0,0.6));
    font-family: 'Georgia', serif;
}
@keyframes demonPulse {
    0%, 100% { filter: drop-shadow(0 0 8px #ff0000) drop-shadow(0 0 16px #8b0000); }
    50%      { filter: drop-shadow(0 0 16px #ff0000) drop-shadow(0 0 32px #8b0000); }
}

/* 38. FROSTBITE */
.gradient-frostbite {
    background-image: linear-gradient(135deg, #ffffff, #c8e8ff 25%, #6ec4ff 50%, #c8e8ff 75%, #ffffff);
    background-size: 300% 300%;
    animation: frostShift 5s ease infinite;
    filter: drop-shadow(0 0 8px #ffffff) drop-shadow(0 0 16px #6ec4ff) drop-shadow(0 0 32px rgba(110,196,255,0.6));
}
@keyframes frostShift {
    0%, 100% { background-position: 0% 0%; }
    50%      { background-position: 100% 100%; }
}

/* 39. INFERNO */
.gradient-inferno {
    background-image: linear-gradient(180deg, #ff8800, #ff2a00 50%, #4a0000);
    background-size: 100% 200%;
    animation: infernoRise 1.5s ease-in-out infinite alternate;
    filter: drop-shadow(0 0 10px #ff4400) drop-shadow(0 0 25px #ff2200) drop-shadow(0 0 50px #8b0000);
    font-family: 'Impact', sans-serif;
}
@keyframes infernoRise {
    0%   { background-position: 0 100%; }
    100% { background-position: 0 0%; }
}

/* 40. DRAGONFIRE */
.gradient-dragonfire {
    background-image: linear-gradient(90deg, #b700ff, #ff0080 20%, #ff2a00 40%, #ff8800 60%, #ff2a00 80%, #b700ff);
    background-size: 400% 100%;
    animation: dragonFlow 3s linear infinite;
    filter: drop-shadow(0 0 10px #ff0080) drop-shadow(0 0 20px #ff2a00) drop-shadow(0 0 40px rgba(183,0,255,0.6));
}
@keyframes dragonFlow {
    0%   { background-position: 0% 50%; }
    100% { background-position: 400% 50%; }
}

/* 41. SUPERNOVA */
.gradient-supernova {
    color: #fff;
    -webkit-text-fill-color: #fff;
    text-shadow:
        0 0 5px #fff, 0 0 15px #a855f7,
        0 0 30px #7c3aed, 0 0 60px #4c1d95, 0 0 100px #ff0080;
    animation: supernovaPulse 3s ease-in-out infinite;
}
@keyframes supernovaPulse {
    0%, 100% { text-shadow: 0 0 5px #fff, 0 0 15px #a855f7, 0 0 30px #7c3aed, 0 0 60px #4c1d95; }
    50%      { text-shadow: 0 0 10px #fff, 0 0 30px #fff, 0 0 60px #a855f7, 0 0 120px #7c3aed; }
}

/* 42. ETERNAL */
.gradient-eternal {
    background-image: conic-gradient(from 0deg,
        #ff0080, #ff8c00, #ffd700, #00ff88, #00d4ff, #7c4dff, #ff0080);
    background-size: 200% 200%;
    animation: eternalSpin 6s linear infinite;
    filter: drop-shadow(0 0 10px rgba(255,255,255,0.5))
            drop-shadow(0 0 20px rgba(0,212,255,0.4))
            drop-shadow(0 0 40px rgba(124,77,255,0.3));
}
@keyframes eternalSpin {
    0%   { background-position: 0% 0%; }
    100% { background-position: 200% 200%; }
}

/* 43. VOID */
.gradient-void {
    color: #e0e0ff;
    -webkit-text-fill-color: #e0e0ff;
    text-shadow:
        0 0 3px #fff, 0 0 10px #7c3aed,
        0 0 20px #4c1d95, 0 0 40px #1e1b4b, 0 0 80px #000;
    font-family: 'Georgia', serif;
    letter-spacing: 4px;
    animation: voidPull 4s ease-in-out infinite;
}
@keyframes voidPull {
    0%, 100% { letter-spacing: 4px; filter: brightness(1); }
    50%      { letter-spacing: 6px; filter: brightness(1.5); }
}

/* 44. REAPER */
.gradient-reaper {
    background-image: linear-gradient(180deg, #ffffff, #a0a0a0 20%, #ff0000 50%, #8b0000 70%, #1a0000 100%);
    background-size: 100% 200%;
    animation: reaperRise 4s ease infinite;
    filter: drop-shadow(0 0 8px rgba(255,0,0,0.7)) drop-shadow(0 0 20px rgba(139,0,0,0.5));
    font-family: 'Georgia', serif;
    letter-spacing: 3px;
}
@keyframes reaperRise {
    0%, 100% { background-position: 0 0; }
    50%      { background-position: 0 100%; }
}

/* 45. SOLARIS */
.gradient-solaris {
    background-image: radial-gradient(circle at 50% 50%,
        #ffffff, #fff700 20%, #ff8800 50%, #ff2a00 80%, #4a0000);
    background-size: 200% 200%;
    animation: solarFlare 3s ease-in-out infinite;
    filter: drop-shadow(0 0 15px #ffcc00) drop-shadow(0 0 30px #ff8800) drop-shadow(0 0 60px rgba(255,50,0,0.6));
}
@keyframes solarFlare {
    0%, 100% { background-position: 0% 0%; }
    50%      { background-position: 100% 100%; }
}

/* ============================================================
 * GOD TIER (10)
 * ============================================================ */

/* 46. CELESTIAL */
.gradient-celestial {
    background-image: linear-gradient(90deg,
        #fff8d0, #ffd700, #ffed4e, #ffffff, #ffd700, #b8860b, #ffed4e, #fff8d0);
    background-size: 400% 100%;
    animation: celestialFlow 5s linear infinite;
    filter: drop-shadow(0 0 6px #ffd700) drop-shadow(0 0 16px #ffb700) drop-shadow(0 0 32px rgba(255,200,0,0.6));
    font-family: 'Georgia', serif;
    letter-spacing: 3px;
}
@keyframes celestialFlow {
    0%   { background-position: 0% 50%; }
    100% { background-position: 400% 50%; }
}

/* 47. DRAGON GOD */
.gradient-dragon-god {
    background-image: conic-gradient(from 0deg,
        #ff006e, #ff8c00, #ffd700, #00ff88, #00d4ff, #b700ff, #ff006e);
    background-size: 200% 200%;
    animation: dragonRotate 4s linear infinite;
    filter: drop-shadow(0 0 8px #ff006e) drop-shadow(0 0 20px #ff8c00) drop-shadow(0 0 40px rgba(183,0,255,0.6));
    font-family: 'Georgia', serif;
}
@keyframes dragonRotate {
    0%   { background-position: 0% 0%; }
    100% { background-position: 200% 200%; }
}

/* 48. COSMIC OVERLORD */
.gradient-cosmic-overlord {
    color: #fff;
    -webkit-text-fill-color: #fff;
    text-shadow:
        0 0 4px #fff, 0 0 12px #b700ff,
        0 0 24px #7c3aed, 0 0 48px #00d4ff, 0 0 80px #ff0080;
    font-family: 'Georgia', serif;
    letter-spacing: 4px;
    animation: cosmicPulse 3s ease-in-out infinite;
}
@keyframes cosmicPulse {
    0%, 100% { text-shadow: 0 0 4px #fff, 0 0 12px #b700ff, 0 0 24px #7c3aed, 0 0 48px #00d4ff; }
    50%      { text-shadow: 0 0 8px #fff, 0 0 24px #b700ff, 0 0 48px #7c3aed, 0 0 96px #00d4ff; }
}

/* 51. PHOENIX ASCENDED */
.gradient-phoenix-ascended {
    background-image: linear-gradient(0deg,
        #ffffff, #fff700 20%, #ff8c00 45%, #ff2a00 70%, #8b0000);
    background-size: 100% 300%;
    animation: phoenixAscend 3s ease-in-out infinite;
    filter: drop-shadow(0 0 8px #ff8c00) drop-shadow(0 0 20px #ff2a00) drop-shadow(0 0 40px #8b0000);
}
@keyframes phoenixAscend {
    0%   { background-position: 0 100%; }
    100% { background-position: 0 0%; }
}

/* 52. FROST TITAN */
.gradient-frost-titan {
    background-image: linear-gradient(135deg,
        #ffffff, #c8e8ff 15%, #6ec4ff 35%, #ffffff 50%, #a0d8ff 65%, #4ea6ff 85%, #ffffff);
    background-size: 400% 400%;
    animation: frostFlow 6s linear infinite;
    filter: drop-shadow(0 0 6px #ffffff) drop-shadow(0 0 16px #6ec4ff) drop-shadow(0 0 32px #0091ff);
    letter-spacing: 3px;
}
@keyframes frostFlow {
    0%   { background-position: 0% 0%; }
    100% { background-position: 400% 400%; }
}

/* 53. QUANTUM */
.gradient-quantum {
    color: #fff;
    -webkit-text-fill-color: #fff;
    text-shadow:
        3px 0 0 #ff0080, -3px 0 0 #00d4ff,
        0 0 10px #fff, 0 0 30px #b700ff;
    font-family: 'Courier New', monospace;
    letter-spacing: 2px;
    animation: quantumGlitch 3s infinite;
}
@keyframes quantumGlitch {
    0%, 80%, 100% { transform: translate(0); }
    82% { transform: translate(-2px, 1px); }
    84% { transform: translate(2px, -1px); }
    86% { transform: translate(-1px, 2px); }
    88% { transform: translate(0); }
}

/* 54. WATCHER */
.gradient-watcher {
    color: #fff;
    -webkit-text-fill-color: #fff;
    text-shadow:
        0 0 4px #fff, 0 0 12px #ffd700,
        0 0 24px #ff8c00, 0 0 48px #ff2a00;
    font-family: 'Georgia', serif;
    letter-spacing: 5px;
    animation: watcherPulse 2s ease-in-out infinite;
}
@keyframes watcherPulse {
    0%, 100% { text-shadow: 0 0 4px #fff, 0 0 12px #ffd700, 0 0 24px #ff8c00; }
    50%      { text-shadow: 0 0 8px #fff, 0 0 24px #ffd700, 0 0 48px #ff8c00; }
}

/* ============================================================
 * COSMIC PACK (12)
 * ============================================================ */

/* 56. GALAXY (cosmic) */
.gradient-cosmic-galaxy {
    background-image:
        radial-gradient(ellipse at 30% 50%, #ff00e5 0%, transparent 40%),
        radial-gradient(ellipse at 70% 50%, #00d4ff 0%, transparent 40%),
        radial-gradient(ellipse at 50% 50%, #7c3aed 0%, transparent 50%),
        linear-gradient(135deg, #1a0033, #000814);
    background-size: 200% 200%, 200% 200%, 200% 200%, 100% 100%;
    animation: galaxyDrift 8s ease infinite;
    filter: drop-shadow(0 0 10px rgba(255,0,229,0.4)) drop-shadow(0 0 24px rgba(0,212,255,0.3));
}
@keyframes galaxyDrift {
    0%, 100% { background-position: 0% 50%, 100% 50%, 50% 50%, 0 0; }
    50%      { background-position: 100% 50%, 0% 50%, 50% 50%, 0 0; }
}

/* 57. BLACK HOLE */
.gradient-black-hole {
    color: #f0e0ff;
    -webkit-text-fill-color: #f0e0ff;
    text-shadow:
        0 0 3px #fff, 0 0 10px #b700ff,
        0 0 20px #4c1d95, 0 0 40px #000;
    font-family: 'Georgia', serif;
    letter-spacing: 6px;
    animation: blackHolePull 4s ease-in-out infinite;
}
@keyframes blackHolePull {
    0%, 100% { letter-spacing: 6px; }
    50%      { letter-spacing: 8px; }
}

/* 58. COMET */
.gradient-comet {
    background-image: linear-gradient(90deg,
        #ffffff, #a0e0ff 20%, #4fa8ff 50%, #0066ff 75%, #001a4d);
    background-size: 300% 100%;
    animation: cometFlow 3s ease-in-out infinite;
    filter: drop-shadow(0 0 8px #ffffff) drop-shadow(0 0 20px #4fa8ff) drop-shadow(0 0 40px rgba(0,102,255,0.6));
}
@keyframes cometFlow {
    0%, 100% { background-position: 100% 50%; }
    50%      { background-position: 0% 50%; }
}

/* 59. SUPERNOVA COSMIC */
.gradient-supernova-cosmic {
    color: #fff;
    -webkit-text-fill-color: #fff;
    text-shadow:
        0 0 5px #fff, 0 0 15px #ffd700,
        0 0 30px #ff8c00, 0 0 60px #ff2a00, 0 0 100px #ff0080;
    animation: supernovaBlast 3s ease-in-out infinite;
}
@keyframes supernovaBlast {
    0%, 100% { text-shadow: 0 0 5px #fff, 0 0 15px #ffd700, 0 0 30px #ff8c00, 0 0 60px #ff2a00; }
    50%      { text-shadow: 0 0 10px #fff, 0 0 30px #fff, 0 0 60px #ffd700, 0 0 120px #ff8c00; }
}

/* 60. AURORA COSMIC */
.gradient-aurora-cosmic {
    background-image: linear-gradient(135deg,
        #00ff88, #00d4ff 25%, #b700ff 50%, #ff00e5 75%, #00ff88);
    background-size: 400% 400%;
    animation: auroraWave 10s ease infinite;
    filter: drop-shadow(0 0 8px #00ff88) drop-shadow(0 0 20px #00d4ff) drop-shadow(0 0 40px rgba(183,0,255,0.5));
}
@keyframes auroraWave {
    0%, 100% { background-position: 0% 50%; }
    50%      { background-position: 100% 50%; }
}

/* 61. STARFIELD */
.gradient-starfield {
    color: #fff;
    -webkit-text-fill-color: #fff;
    text-shadow:
        0 0 4px #fff, 0 0 12px #a0d8ff, 0 0 30px #4fa8ff;
    letter-spacing: 3px;
    animation: starPulse 4s ease-in-out infinite;
}
@keyframes starPulse {
    0%, 100% { text-shadow: 0 0 4px #fff, 0 0 12px #a0d8ff, 0 0 30px #4fa8ff; }
    50%      { text-shadow: 0 0 8px #fff, 0 0 24px #fff, 0 0 60px #4fa8ff; }
}

/* 62. ORBIT */
.gradient-orbit {
    background-image: linear-gradient(135deg,
        #4fa8ff, #a0d8ff 25%, #ffffff 50%, #a0d8ff 75%, #4fa8ff);
    background-size: 300% 300%;
    animation: orbitFlow 5s ease infinite;
    filter: drop-shadow(0 0 8px #a0d8ff) drop-shadow(0 0 20px #4fa8ff);
}
@keyframes orbitFlow {
    0%, 100% { background-position: 0% 0%; }
    50%      { background-position: 100% 100%; }
}

/* 63. MILKY WAY */
.gradient-milkyway {
    background-image: linear-gradient(90deg,
        #1a0033, #4c1d95 15%, #b700ff 30%, #ffffff 45%,
        #ffd700 50%, #ffffff 55%, #00d4ff 70%, #4c1d95 85%, #1a0033);
    background-size: 400% 100%;
    animation: milkyFlow 8s linear infinite;
    filter: drop-shadow(0 0 10px #ffffff) drop-shadow(0 0 24px #b700ff) drop-shadow(0 0 48px rgba(0,212,255,0.5));
    font-family: 'Georgia', serif;
    letter-spacing: 3px;
}
@keyframes milkyFlow {
    0%   { background-position: 0% 50%; }
    100% { background-position: 400% 50%; }
}

/* 64. SATURN */
.gradient-saturn {
    background-image: linear-gradient(180deg,
        #ffd700, #ff8c00 30%, #ffed4e 50%, #ff8c00 70%, #b8860b);
    background-size: 100% 300%;
    animation: saturnGlow 4s ease-in-out infinite;
    filter: drop-shadow(0 0 8px #ffd700) drop-shadow(0 0 20px #ff8c00) drop-shadow(0 0 40px rgba(184,134,11,0.5));
    font-family: 'Georgia', serif;
    letter-spacing: 4px;
}
@keyframes saturnGlow {
    0%, 100% { filter: drop-shadow(0 0 8px #ffd700) drop-shadow(0 0 20px #ff8c00); }
    50%      { filter: drop-shadow(0 0 15px #ffd700) drop-shadow(0 0 30px #ff8c00); }
}

/* 65. ECLIPSE */
.gradient-eclipse {
    background-image: linear-gradient(90deg,
        #000000, #1a1a2e 20%, #ffd700 50%, #1a1a2e 80%, #000000);
    background-size: 300% 100%;
    animation: eclipseFlow 5s ease-in-out infinite;
    filter: drop-shadow(0 0 10px #ffd700) drop-shadow(0 0 30px rgba(255,215,0,0.5));
    font-family: 'Georgia', serif;
    letter-spacing: 5px;
}
@keyframes eclipseFlow {
    0%, 100% { background-position: 100% 50%; }
    50%      { background-position: 0% 50%; }
}

/* 66. METEOR */
.gradient-meteor {
    background-image: linear-gradient(90deg,
        #ffffff, #a0d8ff 25%, #7c3aed 50%, #ff0080 75%, #ffd700);
    background-size: 400% 100%;
    animation: meteorFlow 3s linear infinite;
    filter: drop-shadow(0 0 8px #a0d8ff) drop-shadow(0 0 20px #7c3aed) drop-shadow(0 0 40px #ff0080);
}
@keyframes meteorFlow {
    0%   { background-position: 0% 50%; }
    100% { background-position: 400% 50%; }
}

/* 67. NEBULA CROWN */
.gradient-nebula-crown {
    background-image: conic-gradient(from 0deg,
        #ff00e5, #b700ff, #00d4ff, #00ff88, #ffd700, #ff8c00, #ff00e5);
    background-size: 200% 200%;
    animation: nebulaRotate 6s linear infinite;
    filter: drop-shadow(0 0 10px #b700ff) drop-shadow(0 0 24px #00d4ff) drop-shadow(0 0 48px rgba(255,0,229,0.5));
    font-family: 'Georgia', serif;
    letter-spacing: 3px;
}
@keyframes nebulaRotate {
    0%   { background-position: 0% 0%; }
    100% { background-position: 200% 200%; }
}

/* ============================================================
 * Отключаем тяжёлые эффекты вне профиля (в ленте, списках)
 * ============================================================ */

.posts-feed .gradient-text,
.side-panel .gradient-text,
.comments-list .gradient-text,
.notification-item .gradient-text {
    animation-duration: 8s !important;
    filter: none !important;
}

/* Уважаем prefers-reduced-motion */
@media (prefers-reduced-motion: reduce) {
    .gradient-text,
    .gradient-text::before,
    .gradient-text::after {
        animation: none !important;
    }
}

/* Мобильные — упрощаем */
@media (max-width: 768px) {
    .gradient-text {
        filter: none !important;
    }
}