/* Approved compact mercenary cards; preserve registered portraits and live state. */
html:root body #top #elementalMercenaryList{max-width:760px!important;margin-inline:auto!important;padding:0 14px 24px!important;background:radial-gradient(ellipse at top,#fffdf5,#f4eddb)!important;border-radius:12px!important;overflow:hidden!important}
html:root body #top #elementalMercenaryList .mercenary29-hero{position:relative!important;display:block!important;width:calc(100% + 28px)!important;margin:0 -14px 0!important;aspect-ratio:1024/560;border:0!important;border-radius:0!important;overflow:hidden}
.mercenary29-hero svg{position:absolute;inset:0;width:100%;height:100%;display:block}
html:root body #top #elementalMercenaryList .mercenary25-title{display:flex!important;align-items:center;justify-content:center;gap:12px;margin:16px 0!important;font:700 clamp(21px,5.4vw,30px)/1.4 serif!important;color:#332c27!important;-webkit-text-fill-color:#332c27!important}
.mercenary25-title::before,.mercenary25-title::after{content:'✧';flex:1;color:#ac7d32;font-size:22px;background:linear-gradient(#bb995750,#bb995750) center/100% 1px no-repeat}
html:root body #top #mercenaryCards{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;max-width:650px!important;width:100%!important;align-items:stretch!important}
html:root body #top #elementalMercenaryList .mercenary-profile-card{position:relative!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;width:100%!important;max-width:none!important;min-width:0!important;margin:0!important;padding:9px!important;min-height:0!important;aspect-ratio:auto!important;overflow:hidden!important;border:1px solid #b4873f!important;border-radius:13px!important;background:linear-gradient(135deg,#18344f,#09172c)!important;box-shadow:0 4px 12px #4b361e33,inset 0 0 0 2px #d4b16c!important}
html:root body #top #elementalMercenaryList .mercenary-profile-card::after{z-index:3!important}
html:root body #top #elementalMercenaryList .mercenary-profile-card > img,html:root body #top #elementalMercenaryList .mercenary-portrait-placeholder{display:block!important;width:100%!important;height:auto!important;aspect-ratio:1/1!important;object-fit:cover!important;object-position:center 25%!important;flex:none!important;border-radius:7px 7px 0 0!important;margin:0!important}
html:root body #top #elementalMercenaryList .mercenary-card-copy{display:flex!important;flex-direction:column!important;flex:1!important;gap:5px!important;padding:10px 5px 24px!important;margin:0!important;min-width:0!important;border-radius:0 0 8px 8px!important;background:linear-gradient(#142b44,#09182d)!important;color:#fff1cb!important}
html:root body #top #elementalMercenaryList .mercenary-card-copy header{display:contents!important}
html:root body #top #elementalMercenaryList .mercenary-card-copy strong{order:0;font:700 clamp(16px,4.1vw,24px)/1.35 serif!important;overflow-wrap:anywhere;color:#ffe7ac!important}
html:root body #top #elementalMercenaryList .mercenary-card-copy .mercenary-job{order:1;font:14px/1.4 serif!important;color:#ecd8a8!important;margin:0!important}
html:root body #top #elementalMercenaryList .mercenary-card-copy header span{order:2;align-self:center;font:12px/1.3 system-ui!important;padding:3px 12px!important;margin:3px 0 4px!important;border:1px solid #c8bd89!important;border-radius:24px!important}
html:root body #top #elementalMercenaryList .mercenary-card-copy p:not(.mercenary-job){order:3;color:#fff5da!important;font:14px/1.6 serif!important;margin:2px 0!important;white-space:pre-wrap;overflow-wrap:anywhere}
html:root body #top #elementalMercenaryList .mercenary-card-copy small{display:none!important}
html:root body #top #elementalMercenaryList .mercenary29-empty{cursor:default!important;pointer-events:none}
.mercenary29-empty .mercenary29-empty-portrait{aspect-ratio:1/1;border-radius:7px;background:radial-gradient(ellipse at 50% 35%,#31506d55,transparent 65%),linear-gradient(135deg,#142b44,#0c1c32);border:1px solid #bfa06b44}
html:root body #top #elementalMercenaryList .mercenary29-empty .mercenary-card-copy{min-height:150px!important}
html:root body #top #elementalMercenaryList button.mercenary-profile-card:focus-visible{outline:3px solid #b88628!important;outline-offset:3px}
html:root body #screenBack{border:1px solid #efcc80!important;border-radius:16px 5px 16px 5px!important;background:linear-gradient(145deg,#284c6b 0%,#102b49 45%,#07182d 100%)!important;box-shadow:inset 0 0 0 3px #0c223b,inset 0 0 0 4px #be965b,0 3px 8px #06172b66!important;padding:9px 19px!important}
html:root body #screenBack::before,html:root body #screenBack::after{content:'◆';position:absolute;top:50%;transform:translateY(-50%);font-size:9px;color:#edca82;pointer-events:none}
html:root body #screenBack::before{left:4px}html:root body #screenBack::after{right:4px}
@media(max-width:360px){html:root body #top #mercenaryCards{gap:8px!important}html:root body #top #elementalMercenaryList{padding-inline:10px!important}html:root body #top #elementalMercenaryList .mercenary29-hero{width:calc(100% + 20px)!important;margin-inline:-10px!important}html:root body #top #elementalMercenaryList .mercenary-card-copy p:not(.mercenary-job){font-size:12px!important}}

html:root body #top #elementalMercenaryList .mercenary-profile-card::after{display:none!important}
.mercenary29-frame{display:block!important;position:absolute!important;inset:0!important;width:100%!important;height:100%!important;pointer-events:none!important;z-index:3!important}

html:root body #top #elementalMercenaryList .mercenary-profile-card{height:100%!important;align-self:stretch!important;box-sizing:border-box!important;max-height:none!important}

html:root body #top #elementalMercenaryList .mercenary29-hero{max-width:none!important}
html:root body #top #elementalMercenaryList .mercenary-card-copy{text-align:center!important}