/* 1. Pioneer Standard */
.frame-standard {
    border: 2px solid #06b6d4 !important;
    box-shadow: 0 0 10px rgba(6,182,212,0.4) !important;
}

/* 2. Neon Pulse Frame (500 Koin) */
@keyframes pulseNeon {
    0% { box-shadow: 0 0 5px #3b82f6, inset 0 0 5px #3b82f6; border-color: #3b82f6; }
    50% { box-shadow: 0 0 20px #06b6d4, inset 0 0 10px #06b6d4; border-color: #06b6d4; }
    100% { box-shadow: 0 0 5px #3b82f6, inset 0 0 5px #3b82f6; border-color: #3b82f6; }
}
.frame-neon-pulse {
    border: 2px solid #3b82f6 !important;
    animation: pulseNeon 2s infinite ease-in-out !important;
}

/* 3. Plasma Core Frame (1500 Koin) */
@keyframes rotatePlasma {
    100% { transform: rotate(360deg); }
}
.frame-plasma-core {
    position: relative;
    border: 3px dashed #a855f7 !important;
    box-shadow: 0 0 15px rgba(168,85,247,0.6) !important;
    animation: rotatePlasma 5s linear infinite !important;
}

/* 4. Supreme Aegis Frame (3000 Koin) */
@keyframes aegisGlow {
    0% { filter: drop-shadow(0 0 5px #fbbf24); }
    100% { filter: drop-shadow(0 0 20px #f59e0b); }
}
.frame-supreme-aegis {
    border: 3px solid #fbbf24 !important;
    box-shadow: 0 0 15px #fbbf24, inset 0 0 15px #f59e0b !important;
    animation: aegisGlow 3s ease-in-out infinite alternate !important;
}

/* =========================================================================
   CHAMPION CHATBOX NAME FRAMES & BUFF BADGES (SPEARHEAD & VANGUARD FORCE)
   ========================================================================= */

@keyframes spearheadGoldGlow {
    0% { box-shadow: 0 0 4px rgba(245, 158, 11, 0.3), inset 0 0 4px rgba(245, 158, 11, 0.2); }
    50% { box-shadow: 0 0 12px rgba(251, 191, 36, 0.6), inset 0 0 8px rgba(251, 191, 36, 0.4); }
    100% { box-shadow: 0 0 4px rgba(245, 158, 11, 0.3), inset 0 0 4px rgba(245, 158, 11, 0.2); }
}

@keyframes vanguardCyanGlow {
    0% { box-shadow: 0 0 4px rgba(6, 182, 212, 0.3), inset 0 0 4px rgba(6, 182, 212, 0.2); }
    50% { box-shadow: 0 0 12px rgba(56, 189, 248, 0.6), inset 0 0 8px rgba(56, 189, 248, 0.4); }
    100% { box-shadow: 0 0 4px rgba(6, 182, 212, 0.3), inset 0 0 4px rgba(6, 182, 212, 0.2); }
}

/* 1. Spearhead Force (Juara 1) Chat Frame */
.chat-msg-spearhead {
    background: linear-gradient(135deg, rgba(245, 158, 11, 0.22), rgba(15, 23, 42, 0.85)) !important;
    border: 1px solid rgba(251, 191, 36, 0.75) !important;
    border-left: 4px solid #f59e0b !important;
    animation: spearheadGoldGlow 3s infinite ease-in-out !important;
    color: #fef08a !important;
    text-shadow: 0 0 6px rgba(251, 191, 36, 0.35);
    position: relative;
}

.chat-name-spearhead {
    background: linear-gradient(135deg, #fef08a, #fbbf24, #f59e0b);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 900 !important;
    letter-spacing: 0.5px;
    text-shadow: 0 0 8px rgba(251, 191, 36, 0.5);
}

/* 2. Vanguard Force (Juara 2) Chat Frame */
.chat-msg-vanguard {
    background: linear-gradient(135deg, rgba(6, 182, 212, 0.22), rgba(15, 23, 42, 0.85)) !important;
    border: 1px solid rgba(56, 189, 248, 0.75) !important;
    border-left: 4px solid #06b6d4 !important;
    animation: vanguardCyanGlow 3s infinite ease-in-out !important;
    color: #bae6fd !important;
    text-shadow: 0 0 6px rgba(56, 189, 248, 0.35);
    position: relative;
}

.chat-name-vanguard {
    background: linear-gradient(135deg, #e0f2fe, #38bdf8, #06b6d4);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 900 !important;
    letter-spacing: 0.5px;
    text-shadow: 0 0 8px rgba(56, 189, 248, 0.5);
}

/* 3. Champion Mini Badges in Chat */
.chat-buff-badge {
    display: inline-flex;
    align-items: center;
    padding: 1px 6px;
    border-radius: 4px;
    font-size: 0.62rem;
    font-weight: 700;
    font-family: 'Orbitron', sans-serif;
    letter-spacing: 0.5px;
    margin-left: 6px;
    vertical-align: middle;
}

.badge-spearhead {
    background: rgba(245, 158, 11, 0.25);
    border: 1px solid #fbbf24;
    color: #fbbf24;
    box-shadow: 0 0 6px rgba(245, 158, 11, 0.5);
}

.badge-vanguard {
    background: rgba(6, 182, 212, 0.25);
    border: 1px solid #38bdf8;
    color: #38bdf8;
    box-shadow: 0 0 6px rgba(6, 182, 212, 0.5);
}

/* =========================================================================
   LEVEL RANK BADGE CHAT STYLING (RANK_01 to RANK_06)
   ========================================================================= */

.chat-rank-tag {
    font-size: 7.5px;
    padding: 0 4px;
    border-radius: 3px;
    font-weight: 800;
    font-family: 'Orbitron', sans-serif;
    letter-spacing: 0.5px;
    margin-right: 4px;
    display: inline-block;
    vertical-align: middle;
    text-transform: uppercase;
}

/* Rank 1: Trainee (Slate / Silver) */
.rank-tag-1 {
    background: rgba(148, 163, 184, 0.2);
    border: 1px solid rgba(148, 163, 184, 0.4);
    color: #cbd5e1;
}
.chat-name-rank-1 { color: #94a3b8 !important; }
.chat-bubble-rank-1 {
    background: rgba(148, 163, 184, 0.1) !important;
    border: 1px solid rgba(148, 163, 184, 0.3) !important;
    color: #e2e8f0 !important;
}

/* Rank 2: Scout (Emerald Green) */
.rank-tag-2 {
    background: rgba(16, 185, 129, 0.2);
    border: 1px solid rgba(16, 185, 129, 0.5);
    color: #34d399;
}
.chat-name-rank-2 { color: #34d399 !important; text-shadow: 0 0 6px rgba(16,185,129,0.3); }
.chat-bubble-rank-2 {
    background: rgba(16, 185, 129, 0.12) !important;
    border: 1px solid rgba(16, 185, 129, 0.4) !important;
    color: #6ee7b7 !important;
    text-shadow: 0 0 5px rgba(16, 185, 129, 0.25);
}

/* Rank 3: Elite (Cyan Blue) */
.rank-tag-3 {
    background: rgba(6, 182, 212, 0.2);
    border: 1px solid rgba(6, 182, 212, 0.5);
    color: #38bdf8;
}
.chat-name-rank-3 { color: #38bdf8 !important; text-shadow: 0 0 6px rgba(6,182,212,0.3); }
.chat-bubble-rank-3 {
    background: rgba(6, 182, 212, 0.12) !important;
    border: 1px solid rgba(6, 182, 212, 0.4) !important;
    color: #7dd3fc !important;
    text-shadow: 0 0 5px rgba(6, 182, 212, 0.25);
}

/* Rank 4: Master (Purple Violet Neon) */
.rank-tag-4 {
    background: rgba(168, 85, 247, 0.2);
    border: 1px solid rgba(168, 85, 247, 0.5);
    color: #c084fc;
}
.chat-name-rank-4 { color: #c084fc !important; text-shadow: 0 0 8px rgba(168,85,247,0.4); }
.chat-bubble-rank-4 {
    background: rgba(168, 85, 247, 0.12) !important;
    border: 1px solid rgba(168, 85, 247, 0.45) !important;
    color: #d8b4fe !important;
    text-shadow: 0 0 5px rgba(168, 85, 247, 0.25);
}

/* Rank 5: Legend (Amber Gold Neon) */
.rank-tag-5 {
    background: rgba(245, 158, 11, 0.25);
    border: 1px solid rgba(245, 158, 11, 0.6);
    color: #fbbf24;
    box-shadow: 0 0 6px rgba(245,158,11,0.3);
}
.chat-name-rank-5 {
    color: #fbbf24 !important;
    text-shadow: 0 0 8px rgba(245,158,11,0.5);
    font-weight: 800;
}
.chat-bubble-rank-5 {
    background: rgba(245, 158, 11, 0.15) !important;
    border: 1px solid rgba(245, 158, 11, 0.55) !important;
    box-shadow: 0 0 8px rgba(245, 158, 11, 0.2);
    color: #fde047 !important;
    text-shadow: 0 0 5px rgba(245, 158, 11, 0.3);
}

/* Rank 6: Supreme Commander (Crimson Rose Neon) */
.rank-tag-6 {
    background: rgba(244, 63, 94, 0.25);
    border: 1px solid rgba(244, 63, 94, 0.7);
    color: #fb7185;
    box-shadow: 0 0 8px rgba(244,63,94,0.4);
}
.chat-name-rank-6 {
    color: #fb7185 !important;
    text-shadow: 0 0 10px rgba(244,63,94,0.6);
    font-weight: 900;
    letter-spacing: 0.3px;
}
.chat-bubble-rank-6 {
    background: rgba(244, 63, 94, 0.16) !important;
    border: 1px solid rgba(244, 63, 94, 0.6) !important;
    box-shadow: 0 0 10px rgba(244, 63, 94, 0.25);
    color: #fda4af !important;
    text-shadow: 0 0 6px rgba(244, 63, 94, 0.35);
}