/* =========================================================
   EternalMU Rankings Table Row Icons
========================================================= */
.emd-char-avatar {
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
    border-radius: 12px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: hidden !important;
    background:
        radial-gradient(circle at 50% 22%, rgba(120, 155, 255, .20), transparent 55%),
        linear-gradient(180deg, rgba(37, 39, 58, .95), rgba(18, 17, 30, .96)) !important;
    border: 1px solid rgba(132, 144, 190, .22) !important;
    box-shadow:
        inset 0 0 12px rgba(255,255,255,.04),
        0 0 12px rgba(0,0,0,.35) !important;
}
.emd-char-avatar img {
    width: 38px !important;
    height: 38px !important;
    object-fit: contain !important;
    display: block !important;
    filter:
        drop-shadow(0 0 6px rgba(0,0,0,.72))
        drop-shadow(0 0 8px rgba(105, 135, 255, .18));
    transition: .22s ease;
}
.emd-table tbody tr:hover .emd-char-avatar img {
    transform: scale(1.10);
    filter:
        drop-shadow(0 0 7px rgba(0,0,0,.72))
        drop-shadow(0 0 10px rgba(255, 210, 95, .22))
        drop-shadow(0 0 12px rgba(100, 185, 255, .22));
}
.emd-char-avatar.emd-avatar--dw,
.emd-char-avatar.emd-avatar--mg,
.emd-char-avatar.emd-avatar--sum {
    border-color: rgba(160, 100, 255, .32) !important;
    box-shadow: inset 0 0 12px rgba(160,100,255,.08), 0 0 12px rgba(120,80,255,.10) !important;
}
.emd-char-avatar.emd-avatar--dk,
.emd-char-avatar.emd-avatar--rf {
    border-color: rgba(255, 90, 75, .32) !important;
    box-shadow: inset 0 0 12px rgba(255,80,60,.08), 0 0 12px rgba(255,70,40,.10) !important;
}
.emd-char-avatar.emd-avatar--elf {
    border-color: rgba(80, 220, 140, .34) !important;
    box-shadow: inset 0 0 12px rgba(80,220,140,.08), 0 0 12px rgba(80,220,140,.10) !important;
}
.emd-char-avatar.emd-avatar--dl {
    border-color: rgba(255, 210, 95, .34) !important;
    box-shadow: inset 0 0 12px rgba(255,210,95,.08), 0 0 12px rgba(255,190,60,.10) !important;
}
.emd-class-chip {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    line-height: 1 !important;
}
.emd-class-chip-img {
    width: 20px !important;
    height: 20px !important;
    object-fit: contain !important;
    display: inline-block !important;
    vertical-align: middle !important;
    margin-left: -3px;
    filter:
        drop-shadow(0 0 4px rgba(0,0,0,.75))
        drop-shadow(0 0 5px rgba(255,255,255,.10));
}
.emd-table tbody tr.emd-top .emd-char-avatar {
    border-color: rgba(255, 210, 95, .46) !important;
    box-shadow:
        inset 0 0 14px rgba(255,210,95,.08),
        0 0 14px rgba(255,190,70,.16) !important;
}
@media (max-width: 720px) {
    .emd-char-avatar { width: 36px !important; height: 36px !important; min-width: 36px !important; }
    .emd-char-avatar img { width: 32px !important; height: 32px !important; }
    .emd-class-chip-img { width: 17px !important; height: 17px !important; }
}