/* Legends of Ascension — v12 public profile presentation only.
   The v11 three-piece images are used unchanged.  Every element scales by its
   natural aspect ratio; repeating middle tiles vertically without distortion.
   Private profile editors and account pages retain their original layout. */

/* Public master card: 543px -> 815px, or approximately 50% larger on desktop. */
body[data-page="public-profile"] .loa-public-profile-container{
  width:min(100% - 40px,1100px);max-width:1100px;margin-inline:auto;
}
body[data-page="public-profile"] .loa-public-card.loa-master-constructed{
  width:min(100%,815px)!important;max-width:815px!important;margin:22px auto 0!important;
}
/* The avatar medallion grows in the same proportion as the illustrated header. */
body[data-page="public-profile"] .loa-public-card.loa-master-constructed .loa-mc-head::before{
  width:23.57%!important;height:auto!important;aspect-ratio:1;bottom:-59.5%!important;
}
body[data-page="public-profile"] .loa-public-card.loa-master-constructed .loa-mc-head img.loa-mc-avatar{
  width:16.94%!important;height:auto!important;aspect-ratio:1;bottom:-49.55%!important;
}
body[data-page="public-profile"] .loa-public-card.loa-master-constructed .loa-public-card-body{
  padding:21.55% 10% 5%!important;
}
body[data-page="public-profile"] .loa-public-card.loa-master-constructed .loa-public-card-body h2{
  font-size:clamp(25px,3.3vw,41px);
}
body[data-page="public-profile"] .loa-public-card.loa-master-constructed .loa-public-handle{font-size:clamp(13px,1.65vw,17px)}
body[data-page="public-profile"] .loa-public-card.loa-master-constructed .loa-public-bio{font-size:clamp(13px,1.5vw,16px)}
body[data-page="public-profile"] .loa-public-card.loa-master-constructed .loa-public-actions{max-width:420px}

/* Public game pages: no owner-hint sidebar, no edit panel, centered 720px card.
   The actual private editor still uses its original two-column layout. */
body.loa-public-game-view .loa-game-detail-columns{display:block!important;max-width:none;margin-inline:auto}
body.loa-public-game-view .loa-game-preview{width:100%;max-width:none;margin-inline:auto;text-align:center}
body.loa-public-game-view .loa-real-game-card.loa-gc-art{
  width:min(100%,720px)!important;max-width:720px!important;margin-inline:auto!important;
}
body.loa-public-game-view .loa-game-editor,
body.loa-public-game-view .loa-game-owner-hint{display:none!important}
body.loa-public-game-view .loa-game-share-actions{justify-content:center}
body.loa-public-game-view .loa-game-preview .feedback{text-align:center}
body.loa-public-game-view .loa-gc-art .loa-gc-avatar-wrap{width:min(222px,54%)}
body.loa-public-game-view .loa-gc-art .loa-gc-content{padding:36px clamp(22px,9.5%,76px) 46px}
body.loa-public-game-view .loa-gc-art .loa-gc-content h2{font-size:clamp(26px,3.25vw,43px)}
body.loa-public-game-view .loa-gc-art .loa-game-master{font-size:15px}
body.loa-public-game-view .loa-gc-art .loa-game-bio{font-size:15px}

/* Statistics inherit the selected game card theme through variables applied by
   LOAGameCardArt.apply(). This also updates instantly in the owner preview. */
.loa-real-game-card.loa-gc-art .loa-stats-panel{
  color:#e9edf5;
  background:linear-gradient(155deg,
    color-mix(in srgb,var(--g9-panel,#142943) 88%,black 12%),
    color-mix(in srgb,var(--g9-panel-deep,#071324) 92%,black 8%));
  border:1px solid color-mix(in srgb,var(--g9-accent,#e8bb50) 65%,transparent);
  box-shadow:inset 0 0 26px color-mix(in srgb,var(--g9-glow,#68d7fc) 13%,transparent),0 8px 24px #0005;
}
.loa-real-game-card.loa-gc-art .loa-stats-heading,
.loa-real-game-card.loa-gc-art .loa-ach-heading{color:var(--g9-accent,#e8bb50)}
.loa-real-game-card.loa-gc-art .loa-stat-cell{
  background:linear-gradient(155deg,
    color-mix(in srgb,var(--g9-panel,#142943) 83%,var(--g9-accent,#e8bb50) 17%),
    color-mix(in srgb,var(--g9-panel-deep,#071324) 92%,black 8%));
  border:1px solid color-mix(in srgb,var(--g9-accent,#e8bb50) 36%,transparent);
  box-shadow:inset 0 0 12px #0004;
}
.loa-real-game-card.loa-gc-art .loa-stat-label{color:#c2d0d9}
.loa-real-game-card.loa-gc-art .loa-stat-value{color:#fff2d6;text-shadow:0 0 9px color-mix(in srgb,var(--g9-glow,#68d7fc) 30%,transparent)}
.loa-real-game-card.loa-gc-art .loa-ach-row{border-bottom-color:color-mix(in srgb,var(--g9-accent,#e8bb50) 25%,transparent);color:#e5e2df}
.loa-real-game-card.loa-gc-art .loa-ach-row::marker{color:var(--g9-accent,#e8bb50)}
.loa-real-game-card.loa-gc-art .loa-stats-help,
.loa-real-game-card.loa-gc-art .loa-stats-foot{color:#c0ced8}

/* Mobile: use the full available viewport width, without sideways scrolling. */
@media(max-width:640px){
  body[data-page="public-profile"] .loa-public-profile-container{width:100%;max-width:100%;padding:0}
  body[data-page="public-profile"] .loa-public-profile-container>.kicker,
  body[data-page="public-profile"] .loa-public-profile-container>h1,
  body[data-page="public-profile"] .loa-public-profile-container>.loa-public-status{padding-inline:16px}
  body[data-page="public-profile"] .loa-public-card.loa-master-constructed{width:100%!important;max-width:100%!important;margin-inline:0!important}
  body[data-page="public-profile"] .loa-public-card.loa-master-constructed .loa-public-card-body{padding:21.55% 9% 5%!important}
  body.loa-public-game-view .loa-game-detail-section>.container{width:100%;max-width:100%;padding-inline:0}
  body.loa-public-game-view .loa-game-back,
  body.loa-public-game-view .loa-game-detail-heading,
  body.loa-public-game-view .loa-game-status{margin-inline:16px}
  body.loa-public-game-view .loa-real-game-card.loa-gc-art{width:100%!important;max-width:100%!important}
  body.loa-public-game-view .loa-game-share-actions,
  body.loa-public-game-view .loa-game-preview .feedback{margin-inline:16px}
  body.loa-public-game-view .loa-gc-art .loa-gc-avatar-wrap{width:min(180px,50%)}
  body.loa-public-game-view .loa-gc-art .loa-gc-content{padding:22px max(30px,9.5%) 28px}
  body.loa-public-game-view .loa-gc-art .loa-game-bio{font-size:13px}
}