/* Seven genuine pixel-sliced master cards, width responsive, height unlimited.
   NO stretched full-card image. Top/footer preserve ratio; side rails tile seamlessly. */
.loa-private-profile-card.loa-master-constructed,
.loa-public-card.loa-master-constructed,
.loa-mc-demo.loa-master-constructed{
  --mc-accent:#91dfff;--mc-bg-top:#15253b;--mc-bg-bottom:#090f1c;
  position:relative;isolation:isolate;display:block;box-sizing:border-box;
  width:min(100%,543px);max-width:543px;height:auto;min-height:0;
  margin:18px auto 0;padding:0;border:0!important;border-image:none!important;
  background:transparent!important;box-shadow:none!important;overflow:visible;
  color:#eff3fa;text-align:center;
}
.loa-master-constructed[hidden]{display:none!important}
.loa-master-constructed::before,.loa-master-constructed::after{
  content:"";position:absolute;top:clamp(32px,11vw,60px);bottom:clamp(16px,5.5vw,29px);width:13.45%;z-index:5;
  background-size:100% auto;background-repeat:repeat-y;image-rendering:pixelated;pointer-events:none;
}
.loa-master-constructed::before{left:0;background-image:var(--mc-left)}
.loa-master-constructed::after{right:0;background-image:var(--mc-right)}
.loa-mc-head,.loa-mc-foot{position:relative;display:block;width:100%;z-index:6;pointer-events:none;}
.loa-mc-head{aspect-ratio:543 / 260;overflow:visible}
.loa-mc-foot{aspect-ratio:543 / 140;clear:both}
.loa-mc-head::after,.loa-mc-foot::after{
 content:"";position:absolute;inset:0;background-size:100% 100%;background-repeat:no-repeat;
 z-index:3;image-rendering:pixelated;pointer-events:none;
}
.loa-mc-head::after{background-image:var(--mc-top)}
.loa-mc-foot::after{background-image:var(--mc-bottom)}
.loa-mc-avatar{position:absolute;left:calc(50% + 1px);top:calc(52% + 1px);width:27%;height:auto;aspect-ratio:1;
 transform:translate(-50%,-50%);object-fit:cover;object-position:center center;clip-path:circle(41% at center);background:#0a131e;image-rendering:pixelated;
 z-index:2;filter:drop-shadow(0 2px 4px #000d);
}
.loa-private-profile-card.loa-master-constructed .loa-private-profile-core,
.loa-public-card.loa-master-constructed .loa-public-card-body{
 position:relative;z-index:2;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;
 width:100%;padding:0 15.5% 14px!important;
 background:transparent!important;margin:0!important;min-width:0;
}
.loa-master-constructed .loa-private-profile-overline,
.loa-master-constructed .preview-label{font:800 10px/1.6 var(--sans,system-ui);letter-spacing:.13em;color:var(--mc-accent);margin:0 0 10px}
.loa-master-constructed .loa-private-profile-core h2,
.loa-master-constructed .loa-public-card-body h2{
 color:#fae4b8!important;font:800 clamp(20px,4vw,32px)/1.3 var(--serif,serif);margin:0 0 5px!important;
 max-width:100%;overflow-wrap:anywhere;text-wrap:balance;
}
.loa-master-constructed .loa-private-profile-handle,
.loa-master-constructed .loa-public-handle{color:var(--mc-accent)!important;font-size:13px;overflow-wrap:anywhere;margin:0 0 12px}
.loa-master-constructed .loa-private-profile-divider,
.loa-master-constructed .loa-public-rule{color:var(--mc-accent);margin:0 0 14px}
.loa-master-constructed .loa-private-profile-core h3,
.loa-master-constructed .loa-public-card-body h3{font:800 13px/1.5 var(--serif,serif);color:#f4d7a1;margin:0 0 9px}
.loa-master-constructed .loa-private-profile-bio,
.loa-master-constructed .loa-public-bio{
 box-sizing:border-box;width:100%;max-width:100%;min-height:52px;
 padding:11px 12px;margin:0 0 15px;line-height:1.6;font-size:12.5px;
 color:#dce6f1;background:#071423b8;border:1px solid #9ab2c13e;
 overflow-wrap:anywhere;white-space:pre-wrap;text-align:left;
}
.loa-master-constructed .loa-private-profile-actions,
.loa-master-constructed .loa-public-actions{
 width:100%;display:flex;gap:8px;flex-direction:column;flex-wrap:nowrap;
 align-items:stretch;justify-content:center;margin:0!important;
}
.loa-master-constructed .loa-private-profile-actions .button,
.loa-master-constructed .loa-public-actions .button{display:flex;justify-content:center;white-space:normal;box-sizing:border-box;min-width:0;text-align:center}
.loa-master-constructed #publicProfileEditLink[hidden],
.loa-master-constructed #myPublicProfileButton[hidden]{display:none!important}
.loa-master-constructed .loa-private-profile-avatar,
.loa-master-constructed .loa-public-card-avatar,
.loa-master-constructed .loa-private-profile-art,
.loa-master-constructed .loa-public-card-art{display:none!important}
.loa-mc-selection{margin:18px 0 23px;border:0;padding:0;min-width:0}
.loa-mc-selection legend{font:800 15px/1.5 var(--serif,serif);color:#f2d8a5;margin:0 0 6px;padding:0}
.loa-mc-selector-help{font:400 11px/1.65 var(--sans,system-ui);color:#9eb6c6;margin:4px 0 15px}
.loa-mc-choice-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(116px,1fr));gap:11px;margin:0 0 12px}
.loa-mc-choice{position:relative;text-align:center;display:block;width:100%;min-width:0;
 padding:8px 7px 9px;cursor:pointer;background:#101e2d;border:1px solid #465f76;color:#f6dcad;
 font:700 11px/1.45 var(--sans,system-ui);border-radius:5px;}
.loa-mc-choice:hover{border-color:#a4bfcc;background:#1a3144}
.loa-mc-choice[aria-pressed="true"]{border-color:#ffd78d;box-shadow:0 0 0 2px #e6b96a66;background:#1d3346}
.loa-mc-choice:focus-visible{outline:3px solid #8bdcff;outline-offset:3px}
.loa-mc-choice small{display:block;color:#a8bbc9;font:400 10px/1.5 var(--sans,system-ui);margin-top:3px}
.loa-mc-mini{position:relative;display:block;box-sizing:border-box;isolation:isolate;width:100%;max-width:136px;margin:0 auto 7px;
 background:linear-gradient(180deg,var(--mc-bg-top),var(--mc-bg-bottom));height:auto;aspect-ratio:543/620}
.loa-mc-mini::before,.loa-mc-mini::after{content:"";position:absolute;top:0;bottom:0;width:13.45%;z-index:3;background-repeat:repeat-y;background-size:100% auto;image-rendering:pixelated}
.loa-mc-mini::before{left:0;background-image:var(--mc-left)}
.loa-mc-mini::after{right:0;background-image:var(--mc-right)}
.loa-mc-mini-head,.loa-mc-mini-foot{display:block;width:100%;position:relative;z-index:4;aspect-ratio:543/260;
 background-image:var(--mc-top);background-repeat:no-repeat;background-size:100% 100%;image-rendering:pixelated;}
.loa-mc-mini-head img{position:absolute;width:27%;height:auto;aspect-ratio:1;left:50%;top:52%;transform:translate(-50%,-50%);object-fit:cover;object-position:center center;clip-path:circle(41% at center);background:#0a131e;image-rendering:pixelated;}
.loa-mc-mini-body{display:grid;place-items:center;position:relative;z-index:2;color:var(--mc-accent);height:26%;font-size:21px}
.loa-mc-mini-foot{position:absolute;bottom:0;left:0;aspect-ratio:543/140;background-image:var(--mc-bottom)}
.loa-mc-avatar-options{display:grid;grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:9px;margin-top:10px}
.loa-mc-avatar-option{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;min-height:85px;
 padding:9px 7px;border:1px solid #476079;border-radius:5px;background:#0e2031;color:#f5dcb6;
 font:700 10px/1.5 var(--sans,system-ui);cursor:pointer;text-align:center}
.loa-mc-avatar-option img{width:66px;height:66px;object-fit:contain;image-rendering:pixelated}
.loa-mc-avatar-option[aria-pressed="true"]{border-color:#f1d087;box-shadow:0 0 0 2px #f1d08755}
.loa-mc-avatar-option:focus-visible{outline:3px solid #8bdcff;outline-offset:2px}
.loa-mc-preview-caption{font:400 11px/1.6 var(--sans,system-ui);color:#aec8d7;margin:6px 0 14px}
.loa-mc-demo.loa-master-constructed{width:min(100%,360px)}
.loa-mc-demo .loa-mc-demo-body{padding:0 16%;text-align:center;position:relative;z-index:2;color:#f5dba9}
.loa-mc-demo .loa-mc-demo-name{display:block;font:800 22px/1.3 var(--serif,serif);overflow-wrap:anywhere}
.loa-mc-demo .loa-mc-demo-handle{color:var(--mc-accent);font:600 12px/1.5 var(--sans,system-ui);display:block;margin-top:5px}
.loa-mc-demo .loa-mc-demo-bio{display:block;color:#b5ccd9;font:400 12px/1.6 var(--sans,system-ui);margin:12px 0 8px;overflow-wrap:anywhere;white-space:pre-wrap}
@media(max-width:460px){
 .loa-private-profile-card.loa-master-constructed .loa-private-profile-core,
 .loa-public-card.loa-master-constructed .loa-public-card-body{padding-inline:15.3%!important}
 .loa-mc-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .loa-mc-avatar-options{grid-template-columns:repeat(3,minmax(0,1fr))}
 .loa-mc-demo.loa-master-constructed{max-width:320px}
 .loa-master-constructed .loa-private-profile-core h2,.loa-master-constructed .loa-public-card-body h2{font-size:clamp(19px,6vw,29px)}
 .loa-master-constructed .loa-private-profile-bio,.loa-master-constructed .loa-public-bio{font-size:12px}
}

/* Fill only the inside of the frame so transparent ornament margins have no square backplate. */
.loa-master-constructed .loa-mc-interior{position:absolute;z-index:0;left:8.4%;right:8.4%;top:9%;bottom:7%;pointer-events:none;background:linear-gradient(180deg,var(--mc-bg-top),var(--mc-bg-bottom));box-shadow:0 0 24px #0008 inset}
.loa-master-constructed .loa-private-profile-core,.loa-master-constructed .loa-public-card-body,.loa-master-constructed .loa-mc-demo-body{background:transparent!important}

/* Master avatar options: icon-only per user request. */
.loa-mc-avatar-option{font-size:0;line-height:0}
.loa-mc-avatar-option img{margin:0 auto}


/* Border choice previews now show the active avatar directly beneath the frame. */
.loa-gc-border-example{position:relative;display:inline-grid;place-items:center;width:72px;height:72px;margin:0 auto 6px;background:#0b1622;border:1px solid #33485c;overflow:hidden}
.loa-gc-border-preview-avatar{position:absolute;inset:5px;width:calc(100% - 10px);height:calc(100% - 10px);object-fit:contain;image-rendering:pixelated}
.loa-gc-border-preview-img{position:relative;z-index:2;width:100%;height:100%;object-fit:contain;image-rendering:pixelated}