/* LoA V13 — user-supplied independent avatar border artwork and card identity rows.
   Does not resize the art banners or stretch the repeatable card center. */
.loa-avatar-portrait{position:relative;isolation:isolate;flex:0 0 auto;width:clamp(105px,25%,180px);aspect-ratio:1;display:block}
.loa-avatar-portrait-icon{position:absolute;inset:19%;width:62%;height:62%;object-fit:contain;image-rendering:pixelated;z-index:1}
.loa-avatar-portrait-border{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;image-rendering:pixelated;z-index:2;pointer-events:none}
.loa-master-identity-row{position:relative;z-index:4;display:flex;align-items:center;justify-content:center;gap:clamp(10px,2vw,23px);width:100%;min-width:0;margin:0 auto 15px;text-align:left!important}
.loa-master-identity-row h2,.loa-master-preview-identity .loa-mc-demo-name{flex:1;min-width:0;overflow-wrap:anywhere;text-align:left!important;font-size:clamp(24px,4vw,64px)!important;line-height:1.08!important;letter-spacing:.01em;color:var(--loa-player-name-color,#f4dc9e)!important;margin:0!important}
.loa-master-constructed .loa-mc-head::before,.loa-master-constructed .loa-mc-head img.loa-mc-avatar{display:none!important}
.loa-private-profile-card.loa-master-constructed .loa-private-profile-core,.loa-public-card.loa-master-constructed .loa-public-card-body{padding-top:clamp(16px,3%,36px)!important}
body[data-page="public-profile"] .loa-public-card.loa-master-constructed .loa-public-card-body{padding:clamp(16px,3%,36px) 10% 5%!important}
.loa-mc-demo.loa-master-constructed .loa-mc-demo-body{padding:16px 10% 22px!important}
.loa-master-preview-identity{margin-bottom:8px}
.loa-master-preview-identity .loa-avatar-portrait{width:clamp(67px,24%,98px)}
.loa-master-preview-identity .loa-mc-demo-name{font-size:clamp(16px,3vw,27px)!important}
.loa-mc-shape-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;max-width:300px}
.loa-mc-shape-button{background:#102035;color:#eed3a4;border:1px solid #6e8197;padding:12px;font:700 12px var(--sans,system-ui);cursor:pointer}
.loa-mc-shape-button[aria-pressed="true"]{border-color:#f1cf82;box-shadow:0 0 0 2px #f1cf8260}
.loa-mc-shape-button:focus-visible{outline:3px solid #8bdcff;outline-offset:3px}
/* Game profile: the portrait and player name form the top row of information. */
.loa-gc-art .loa-gc-identity{display:grid!important;grid-template-columns:clamp(110px,30%,225px) minmax(0,1fr);align-items:center;justify-items:stretch;column-gap:clamp(10px,2.4vw,23px);row-gap:8px;width:100%;max-width:100%;margin:0 0 13px!important;text-align:left}
.loa-gc-art .loa-gc-identity .loa-gc-avatar-wrap{grid-column:1;grid-row:1;margin:0!important;width:100%!important;max-width:100%;height:auto!important;aspect-ratio:1;min-width:0}
.loa-gc-art .loa-gc-identity .loa-gc-identity-caption{grid-column:1/-1;grid-row:2;order:9;text-align:center;margin:0 0 2px}
.loa-gc-art .loa-gc-identity h2{grid-column:2;grid-row:1;min-width:0;font-size:clamp(23px,4.3vw,65px)!important;line-height:1.08!important;text-align:left!important;overflow-wrap:anywhere;color:var(--game-player-name-color,#f6cf74)!important;margin:0!important}
.loa-gc-art .loa-gc-avatar-wrap #gameCardIcon{width:100%;height:100%;padding:18%;object-fit:contain;z-index:1}
.loa-gc-art .loa-gc-avatar-wrap .loa-gc-avatar-border-image{width:100%;height:100%;object-fit:contain;z-index:2}
.loa-gc-shape-button{min-height:48px}
/* Preserve desktop card enlargement while fitting cards across narrow viewports. */
@media(max-width:600px){
 .loa-gc-art .loa-gc-identity{grid-template-columns:clamp(92px,29%,142px) minmax(0,1fr);column-gap:12px}
 .loa-gc-art .loa-gc-identity h2{font-size:clamp(20px,6vw,35px)!important}
 .loa-master-identity-row{gap:10px}
 .loa-master-identity-row .loa-avatar-portrait{width:clamp(80px,28%,122px)}
 .loa-master-identity-row h2{font-size:clamp(20px,5.5vw,35px)!important}
 .loa-mc-demo .loa-master-identity-row .loa-avatar-portrait{width:72px}
 .loa-mc-demo .loa-master-identity-row .loa-mc-demo-name{font-size:20px!important}
}

/* V16: layer the icon and border on precisely the same 64×64 canvas. */
.loa-avatar-portrait-icon{inset:0!important;width:100%!important;height:100%!important;object-fit:contain!important}
.loa-avatar-portrait-border{inset:0!important;width:100%!important;height:100%!important;object-fit:contain!important}
.loa-gc-art .loa-gc-avatar-wrap #gameCardIcon{inset:0!important;padding:0!important;width:100%!important;height:100%!important;object-fit:contain!important}
.loa-gc-art .loa-gc-avatar-wrap .loa-gc-avatar-border-image{inset:0!important;width:100%!important;height:100%!important;object-fit:contain!important}
.loa-gc-border-example{position:relative!important;display:block!important;width:72px!important;height:72px!important;aspect-ratio:1;overflow:visible!important;border:0!important;background:transparent!important;margin-inline:auto}
.loa-gc-border-preview-avatar,.loa-gc-border-preview-img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:contain!important;image-rendering:pixelated}
.loa-gc-border-preview-avatar{z-index:1!important}.loa-gc-border-preview-img{z-index:2!important}
.loa-game-mini .loa-gc-mini-avatar .loa-gc-mini-icon{inset:0!important;padding:0!important;width:100%!important;height:100%!important}