.nickxp {
    display: inline-block;
    will-change: transform, filter, background-position, text-shadow;
    font-size: var(--chat-window-tertiary-font-size);
    color: var(--chat-page-quaternary-text-color);
    font-weight: 600;
}


.nickxp50 {
    background: linear-gradient(
        90deg,
        #ff0040, #ff8c00, #ffee00, #00e676, #00bcd4, #2979ff, #d500f9, #ff0040
    );
    background-size: 300% 100%;
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent !important;
    font-weight: 700;
    animation: xpnick1 2.4s linear infinite;
}

.nickxp51 {
    position: relative;
background: linear-gradient(
    110deg,
    #e5c9c9 20%,
    #e74c3c 40%,
    #f7ecec 55%,
    #c0392b 70%,
    #e5c9c9 85%
);
    background-size: 220% 100%;
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent !important;
    text-shadow: none;
    animation: xpnick2 2.5s linear infinite;
}

.nickxp52 {
    background: linear-gradient(90deg, #8a6a12, #f5c542, #fff3b0, #f5c542, #8a6a12);
    background-size: 200% 100%;
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent !important;
    font-weight: 700;
    animation: xpnick3 3s linear infinite;
}


.nickxp53 {
    background: linear-gradient(180deg, #fff7ad, #ff9a3c, #ff512f, #ff9a3c, #fff7ad);
    background-size: 100% 200%;
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent !important;
    text-shadow: none;
    font-weight: 700;
    animation: xpnick4 1.6s ease-in-out infinite;
}

.nickxp54 {
background: linear-gradient(
    90deg,
    #bcc6cf,
    #6c757d,
    #eef2f5,
    #495057,
    #bcc6cf
);
    background-size: 300% 100%;
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent !important;
    font-weight: 700;
    animation: xpnick1 6s linear infinite;
}


.nickxp55 {
    background: linear-gradient(90deg, #e0f7ff, #7dd3fc, #38bdf8, #a5f3fc, #e0f7ff);
    background-size: 220% 100%;
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent !important;
    font-weight: 700;
    filter: drop-shadow(0 0 4px rgba(125, 211, 252, 0.7));
    animation: xpnick1 3.2s linear infinite;
}

.nickxp56 {
background: linear-gradient(
    90deg,
    #d8ead9,
    #4f8a5b,
    #f5fff6,
    #2d6a4f,
    #d8ead9
);
    background-size: 300% 100%;
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent !important;
    font-weight: 700;
    animation: xpnick1 6s linear infinite;
}


.nickxp57 {
    color: #22c55e !important;
    font-weight: 700;
    text-shadow: 0 0 4px #22c55e, 0 0 10px #16a34a;
    animation: xpnick5 1.1s steps(4, end) infinite;
}

.nickxp58 {
    background: linear-gradient(180deg, #fecaca, #ef4444, #7f1d1d, #ef4444);
    background-size: 100% 220%;
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent !important;
    font-weight: 700;
    animation: xpnick4 1.8s ease-in-out infinite;
}


.nickxp59 {
    background: linear-gradient(90deg, #fb7185, #f43f5e, #fda4af, #fb7185);
    background-size: 220% 100%;
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent !important;
    font-weight: 700;
    animation: xpnick1 2.6s linear infinite;
}

.nickxp60 {
    background: linear-gradient(90deg, #0ea5e9, #22d3ee, #38bdf8, #0369a1, #0ea5e9);
    background-size: 260% 100%;
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent !important;
    font-weight: 700;
    animation: xpnick1 3s linear infinite;
}

.nickxp61 {
    background: linear-gradient(90deg, #fb923c, #f472b6, #c084fc, #fb923c);
    background-size: 240% 100%;
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent !important;
    font-weight: 700;
    animation: xpnick1 2.8s linear infinite;
}

.nickxp62 {
    background: linear-gradient(90deg, #67e8f9, #e879f9, #f0abfc, #22d3ee, #67e8f9);
    background-size: 280% 100%;
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent !important;
    font-weight: 700;
    animation: xpnick1 2.2s linear infinite;
}


.nickxp63 {
    color: #BC8F8F !important;
    font-weight: 700;
    animation: xpnick6 1.4s steps(2, end) infinite;
}

.nickxp64 {
    background: linear-gradient(90deg, #7c3aed, #c4b5fd, #fde68a, #a78bfa, #7c3aed);
    background-size: 220% 100%;
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent !important;
    font-weight: 800;
    animation: xpnick3 2.8s linear infinite;
}


@keyframes xpnick1 {
    0% { background-position: 0% center; }
    100% { background-position: 300% center; }
}


@keyframes xpnick2 {
    0% { background-position: 0% center; }
    100% { background-position: 220% center; }
}

@keyframes xpnick3 {
    0% { background-position: 0% center; }
    100% { background-position: 200% center; }
}


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


@keyframes xpnick5 {
    0%, 100% { opacity: 1; text-shadow: 0 0 4px #22c55e, 0 0 10px #16a34a; }
    50% { opacity: 0.7; text-shadow: 0 0 8px #4ade80, 0 0 16px #22c55e; }
}



@keyframes xpnick6 {
    0%, 40%, 100% { opacity: 1; }
    50%, 90% { opacity: 0.3; }
}