/*!
 * =============================================================================
 * PREMIUM TITLE NAME EFFECTS v3.0 - ULTIMATE EDITION
 * =============================================================================
 * 
 * Уникальная коллекция премиум эффектов для названий серверов
 * Каждый эффект максимально соответствует своему названию
 * 
 * Автор: X-Top Game
 * Версия: 3.0
 * Лицензия: Проприетарная
 * 
 * =============================================================================
 */


/* =============================================================================
   БАЗОВЫЕ СТИЛИ
   ============================================================================= */

/* Общие свойства для всех премиум эффектов */
[class*="premium-name-"] {
    font-weight: 700;
    display: inline-block;
    transition: all 0.3s ease;
    position: relative;
    z-index: 1;
}


/* =============================================================================
   КОСМИЧЕСКИЕ ЭФФЕКТЫ
   ============================================================================= */


/* Aurora - Северное сияние с переливами */
.premium-name-aurora {
    background: linear-gradient(90deg, 
        transparent 0%, #00ff7f 15%, #00ffff 30%, #1e90ff 45%, 
        #9370db 60%, #ff1493 75%, transparent 100%);
    background-size: 300% 100%;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    animation: aurora-flow 5s ease-in-out infinite;
    filter: drop-shadow(0 0 8px rgba(0, 255, 127, 0.4));
}


/* Cosmic Energy - Космическая энергия с пульсацией */
.premium-name-cosmic-energy {
    background: radial-gradient(circle, #9370db 0%, #8a2be2 25%, #4b0082 50%, #663399 75%, #9370db 100%);
    background-size: 400% 400%;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    animation: cosmic-pulse 3s ease-in-out infinite;
    filter: drop-shadow(0 0 10px rgba(147, 112, 219, 0.6));
}


/* =============================================================================
   СТИХИЙНЫЕ ЭФФЕКТЫ
   ============================================================================= */

/* Fire - Пламя с язычками огня */
.premium-name-fire {
    background: linear-gradient(180deg, #ff4500 0%, #ff6347 25%, #ffa500 50%, #ff1493 75%, #dc143c 100%);
    background-size: 100% 300%;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    animation: fire-flicker 0.8s ease-in-out infinite alternate;
    filter: drop-shadow(0 0 6px rgba(255, 69, 0, 0.6));
}

/* Ice Queen - Ледяные кристаллы */
.premium-name-ice-queen {
    background: linear-gradient(45deg, #e0ffff, #b0e0e6, #87ceeb, #00bfff, #ffffff);
    background-size: 400% 400%;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    animation: ice-crystals 2.5s ease-in-out infinite;
    filter: drop-shadow(0 0 8px rgba(176, 224, 230, 0.7));
}

/* Electric Storm - Электрические разряды */
.premium-name-electric-storm {
    background: linear-gradient(45deg, #ffff00, #ffffff, #ffd700, #ffffff, #ffb347);
    background-size: 600% 600%;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    animation: lightning-bolt 0.3s ease-in-out infinite;
    filter: drop-shadow(0 0 4px rgba(255, 255, 0, 0.8));
}

/* Ocean - Океанские волны */
.premium-name-ocean {
    background: linear-gradient(90deg, 
        #006994 0%, #20b2aa 25%, #48d1cc 50%, #20b2aa 75%, #006994 100%);
    background-size: 400% 100%;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    animation: ocean-waves 4s ease-in-out infinite;
    filter: drop-shadow(0 2px 4px rgba(32, 178, 170, 0.4));
}

/* Volcanic - Лавовые потоки */
.premium-name-volcanic {
    background: linear-gradient(180deg, #8b0000, #dc143c, #ff4500, #ffa500, #ffff00);
    background-size: 100% 500%;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    animation: lava-flow 3s ease-in-out infinite;
    filter: drop-shadow(0 0 6px rgba(220, 20, 60, 0.6));
}


/* =============================================================================
   НЕОНОВЫЕ ЭФФЕКТЫ
   ============================================================================= */

/* Neon Mental - Ментальный неон с интенсивным свечением */
.premium-name-neon-mental {
    color: #00ffff;
    text-shadow: 
        0 0 5px #00ffff,
        0 0 10px #00ffff,
        0 0 20px #00ffff,
        0 0 40px #00ffff,
        0 0 80px #00ffff;
    animation: neon-intense 1.5s ease-in-out infinite alternate;
}

/* Cyber Punk - Киберпанк с глитчами */
.premium-name-cyber-punk {
    background: linear-gradient(45deg, #ff00ff, #00ffff, #ffff00, #ff1493);
    background-size: 800% 800%;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    animation: cyber-glitch 0.1s infinite;
    position: relative;
}

.premium-name-cyber-punk::before {
    content: attr(data-text);
    position: absolute;
    top: 0;
    left: 2px;
    color: #ff00ff;
    opacity: 0.8;
    animation: glitch-red 0.3s infinite;
    z-index: -1;
}

.premium-name-cyber-punk::after {
    content: attr(data-text);
    position: absolute;
    top: 0;
    left: -2px;
    color: #00ffff;
    opacity: 0.8;
    animation: glitch-blue 0.3s infinite reverse;
    z-index: -1;
}


/* =============================================================================
   3D ЭФФЕКТЫ
   ============================================================================= */

/* 3D Zone Light - Объемный светящийся текст */
.premium-name-3d-zone-light {
    color: #ff6347;
    text-shadow: 
        1px 1px 0px #cc4125,
        2px 2px 0px #aa2f0a,
        3px 3px 0px #881e00,
        4px 4px 8px rgba(0,0,0,0.3);
    animation: zone-3d-float 2s ease-in-out infinite;
    transform-style: preserve-3d;
}

/* Shadow Lord - Повелитель теней с глубокими тенями */
.premium-name-shadow-lord {
    color: #2f2f2f;
    text-shadow: 
        0 0 10px #000000,
        0 0 20px #000000,
        0 0 30px #000000,
        3px 3px 0px #000000,
        6px 6px 0px #000000;
    animation: shadow-depth 3s ease-in-out infinite;
}


/* =============================================================================
   МАГИЧЕСКИЕ ЭФФЕКТЫ
   ============================================================================= */

/* Phoenix Flame - Возрождение феникса */
.premium-name-phoenix-flame {
    background: linear-gradient(180deg, #ff0000 0%, #ff4500 30%, #ffa500 60%, #ffff00 100%);
    background-size: 100% 400%;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    animation: phoenix-rebirth 3s ease-in-out infinite;
    filter: drop-shadow(0 -2px 8px rgba(255, 69, 0, 0.6));
}

/* Dragon Fire - Дыхание дракона */
.premium-name-dragon-fire {
    background: linear-gradient(45deg, #8b0000, #ff0000, #ff4500, #ffa500, #ffff00);
    background-size: 500% 500%;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    animation: dragon-breath 2s ease-in-out infinite;
    filter: drop-shadow(0 0 12px rgba(255, 0, 0, 0.7));
}

/* Mystic - Мистическая аура */
.premium-name-mystic {
    background: radial-gradient(ellipse, #4b0082 0%, #663399 30%, #8a2be2 60%, #9370db 90%);
    background-size: 300% 300%;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    animation: mystic-aura 4s ease-in-out infinite;
    filter: drop-shadow(0 0 10px rgba(138, 43, 226, 0.5));
}

/* Witch Craft - Колдовская магия */
.premium-name-witch-craft {
    background: conic-gradient(from 0deg, #4b0082, #8b008b, #9400d3, #663399, #4b0082);
    background-size: 200% 200%;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    animation: witch-circle 5s linear infinite;
    filter: drop-shadow(0 0 8px rgba(148, 0, 211, 0.6));
}


/* =============================================================================
   БОЖЕСТВЕННЫЕ ЭФФЕКТЫ
   ============================================================================= */

/* Angel Wings - Ангельское сияние */
.premium-name-angel-wings {
    background: radial-gradient(circle, #ffffff 0%, #f0f8ff 40%, #e6e6fa 80%, #fffacd 100%);
    background-size: 300% 300%;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    animation: angel-blessing 3s ease-in-out infinite;
    filter: drop-shadow(0 0 15px rgba(255, 255, 255, 0.8));
}

/* Light Bringer - Несущий божественный свет */
.premium-name-light-bringer {
    background: radial-gradient(circle, #ffff00 0%, #ffd700 30%, #ffb347 60%, #ffffff 100%);
    background-size: 400% 400%;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    animation: divine-light 2.5s ease-in-out infinite;
    filter: drop-shadow(0 0 20px rgba(255, 215, 0, 0.9));
}


/* =============================================================================
   ПРЕМИАЛЬНЫЕ ЭФФЕКТЫ
   ============================================================================= */

/* Rainbow - Радужный спектр */
.premium-name-rainbow {
    background: linear-gradient(45deg, #ff0000, #ff7f00, #ffff00, #00ff00, #0000ff, #4b0082, #9400d3);
    background-size: 400% 400%;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    animation: rainbow-flow 3s ease-in-out infinite;
}

/* Gold - Королевское золото */
.premium-name-gold {
    background: radial-gradient(ellipse, #ffd700 0%, #ffed4e 30%, #ffc107 60%, #ff9800 100%);
    background-size: 300% 300%;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    animation: gold-royal 2.5s ease-in-out infinite;
    filter: drop-shadow(0 0 10px rgba(255, 215, 0, 0.6));
}

/* Royal Crown - Королевская корона */
.premium-name-royal-crown {
    background: conic-gradient(from 45deg, #ffd700, #ffb347, #daa520, #b8860b, #ffd700);
    background-size: 200% 200%;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    animation: crown-majesty 3s ease-in-out infinite;
    filter: drop-shadow(0 0 12px rgba(255, 215, 0, 0.8));
}

/* Legend Tier - Легендарный статус */
.premium-name-legend-tier {
    background: linear-gradient(45deg, #ff1493, #ff69b4, #ffc0cb, #ffb6c1, #ff1493);
    background-size: 300% 300%;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    animation: legend-glory 2.8s ease-in-out infinite;
    filter: drop-shadow(0 0 8px rgba(255, 20, 147, 0.7));
}


/* =============================================================================
   ТЕМНЫЕ ЭФФЕКТЫ
   ============================================================================= */

/* Dark Knight - Темный рыцарь */
.premium-name-dark-knight {
    background: linear-gradient(45deg, #000000, #2f2f2f, #800080, #4b0082, #000000);
    background-size: 400% 400%;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    animation: dark-power 3s ease-in-out infinite;
    filter: drop-shadow(0 0 6px rgba(75, 0, 130, 0.8));
}

/* Void Master - Мастер пустоты */
.premium-name-void-master {
    background: radial-gradient(circle, #000000 0%, #2f2f2f 40%, #4b0082 80%, #000000 100%);
    background-size: 300% 300%;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    animation: void-consume 4s ease-in-out infinite;
    filter: drop-shadow(0 0 10px rgba(0, 0, 0, 0.9));
}


/* =============================================================================
   КОНТЕЙНЕРНЫЕ НАСТРОЙКИ
   ============================================================================= */

/* Гибкие контейнеры для идеального вписывания */
.home__server-card [class*="premium-name-"],
.game__hero-title [class*="premium-name-"],
.game__similar-card [class*="premium-name-"] {
    display: inline-block;
    max-width: 100%;
    word-wrap: break-word;
    hyphens: auto;
    line-height: 1.2;
    padding: 2px 4px;
    margin: -2px -4px;
    border-radius: 4px;
}

/* Адаптивные размеры */
@media (max-width: 768px) {
    [class*="premium-name-"] {
        font-size: 0.95em;
        animation-duration: 0.8s;
        filter: contrast(1.1);
    }
}

@media (max-width: 480px) {
    [class*="premium-name-"] {
        font-size: 0.9em;
        animation-duration: 0.6s;
        padding: 1px 2px;
        margin: -1px -2px;
    }
}


/* =============================================================================
   АНИМАЦИИ
   ============================================================================= */

/* Космические анимации */

@keyframes aurora-flow {
    0% { background-position: -100% 0%; }
    50% { background-position: 100% 0%; }
    100% { background-position: 200% 0%; }
}


@keyframes cosmic-pulse {
    0%, 100% { 
        background-position: 0% 0%; 
        filter: drop-shadow(0 0 10px rgba(147, 112, 219, 0.6));
    }
    50% { 
        background-position: 100% 100%; 
        filter: drop-shadow(0 0 20px rgba(147, 112, 219, 0.9));
    }
}

/* Стихийные анимации */
@keyframes fire-flicker {
    0% { 
        background-position: 0% 0%; 
        filter: drop-shadow(0 0 6px rgba(255, 69, 0, 0.6));
    }
    100% { 
        background-position: 0% 100%; 
        filter: drop-shadow(0 0 12px rgba(255, 69, 0, 0.9));
    }
}

@keyframes ice-crystals {
    0%, 100% { 
        background-position: 0% 0%; 
        transform: scale(1);
    }
    50% { 
        background-position: 100% 100%; 
        transform: scale(1.03);
    }
}

@keyframes lightning-bolt {
    0%, 90%, 100% { 
        background-position: 0% 0%; 
        filter: drop-shadow(0 0 4px rgba(255, 255, 0, 0.8));
    }
    5%, 10% { 
        background-position: 100% 100%; 
        filter: drop-shadow(0 0 15px rgba(255, 255, 0, 1));
    }
}

@keyframes ocean-waves {
    0% { background-position: 0% 0%; }
    25% { background-position: 100% 0%; }
    50% { background-position: 200% 0%; }
    75% { background-position: 300% 0%; }
    100% { background-position: 400% 0%; }
}

@keyframes lava-flow {
    0% { 
        background-position: 0% 0%; 
        filter: drop-shadow(0 0 6px rgba(220, 20, 60, 0.6));
    }
    50% { 
        background-position: 0% 100%; 
        filter: drop-shadow(0 0 12px rgba(220, 20, 60, 0.9));
    }
    100% { 
        background-position: 0% 200%; 
        filter: drop-shadow(0 0 6px rgba(220, 20, 60, 0.6));
    }
}

/* Неоновые анимации */
@keyframes neon-intense {
    0% { 
        text-shadow: 
            0 0 5px #00ffff,
            0 0 10px #00ffff,
            0 0 20px #00ffff,
            0 0 40px #00ffff,
            0 0 80px #00ffff;
    }
    100% { 
        text-shadow: 
            0 0 2px #00ffff,
            0 0 5px #00ffff,
            0 0 10px #00ffff,
            0 0 20px #00ffff,
            0 0 40px #00ffff;
    }
}

@keyframes cyber-glitch {
    0%, 90%, 100% { transform: translateX(0); }
    10% { transform: translateX(-2px); }
    20% { transform: translateX(2px); }
    30% { transform: translateX(-1px); }
    40% { transform: translateX(1px); }
    50% { transform: translateX(-1px); }
    60% { transform: translateX(1px); }
    70% { transform: translateX(-2px); }
    80% { transform: translateX(2px); }
}

@keyframes glitch-red {
    0%, 100% { transform: translateX(0); }
    20% { transform: translateX(-2px); }
    40% { transform: translateX(2px); }
    60% { transform: translateX(-1px); }
    80% { transform: translateX(1px); }
}

@keyframes glitch-blue {
    0%, 100% { transform: translateX(0); }
    25% { transform: translateX(2px); }
    50% { transform: translateX(-2px); }
    75% { transform: translateX(1px); }
}

/* 3D анимации */
@keyframes zone-3d-float {
    0%, 100% { 
        transform: translateY(0px) rotateX(0deg); 
    }
    50% { 
        transform: translateY(-3px) rotateX(5deg); 
    }
}

@keyframes shadow-depth {
    0%, 100% { 
        text-shadow: 
            0 0 10px #000000,
            0 0 20px #000000,
            0 0 30px #000000,
            3px 3px 0px #000000,
            6px 6px 0px #000000;
    }
    50% { 
        text-shadow: 
            0 0 5px #000000,
            0 0 15px #000000,
            0 0 25px #000000,
            5px 5px 0px #000000,
            10px 10px 0px #000000;
    }
}

/* Магические анимации */
@keyframes phoenix-rebirth {
    0% { 
        background-position: 0% 100%; 
        transform: translateY(2px);
    }
    50% { 
        background-position: 0% 0%; 
        transform: translateY(-4px);
    }
    100% { 
        background-position: 0% 100%; 
        transform: translateY(2px);
    }
}

@keyframes dragon-breath {
    0%, 100% { 
        background-position: 0% 0%; 
        filter: drop-shadow(0 0 12px rgba(255, 0, 0, 0.7));
    }
    25% { 
        background-position: 100% 100%; 
        filter: drop-shadow(2px 0 15px rgba(255, 69, 0, 0.8));
    }
    50% { 
        background-position: 200% 0%; 
        filter: drop-shadow(-2px 0 15px rgba(255, 165, 0, 0.8));
    }
    75% { 
        background-position: 300% 100%; 
        filter: drop-shadow(0 2px 18px rgba(255, 255, 0, 0.9));
    }
}

@keyframes mystic-aura {
    0%, 100% { 
        background-position: 0% 0%; 
        transform: scale(1);
    }
    50% { 
        background-position: 100% 100%; 
        transform: scale(1.03);
    }
}

@keyframes witch-circle {
    0% { background-position: 0% 0%; }
    100% { background-position: 100% 100%; }
}

/* Божественные анимации */
@keyframes angel-blessing {
    0%, 100% { 
        background-position: 0% 0%; 
        filter: drop-shadow(0 0 15px rgba(255, 255, 255, 0.8));
    }
    50% { 
        background-position: 100% 100%; 
        filter: drop-shadow(0 0 25px rgba(255, 255, 255, 1));
    }
}

@keyframes divine-light {
    0%, 100% { 
        background-position: 0% 0%; 
        filter: drop-shadow(0 0 20px rgba(255, 215, 0, 0.9));
    }
    50% { 
        background-position: 100% 100%; 
        filter: drop-shadow(0 0 30px rgba(255, 215, 0, 1));
    }
}

/* Премиальные анимации */
@keyframes rainbow-flow {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 200% 50%; }
}

@keyframes gold-royal {
    0%, 100% { 
        background-position: 0% 0%; 
        transform: scale(1);
    }
    50% { 
        background-position: 100% 100%; 
        transform: scale(1.04);
    }
}

@keyframes crown-majesty {
    0%, 100% { 
        background-position: 0% 0%; 
        filter: drop-shadow(0 0 12px rgba(255, 215, 0, 0.8));
    }
    50% { 
        background-position: 100% 100%; 
        filter: drop-shadow(0 0 20px rgba(255, 215, 0, 1));
    }
}

@keyframes legend-glory {
    0%, 100% { 
        background-position: 0% 0%; 
        transform: scale(1);
    }
    50% { 
        background-position: 100% 100%; 
        transform: scale(1.06);
    }
}

/* Темные анимации */
@keyframes dark-power {
    0%, 100% { 
        background-position: 0% 0%; 
        filter: drop-shadow(0 0 6px rgba(75, 0, 130, 0.8));
    }
    50% { 
        background-position: 100% 100%; 
        filter: drop-shadow(0 0 12px rgba(75, 0, 130, 1));
    }
}

@keyframes void-consume {
    0%, 100% { 
        background-position: 0% 0%; 
        opacity: 0.9;
    }
    50% { 
        background-position: 100% 100%; 
        opacity: 0.6;
    }
}


/* =============================================================================
   КОНЕЦ ФАЙЛА
   ============================================================================= */

/* =============================================================================
   КОНЕЦ ФАЙЛА
   ============================================================================= */