#modal-bestiario{position:fixed;inset:0;padding:10px;box-sizing:border-box;background:#030710cc;backdrop-filter:blur(5px);z-index:100000;align-items:center;justify-content:center;color:#e2e8f0;font:14px/1.5 Arial,sans-serif}#modal-bestiario *{box-sizing:border-box}#container-livro{width:100%;max-width:620px;height:88vh;height:88dvh;display:flex;flex-direction:column;position:relative;overflow:hidden;background:linear-gradient(145deg,#182433,#0b1421);border:1px solid #a78c52;border-radius:18px;box-shadow:0 22px 70px #0009}#modal-bestiario button{font:inherit;cursor:pointer;min-height:44px}#modal-bestiario button:focus-visible{outline:2px solid #e9c97f;outline-offset:-3px}.codice-header{display:flex;align-items:center;gap:12px;padding:16px;border-bottom:1px solid #ffffff0e;background:#ffffff03}.codice-seal{display:grid;place-items:center;flex:0 0 42px;height:42px;border:1px solid #a88c514d;border-radius:12px;background:#d4b46810;font-size:22px}.codice-header small,.codice-region-title small{font-size:9px;letter-spacing:1.4px;color:#adbbcc}.codice-header h2{margin:2px 0 0;color:#e9ce92;font:700 19px/1.3 Georgia,serif}.codice-close{margin-left:auto;flex:0 0 40px;color:#d4deeb;background:#ffffff05;border:1px solid #ffffff15;border-radius:12px;font-size:25px!important}.codice-tabs{display:flex;gap:8px;padding:12px 14px 8px}.codice-tabs button{flex:1;border:1px solid #354354;background:#152031;color:#aab8ca;border-radius:10px;font-weight:bold!important}.codice-tabs button[aria-selected=true]{color:#f0d698;border-color:#b89a56;background:linear-gradient(135deg,#52452b,#2c2a24)}#codice-regioes{display:flex;gap:8px;overflow-x:auto;flex-shrink:0;padding:4px 14px 12px;scrollbar-width:thin;scrollbar-color:#667387 transparent}#codice-regioes[hidden]{display:none}#codice-regioes button{flex-shrink:0;white-space:nowrap;border:1px solid #334155;border-radius:9px;background:#101a28;color:#b5c3d4;padding:7px 11px;font-size:12px}#codice-regioes button span{color:#7f8fa5;font-size:10px;margin-right:7px}#codice-regioes button[aria-current=true]{background:#283444;border-color:#8d7850;color:#f1d99f}#grid-monstros{min-height:0;flex:1;overflow-y:auto;overscroll-behavior:contain;padding:14px;display:grid;grid-template-columns:repeat(auto-fill,minmax(125px,1fr));gap:12px;align-content:start;scrollbar-width:thin;scrollbar-color:#586679 transparent}.codice-region-title{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:3px}.codice-region-title h3{margin:3px 0;color:#ead49f;font:700 17px Georgia,serif}.codice-region-title>span{font-size:11px;color:#8fa1b9;text-align:right}.codice-creature{display:flex;flex-direction:column;align-items:center;border:1px solid #354357;background:linear-gradient(145deg,#223044,#131e2c);border-radius:13px;padding:12px 8px;color:#dbe4ef;gap:7px}.codice-art{height:80px;display:flex;align-items:center}.codice-art img{width:72px;height:72px;object-fit:contain;filter:drop-shadow(0 4px 6px #0008)}[data-known="0"] .codice-art img{filter:brightness(0);opacity:.6}.codice-creature strong{font-size:12px;min-height:32px;display:flex;align-items:center}.codice-creature small{font-size:10px;color:#90a2bc}.codice-creature[data-known="3"]{border-color:#aa8c4f}.codice-creature[data-known="3"] small{color:#dfc27d}.codice-kills{border-radius:6px;background:#ffffff06;color:#b9c8d9;padding:3px 8px;font-size:11px}.codice-empty{grid-column:1/-1;color:#94a3b8;padding:35px 14px;text-align:center}.codice-loading{padding:24px;background:#142031;border:1px solid #ac9259;border-radius:14px}.codice-loading button{display:block;margin:12px auto 0}#painel-detalhes-mob{position:absolute;inset:0;z-index:2;background:#101b2a;display:flex;flex-direction:column}.codice-detail-header{display:flex;align-items:center;gap:12px;padding:10px 14px;border-bottom:1px solid #344155;color:#c8b383}.codice-detail-header button{background:#202c3e;border:1px solid #475569;color:#e0c58a;border-radius:9px;padding:8px 12px}.codice-detail-body{overflow:auto;padding:20px;text-align:center}.codice-detail-body h2{color:#e9ce92;font-family:Georgia,serif}.codice-detail-body>small{color:#94a3b8}.codice-detail-art{display:block;object-fit:contain;width:132px;height:132px;margin:15px auto}.codice-detail-body article{text-align:left;background:#192638;border:1px solid #344256;border-radius:12px;padding:14px;margin-top:16px}.codice-detail-body h3{margin:0 0 12px;color:#e5ca90;font:700 16px Georgia,serif}.codice-stats{display:grid;grid-template-columns:1fr 1fr;gap:8px}.codice-stats div{display:flex;flex-direction:column;gap:4px;padding:10px;background:#0e1927;border-radius:8px;font-size:12px}.codice-stats span{color:#9dacc0}.codice-drop{display:flex;justify-content:space-between;gap:10px;padding:9px 0;border-bottom:1px solid #ffffff09;font-size:12px}.codice-drop strong{color:#b6d6b3}#grid-monstros .companheiros-panel>header{background:none;padding:0;border:0;text-align:left}#grid-monstros .companheiros-panel>header h3{font-size:18px}#grid-monstros .companheiros-panel article{margin:12px 0}#grid-monstros .companheiros-panel progress{display:block;border:0;border-radius:8px;overflow:hidden;background:#0a1220}#grid-monstros progress::-webkit-progress-bar{background:#0a1220;border-radius:8px}#grid-monstros progress::-webkit-progress-value{background:linear-gradient(90deg,#ac8948,#e0c578);border-radius:8px}@media(max-width:360px){.codice-header{padding:12px;gap:8px}.codice-header h2{font-size:17px}.codice-header small{font-size:8px}#grid-monstros{gap:9px;padding:10px}.codice-stats{gap:5px}}

/* Isola os cartões das regras globais de botões e cabeçalhos do jogo. */
#modal-bestiario #grid-monstros { grid-auto-rows: max-content; }
#modal-bestiario .codice-region-title {
    background: transparent; border: 0; box-shadow: none; padding: 4px 0 12px;
    text-align: left; min-height: 0; height: auto; position: static;
}
#modal-bestiario button.codice-creature {
    appearance: none; position: relative; display: flex; flex-direction: column;
    width: 100%; min-width: 0; height: auto; min-height: 194px; max-height: none;
    padding: 12px 8px; margin: 0; overflow: hidden; white-space: normal;
    justify-content: flex-start; align-items: center; gap: 7px; line-height: 1.4;
}
#modal-bestiario .codice-creature > * { flex-shrink: 0; }
#modal-bestiario .codice-art {
    display: flex; align-items: center; justify-content: center;
    position: static; width: 100%; height: 80px; min-height: 80px;
}
#modal-bestiario .codice-art img {
    display: block; position: static; width: 72px; height: 72px;
    max-width: 100%; max-height: 72px; object-fit: contain; margin: 0;
}
#modal-bestiario .codice-creature strong {
    width: 100%; min-height: 34px; height: auto; white-space: normal;
    overflow-wrap: anywhere; justify-content: center; text-align: center;
}
#modal-bestiario .codice-creature small { line-height: 1.4; }
#modal-bestiario .codice-header, #modal-bestiario .codice-detail-header {
    flex-shrink: 0; box-shadow: none; text-align: left;
}
#modal-bestiario .codice-detail-header { background: #142032; }

#modal-bestiario .codice-mastery{width:85%;height:5px;accent-color:#d9b865;flex-shrink:0;margin:2px 0}