/* BEMMAFIA V13.7 — responsive role cards, lazy WebP images. */
.bem-brand-img,.bem-logo-small{object-fit:contain;flex-shrink:0;display:block}
.bem-brand-img{width:41px;height:41px}.bem-logo-small{width:43px;height:43px}
.rule-role-card{display:flex;flex-direction:column;overflow:hidden}
.rules-role-img{width:100%;max-height:250px;aspect-ratio:3/4;object-fit:contain;object-position:center;background:#120f15;border-radius:10px;margin-bottom:12px;border:1px solid #664c38;cursor:zoom-in;transition:transform .18s ease}
.rules-role-img:hover{transform:scale(1.015)}
.role-dialog-card{width:min(100%,570px)}
.role-portrait{display:block;max-height:min(49vh,460px);width:auto;max-width:100%;height:auto;object-fit:contain;margin:0 auto 12px;border-radius:12px;box-shadow:0 10px 33px #0009}
.v10-role-card{grid-template-columns:minmax(0,140px) 1fr;align-items:center}
.countdown-role-img{grid-row:span 4;width:100%;aspect-ratio:3/4;object-fit:contain;border-radius:10px;border:1px solid #826247;max-height:260px}
#roleDialogImage.hidden{display:none}
@media(max-width:600px){.v10-role-card{grid-template-columns:minmax(0,90px) 1fr;gap:8px;padding:12px}.countdown-role-img{max-height:175px}.role-portrait{max-height:45vh}.role-dialog-card{padding:19px 16px}.rules-role-img{max-height:300px}}
@media(max-width:360px){.v10-role-card{grid-template-columns:1fr}.countdown-role-img{width:120px;grid-row:auto;margin:auto}}