/* L2Feel v2.1.230 - Conquistas clicáveis / quem conquistou */
[data-achievement-key]{cursor:pointer}
[data-achievement-key]:focus-visible{outline:2px solid rgba(194,154,91,.72);outline-offset:3px}
.l2-achievement-holders-modal[hidden]{display:none!important}
.l2-achievement-holders-modal{position:fixed;inset:0;z-index:14050;display:grid;place-items:center;padding:18px}
.l2-achievement-holders-modal__backdrop{position:absolute;inset:0;width:100%;height:100%;border:0;background:rgba(3,3,3,.76);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);cursor:default}
.l2-achievement-holders-modal__panel{position:relative;z-index:1;width:min(620px,100%);max-height:min(760px,calc(100vh - 36px));overflow:hidden;display:flex;flex-direction:column;border:1px solid rgba(194,154,91,.28);border-radius:14px;background:#100d0b;box-shadow:0 28px 80px rgba(0,0,0,.48),inset 0 1px 0 rgba(255,255,255,.025);color:#e8dfd3}
.l2-achievement-holders-modal__head{display:grid;grid-template-columns:42px minmax(0,1fr) 34px;gap:11px;align-items:start;padding:16px;border-bottom:1px solid rgba(194,154,91,.14);background:#15110e}
.l2-achievement-holders-modal__icon{width:42px;height:42px;display:grid;place-items:center;border:1px solid rgba(194,154,91,.24);border-radius:10px;background:rgba(194,154,91,.075);color:#d6ad69;font-size:16px}
.l2-achievement-holders-modal__title{min-width:0}
.l2-achievement-holders-modal__title small{display:block;margin-bottom:2px;color:#a58f73;font-size:8px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
.l2-achievement-holders-modal__title h2{margin:0;color:#f2dfb3;font:900 22px/1.12 'Rajdhani',Arial,sans-serif;letter-spacing:.01em;overflow-wrap:anywhere}
.l2-achievement-holders-modal__title p{margin:4px 0 0;color:#9f9589;font-size:10px;line-height:1.4}
.l2-achievement-holders-modal__close{width:34px;height:34px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.07);border-radius:8px;background:rgba(255,255,255,.025);color:#b7aa9a;cursor:pointer}
.l2-achievement-holders-modal__close:hover{border-color:rgba(194,154,91,.28);color:#ead4a6}
.l2-achievement-holders-modal__summary{min-height:48px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 16px;border-bottom:1px solid rgba(194,154,91,.10);background:#0d0b09}
.l2-achievement-holders-modal__summary>div{display:flex;align-items:baseline;gap:8px}
.l2-achievement-holders-modal__summary small{color:#8f8477;font-size:8px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.l2-achievement-holders-modal__summary strong{color:#f0d8a7;font:900 17px/1 'Rajdhani',Arial,sans-serif}
.l2-achievement-holders-modal__summary>span{padding:4px 7px;border:1px solid rgba(194,154,91,.18);border-radius:999px;background:rgba(194,154,91,.055);color:#bda77f;font-size:8px;font-weight:900;letter-spacing:.04em;text-transform:uppercase}
.l2-achievement-holders-modal__body{min-height:150px;overflow:auto;overscroll-behavior:contain;padding:8px}
.l2-achievement-holders-modal__state{min-height:132px;display:flex;align-items:center;justify-content:center;gap:8px;color:#93897e;font-size:10px;text-align:center}
.l2-achievement-holders-list{display:grid;gap:5px}
.l2-achievement-holder{min-width:0;display:grid;grid-template-columns:30px 38px minmax(0,1fr) auto 28px;gap:8px;align-items:center;padding:7px 8px;border:1px solid rgba(194,154,91,.11);border-radius:9px;background:rgba(255,255,255,.014);color:inherit;text-decoration:none;transition:border-color .15s ease,background .15s ease}
.l2-achievement-holder:hover{border-color:rgba(194,154,91,.28);background:rgba(194,154,91,.045)}
.l2-achievement-holder__pos{color:#776d62;font:800 10px/1 'Rajdhani',Arial,sans-serif;text-align:center}
.l2-achievement-holder__avatar{position:relative;width:38px;height:38px;display:grid;place-items:center;overflow:hidden;border:1px solid rgba(194,154,91,.18);border-radius:8px;background:#1a1511;color:#d2b77f;font:900 14px/1 'Rajdhani',Arial,sans-serif}
.l2-achievement-holder__avatar img{width:100%;height:100%;display:block;object-fit:cover}
.l2-achievement-holder__online{position:absolute;right:2px;bottom:2px;width:7px;height:7px;border:1px solid #15110e;border-radius:50%;background:#5ec98d}
.l2-achievement-holder__copy{min-width:0}
.l2-achievement-holder__copy strong{display:block;overflow:hidden;color:#e9d7b2;font-size:11px;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}
.l2-achievement-holder__copy small{display:flex;align-items:center;gap:5px;margin-top:2px;overflow:hidden;color:#8e8478;font-size:8px;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}
.l2-achievement-holder__date{min-width:88px;padding-left:9px;border-left:1px solid rgba(194,154,91,.10);text-align:right}
.l2-achievement-holder__date small{display:block;color:#746b61;font-size:7px;line-height:1.1}
.l2-achievement-holder__date strong{display:block;margin-top:2px;color:#aaa093;font-size:10px;line-height:1.15;font-weight:800}
.l2-achievement-holder__link{width:28px;height:28px;display:grid;place-items:center;border:1px solid rgba(194,154,91,.12);border-radius:7px;background:rgba(194,154,91,.035);color:#9f8a6c;font-size:9px;transition:border-color .15s ease,background .15s ease,color .15s ease}
.l2-achievement-holder:hover .l2-achievement-holder__link{border-color:rgba(194,154,91,.30);background:rgba(194,154,91,.08);color:#e2c890}
body.l2-achievement-holders-lock{overflow:hidden!important}
.l2-home-achievement-summary [data-achievement-key]{text-decoration:underline;text-decoration-style:dotted;text-decoration-thickness:1px;text-underline-offset:3px}
.pp-achievement[data-achievement-key],.pp-achievement-catalog-item[data-achievement-key],.rank-achievement-modal-item[data-achievement-key]{transition:border-color .16s ease,transform .16s ease,background .16s ease}
@media (hover:hover) and (pointer:fine){.pp-achievement[data-achievement-key]:hover,.pp-achievement-catalog-item[data-achievement-key]:hover,.rank-achievement-modal-item[data-achievement-key]:hover{transform:translateY(-1px)}}
html[data-l2-theme="light"] .l2-achievement-holders-modal__backdrop{background:rgba(49,39,27,.38)}
html[data-l2-theme="light"] .l2-achievement-holders-modal__panel{border-color:#bfa476;background:#f8f2e9;box-shadow:0 24px 64px rgba(70,51,31,.22),inset 0 1px 0 rgba(255,255,255,.88);color:#493c2f}
html[data-l2-theme="light"] .l2-achievement-holders-modal__head{border-bottom-color:#d7c6ae;background:#eee4d6}
html[data-l2-theme="light"] .l2-achievement-holders-modal__icon{border-color:#cdb18a;background:#f5e8d5;color:#76501f}
html[data-l2-theme="light"] .l2-achievement-holders-modal__title small{color:#86683f}
html[data-l2-theme="light"] .l2-achievement-holders-modal__title h2{color:#4d3518}
html[data-l2-theme="light"] .l2-achievement-holders-modal__title p{color:#706354}
html[data-l2-theme="light"] .l2-achievement-holders-modal__close{border-color:#d4c4af;background:#f8f1e7;color:#695b4b}
html[data-l2-theme="light"] .l2-achievement-holders-modal__summary{border-bottom-color:#ddd0bd;background:#f4ecdf}
html[data-l2-theme="light"] .l2-achievement-holders-modal__summary small{color:#786957}
html[data-l2-theme="light"] .l2-achievement-holders-modal__summary strong{color:#68471e}
html[data-l2-theme="light"] .l2-achievement-holders-modal__summary>span{border-color:#d4bd99;background:#f7ead7;color:#765424}
html[data-l2-theme="light"] .l2-achievement-holders-modal__state{color:#766b5e}
html[data-l2-theme="light"] .l2-achievement-holder{border-color:#ddcfbd;background:#fbf7f0}
html[data-l2-theme="light"] .l2-achievement-holder:hover{border-color:#b99664;background:#fffaf3}
html[data-l2-theme="light"] .l2-achievement-holder__pos{color:#8a7b68}
html[data-l2-theme="light"] .l2-achievement-holder__avatar{border-color:#cfb993;background:#eee2d1;color:#795629}
html[data-l2-theme="light"] .l2-achievement-holder__online{border-color:#f8f2e9}
html[data-l2-theme="light"] .l2-achievement-holder__copy strong{color:#50381d}
html[data-l2-theme="light"] .l2-achievement-holder__copy small{color:#756858}
html[data-l2-theme="light"] .l2-achievement-holder__date{border-left-color:#ded1bf}
html[data-l2-theme="light"] .l2-achievement-holder__date small{color:#8a7c6b}
html[data-l2-theme="light"] .l2-achievement-holder__date strong{color:#655747}
html[data-l2-theme="light"] .l2-achievement-holder__link{border-color:#d8c8b1;background:#f2e7d8;color:#765a37}
html[data-l2-theme="light"] .l2-achievement-holder:hover .l2-achievement-holder__link{border-color:#b8925d;background:#f8eddc;color:#5f421f}
@media(max-width:560px){
    .l2-achievement-holders-modal{padding:10px}
    .l2-achievement-holders-modal__panel{max-height:calc(100vh - 20px);border-radius:12px}
    .l2-achievement-holders-modal__head{grid-template-columns:36px minmax(0,1fr) 32px;gap:9px;padding:12px}
    .l2-achievement-holders-modal__icon{width:36px;height:36px;font-size:14px}
    .l2-achievement-holders-modal__title h2{font-size:19px}
    .l2-achievement-holders-modal__title p{font-size:9px}
    .l2-achievement-holders-modal__summary{padding:8px 12px}
    .l2-achievement-holder{grid-template-columns:24px 34px minmax(0,1fr) 28px;gap:7px;padding:7px}
    .l2-achievement-holder__avatar{width:34px;height:34px}
    .l2-achievement-holder__date{grid-column:3;min-width:0;display:flex;align-items:center;gap:5px;padding:3px 0 0;border-left:0;text-align:left}
    .l2-achievement-holder__date small,.l2-achievement-holder__date strong{display:inline;margin:0}
    .l2-achievement-holder__link{grid-column:4;grid-row:1 / span 2;align-self:center}
}


/* =========================================================
   v2.1.232 - Modal de conquistas: scrollbar refinada no Light
   ========================================================= */

/* Firefox */
html[data-l2-theme="light"] .l2-achievement-holders-modal__body{
    scrollbar-width:thin;
    scrollbar-color:#b89461 #eee4d6;
}

/* Chromium / Edge / Safari */
html[data-l2-theme="light"] .l2-achievement-holders-modal__body::-webkit-scrollbar{
    width:10px;
}

html[data-l2-theme="light"] .l2-achievement-holders-modal__body::-webkit-scrollbar-track{
    background:#eee4d6;
    border-left:1px solid #ddcfbd;
    border-radius:999px;
}

html[data-l2-theme="light"] .l2-achievement-holders-modal__body::-webkit-scrollbar-thumb{
    min-height:36px;
    border:2px solid #eee4d6;
    border-radius:999px;
    background:#b89461;
}

html[data-l2-theme="light"] .l2-achievement-holders-modal__body::-webkit-scrollbar-thumb:hover{
    background:#9f7948;
}

html[data-l2-theme="light"] .l2-achievement-holders-modal__body::-webkit-scrollbar-corner{
    background:#eee4d6;
}


/* =========================================================
   v2.1.243 - Modal de conquistadores: mobile reorganizado
   ========================================================= */
@media(max-width:560px){

    /* Modal aproveita melhor a largura sem encostar nas bordas */
    .l2-achievement-holders-modal{
        padding:8px!important;
    }

    .l2-achievement-holders-modal__panel{
        width:100%!important;
        max-height:calc(100vh - 16px)!important;
        border-radius:11px!important;
    }

    /* Cabeçalho mais compacto */
    .l2-achievement-holders-modal__head{
        grid-template-columns:34px minmax(0,1fr) 30px!important;
        gap:8px!important;
        padding:10px!important;
    }

    .l2-achievement-holders-modal__icon{
        width:34px!important;
        height:34px!important;
        border-radius:8px!important;
        font-size:13px!important;
    }

    .l2-achievement-holders-modal__title small{
        margin-bottom:1px!important;
        font-size:7px!important;
    }

    .l2-achievement-holders-modal__title h2{
        font-size:17px!important;
        line-height:1.08!important;
    }

    .l2-achievement-holders-modal__title p{
        margin-top:3px!important;
        font-size:8px!important;
        line-height:1.35!important;
    }

    .l2-achievement-holders-modal__close{
        width:30px!important;
        height:30px!important;
        border-radius:7px!important;
    }

    /* Resumo em uma linha clara */
    .l2-achievement-holders-modal__summary{
        min-height:42px!important;
        padding:7px 10px!important;
        gap:8px!important;
    }

    .l2-achievement-holders-modal__summary>div{
        gap:6px!important;
        min-width:0!important;
    }

    .l2-achievement-holders-modal__summary small{
        font-size:7px!important;
    }

    .l2-achievement-holders-modal__summary strong{
        font-size:15px!important;
        white-space:nowrap!important;
    }

    .l2-achievement-holders-modal__summary>span{
        max-width:42%!important;
        padding:3px 6px!important;
        font-size:7px!important;
        overflow:hidden!important;
        text-overflow:ellipsis!important;
        white-space:nowrap!important;
    }

    .l2-achievement-holders-modal__body{
        min-height:120px!important;
        padding:6px!important;
    }

    .l2-achievement-holders-list{
        gap:6px!important;
    }

    /*
     * Linha principal:
     * posição | avatar | jogador/clã | link
     * Segunda linha:
     *         | data em faixa limpa
     */
    .l2-achievement-holder{
        grid-template-columns:22px 38px minmax(0,1fr) 30px!important;
        grid-template-rows:auto auto!important;
        column-gap:7px!important;
        row-gap:5px!important;
        align-items:center!important;
        padding:8px!important;
        border-radius:9px!important;
    }

    .l2-achievement-holder__pos{
        grid-column:1!important;
        grid-row:1!important;
        align-self:center!important;
        font-size:9px!important;
    }

    .l2-achievement-holder__avatar{
        grid-column:2!important;
        grid-row:1!important;
        width:38px!important;
        height:38px!important;
        border-radius:8px!important;
    }

    .l2-achievement-holder__copy{
        grid-column:3!important;
        grid-row:1!important;
        min-width:0!important;
    }

    .l2-achievement-holder__copy strong{
        font-size:11px!important;
        line-height:1.15!important;
    }

    .l2-achievement-holder__copy small{
        margin-top:3px!important;
        font-size:8px!important;
    }

    .l2-achievement-holder__link{
        grid-column:4!important;
        grid-row:1!important;
        align-self:center!important;
        width:30px!important;
        height:30px!important;
        border-radius:7px!important;
        font-size:9px!important;
    }

    /*
     * Data vira um rodapé da linha do jogador.
     * Isso evita que ela fique espremida ao lado do nome.
     */
    .l2-achievement-holder__date{
        grid-column:2 / 5!important;
        grid-row:2!important;
        min-width:0!important;
        display:flex!important;
        align-items:center!important;
        justify-content:space-between!important;
        gap:8px!important;
        padding:5px 7px 0!important;
        margin-top:1px!important;
        border-left:0!important;
        border-top:1px solid rgba(194,154,91,.10)!important;
        text-align:left!important;
    }

    .l2-achievement-holder__date small{
        display:block!important;
        margin:0!important;
        font-size:7px!important;
        line-height:1.1!important;
    }

    .l2-achievement-holder__date strong{
        display:block!important;
        margin:0!important;
        font-size:10px!important;
        line-height:1.1!important;
        white-space:nowrap!important;
    }

    /* Light: divisor da data acompanha a paleta clara */
    html[data-l2-theme="light"] .l2-achievement-holder__date{
        border-top-color:#ded1bf!important;
    }

    /* Estado vazio/erro menos alto no celular */
    .l2-achievement-holders-modal__state{
        min-height:105px!important;
        padding:14px!important;
        font-size:9px!important;
    }
}


/* =========================================================
   v2.1.244 - Modal de conquistadores: somente a data
   ========================================================= */
.l2-achievement-holder__date small{
    display:none!important;
}

.l2-achievement-holder__date{
    justify-content:flex-end!important;
}