@font-face {
    font-family: 'GothicFont';
    src: url('/hentai/static/fonts/American_TextC.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Angel';
    src: url('/hentai/static/fonts/Bulgaria_Moderna_Pro.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}

.white-text {
    color: #ffffff !important;
}

/* Raindbow Text */
.rainbow-text {
    background: linear-gradient(90deg, red, orange, yellow, green, cyan, blue, violet, red);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: rainbow 3s linear infinite;
    background-size: 200%;
}

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

/* Laser Text (Фіолетова версія) */
.laser-text {
    color: white !important;
    background: linear-gradient(90deg, transparent, #8e44ad, transparent);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: laser-purple 2s linear infinite;
    background-size: 200%;
}

@keyframes laser-purple {
    0% { background-position: -100%; }
    100% { background-position: 100%; }
}

/* Shimmer Text */
.shimmer-text {
    background: linear-gradient(90deg, #ff0, #5c97f7, #ff0);
    background-size: 200%;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: shimmer 3s ease-in-out infinite;
}

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

/* Neon Text */
.neon-text {
    color: #fff !important;
    text-shadow: 0 0 5px #0ff, 0 0 10px #0ff, 0 0 20px #0ff, 0 0 40px cyan, 0 0 60px cyan, 0 0 80px cyan;
    animation: glow 2s ease-in-out infinite alternate;
}

@keyframes glow {
    0% { text-shadow: 0 0 5px #0ff, 0 0 10px #0ff, 0 0 20px #0ff, 0 0 40px cyan, 0 0 60px cyan, 0 0 80px cyan; }
    100% { text-shadow: 0 0 10px #0ff, 0 0 20px #0ff, 0 0 30px cyan, 0 0 50px cyan, 0 0 80px cyan, 0 0 100px cyan; }
}

/* Pixel Text */
.nickname-pixel {
    font-weight: bold;
    font-family: 'Press Start 2P', cursive;
    color: #ffcc00 !important;
    text-shadow: 2px 2px 0 #000, 4px 4px 0 #ff0000;
    position: relative;
    display: inline-block;
    overflow: hidden;
}

.nickname-pixel a {
    color: #ffcc00 !important;
}


.nickname-demonic a, .nickname-demonic {
    font-family: "GothicFont";
    font-weight: 700;
    letter-spacing: 1px !important;
    -webkit-text-stroke: 2.5px #300;
  	paint-order: stroke fill;

    color: #ff1a1a !important;

    text-shadow:
        0 0 4px #8b0000,
        0 0 8px #4d0000,
        2px 0 4px #330000,
        -2px 0 4px #330000;

    /* гострі декоративні "наїзди" */
    position: relative;
    display: inline-block;

    animation: demonicPulseSexy 1.8s infinite ease-in-out;
}

/* легкий пульс */
@keyframes demonicPulseSexy {
    0% {
        text-shadow:
            0 0 4px #8b0000,
            0 0 8px #4d0000,
            0 0 12px #ff0000;
        transform: scale(1);
    }
    50% {
        text-shadow:
            0 0 10px #ff1a1a,
            0 0 18px #b30000,
            0 0 25px #800000;
        transform: scale(1.015);
    }
    100% {
        text-shadow:
            0 0 4px #8b0000,
            0 0 8px #4d0000,
            0 0 12px #ff0000;
        transform: scale(1);
    }
}



.nickname-angel a, .nickname-angel{
    font-family: "Angel";
    font-weight: 700;
    letter-spacing: 1px;
    -webkit-text-stroke: 2.5px #0071bc;
    paint-order: stroke fill;

    color: #fff;

    text-shadow:
        0 0 4px #8b0000,
        0 0 8px #4d0000,
        2px 0 4px #330000,
        -2px 0 4px #330000;

    /* гострі декоративні "наїзди" */
    position: relative;
    display: inline-block;

    animation: angelPulseSexy 1.8s infinite ease-in-out;
}

@keyframes angelPulseSexy {
    0% {
        text-shadow:
            0 0 4px rgba(140, 210, 255, 0.35),
            0 0 8px rgba(100, 190, 255, 0.35),
            0 0 14px rgba(160, 230, 255, 0.3);
        transform: scale(1);
    }
    50% {
        text-shadow:
            0 0 10px rgba(160, 230, 255, 0.65),
            0 0 20px rgba(120, 200, 255, 0.55),
            0 0 32px rgba(180, 240, 255, 0.5);
        transform: scale(1.015);
    }
    100% {
        text-shadow:
            0 0 4px rgba(140, 210, 255, 0.35),
            0 0 8px rgba(100, 190, 255, 0.35),
            0 0 14px rgba(160, 230, 255, 0.3);
        transform: scale(1);
    }
}