/* =========================================================
   EternalMU Guild Real Logo
   Works in Guild Rankings and Character Rankings Guild column
========================================================= */

.emu-guild-mark {
    --guild-mark-size: 38px;
    width: var(--guild-mark-size);
    height: var(--guild-mark-size);
    min-width: var(--guild-mark-size);
    display: inline-grid;
    grid-template-columns: repeat(8, 1fr);
    grid-template-rows: repeat(8, 1fr);
    overflow: hidden;
    border-radius: 8px;
    background:
        radial-gradient(circle at 50% 35%, rgba(255,255,255,.10), transparent 58%),
        linear-gradient(180deg, rgba(34, 37, 58, .96), rgba(12, 13, 24, .98));
    border: 1px solid rgba(255, 215, 120, .30);
    box-shadow:
        inset 0 0 0 1px rgba(255,255,255,.035),
        0 0 10px rgba(0,0,0,.45),
        0 0 12px rgba(255, 190, 70, .08);
    image-rendering: pixelated;
}

.emu-guild-mark i {
    display: block;
    width: 100%;
    height: 100%;
    image-rendering: pixelated;
}

.emu-guild-mark__empty {
    grid-column: 1 / -1;
    grid-row: 1 / -1;
    display: flex;
    align-items: center;
    justify-content: center;
    color: rgba(255, 220, 150, .75);
    font-size: 13px;
    text-shadow: 0 0 8px rgba(255, 200, 80, .25);
}

.emu-guild-mark--side {
    --guild-mark-size: 32px;
    border-radius: 7px;
}

.emu-guild-mark--tiny {
    --guild-mark-size: 24px;
    border-radius: 5px;
    border-color: rgba(255, 215, 120, .24);
}

/* Guild tab cell */
.emd-guild-logo-cell {
    display: flex;
    align-items: center;
    gap: 11px;
    min-width: 190px;
}

.emd-guild-logo-cell .emd-char-name {
    display: inline-flex;
    flex-direction: column;
    gap: 2px;
}

.emd-guild-logo-cell__sub {
    display: block;
    color: rgba(196, 187, 225, .55);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .8px;
    text-transform: uppercase;
}

/* Sidebar Top Guilds */
.emd-side-guild.has-real-mark {
    display: grid;
    grid-template-columns: auto 1fr;
    align-items: center;
    gap: 10px;
}

.emd-side-guild.has-real-mark .emd-side-guild__rank {
    display: none;
}

/* Character Rankings -> Guild column */
.emd-guild-cell-with-mark {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: #efe7ff;
    font-weight: 800;
    line-height: 1;
    white-space: nowrap;
}

.emd-guild-cell-with-mark .emu-guild-mark {
    position: relative;
    top: -1px;
}

.emd-guild-cell-with-mark__name {
    display: inline-block;
    color: inherit;
    text-shadow: 0 1px 0 #000, 0 0 8px rgba(255, 255, 255, .06);
}

.emd-table tbody tr:hover .emu-guild-mark {
    border-color: rgba(255, 220, 130, .50);
    box-shadow:
        inset 0 0 0 1px rgba(255,255,255,.05),
        0 0 12px rgba(0,0,0,.48),
        0 0 14px rgba(255, 195, 80, .16);
    transform: translateY(-1px);
}

@media (max-width: 720px) {
    .emu-guild-mark {
        --guild-mark-size: 32px;
    }

    .emu-guild-mark--tiny {
        --guild-mark-size: 21px;
    }

    .emd-guild-logo-cell {
        gap: 8px;
        min-width: 150px;
    }

    .emd-guild-cell-with-mark {
        gap: 5px;
    }
}