/* ── Skill UI v2 ── */
.skill-type-badge {
    font-size: 0.65rem;
    font-weight: 900;
    padding: 1px 6px;
    border-radius: 4px;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.skill-card--buff .skill-type-badge {
    background: rgba(56, 189, 248, 0.2);
    color: #7dd3fc;
    border: 1px solid rgba(56, 189, 248, 0.3);
}

.skill-card--heal .skill-type-badge {
    background: rgba(34, 211, 238, 0.2);
    color: #22d3ee;
    border: 1px solid rgba(34, 211, 238, 0.3);
}

.skill-card--attackBuff .skill-type-badge {
    background: rgba(251, 191, 36, 0.2);
    color: #fbbf24;
    border: 1px solid rgba(251, 191, 36, 0.3);
}

.skill-card--debuff .skill-type-badge {
    background: rgba(244, 63, 94, 0.2);
    color: #fb7185;
    border: 1px solid rgba(244, 63, 94, 0.3);
}

.hero-status-pill.debuff {
    background: rgba(244, 63, 94, 0.25);
    border-color: rgba(251, 113, 133, 0.5);
    color: #fda4af;
}

/* ── Low-HP Danger Frame (英雄 HP < 30% 持續顯示，沉穩慢脈動) ── */
.atb-danger-frame::after {
    content: '';
    position: fixed;
    inset: 0;
    pointer-events: none;
    z-index: 9990;
    box-shadow:
        inset 0 0 110px 12px rgba(220,38,38,0.5),
        inset 0 0 34px 4px rgba(239,68,68,0.42);
    animation: atb-danger-pulse 1.2s ease-in-out infinite;
}
@keyframes atb-danger-pulse {
    0%, 100% {
        box-shadow:
            inset 0 0 80px 8px rgba(220,38,38,0.32),
            inset 0 0 26px 2px rgba(239,68,68,0.28);
    }
    50% {
        box-shadow:
            inset 0 0 150px 22px rgba(239,68,68,0.7),
            inset 0 0 52px 8px rgba(248,113,113,0.5);
    }
}

/* ── Imminent-Attack Ring Flash (計時環外圍閃爍，敵人即將攻擊) ── */
.atb-ring-warning {
    animation: atb-ring-flash 0.5s ease-in-out infinite;
}
@keyframes atb-ring-flash {
    0%, 100% {
        box-shadow:
            0 0 0 2px rgba(239,68,68,0.5),
            0 0 16px 3px rgba(239,68,68,0.45);
    }
    50% {
        box-shadow:
            0 0 0 4px rgba(248,113,113,0.95),
            0 0 32px 9px rgba(239,68,68,0.85);
    }
}