/* Legends of Ascension - original modular per-game profile cards (Step 28).
   No master-profile card art used. Header/footer remain undistorted; portrait & its border
   are INDEPENDENT, isolated HTML layers below the header. The sides repeat vertically. */
.loa-game-detail-columns{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(310px,.90fr);align-items:start;gap:28px}
.loa-game-preview{min-width:0}
.loa-real-game-card.loa-gc-art{
 --g2-accent:#d8aa53;--g2-top:#172b51;--g2-bottom:#101b33;
 position:relative;display:block;isolation:isolate;min-width:0;width:100%;max-width:480px;
 margin:0 auto;box-sizing:border-box;border:0!important;border-image:none!important;
 border-radius:0!important;clip-path:none!important;background:transparent!important;
 overflow:visible!important;box-shadow:0 22px 38px #0007!important;text-align:center;
}
.loa-gc-head{display:block;position:relative;width:100%;aspect-ratio:480/218;background-image:var(--g2-head);background-size:100% 100%;background-repeat:no-repeat;image-rendering:pixelated;pointer-events:none;z-index:3}
.loa-gc-foot{display:block;position:relative;width:100%;aspect-ratio:480/122;background-image:var(--g2-foot);background-size:100% 100%;background-repeat:no-repeat;image-rendering:pixelated;pointer-events:none;z-index:3}
.loa-gc-art .loa-gc-content{
 position:relative;box-sizing:border-box;width:100%;min-width:0;padding:10px max(34px,10%) 30px!important;
 display:flex;flex-direction:column;align-items:center;text-align:center;isolation:isolate;
 background:linear-gradient(180deg,var(--g2-top),var(--g2-bottom));z-index:2;
}
.loa-gc-art .loa-gc-content::before,.loa-gc-art .loa-gc-content::after{
 content:"";position:absolute;top:-1px;bottom:-1px;width:22px;z-index:4;
 background-size:22px 66px;background-repeat:repeat-y;image-rendering:pixelated;pointer-events:none;
}
.loa-gc-art .loa-gc-content::before{left:0;background-image:var(--g2-left)}
.loa-gc-art .loa-gc-content::after{right:0;background-image:var(--g2-right)}
/* Independent portrait assembly -- the icon and border do NOT belong to the outer artwork. */
.loa-gc-identity{display:flex;flex-direction:column;align-items:center;position:relative;z-index:3;
 width:100%;margin:0 auto 8px;padding:4px 0 2px}
.loa-gc-identity-caption{font:800 10px/1.5 var(--sans,system-ui);letter-spacing:.12em;text-transform:uppercase;
 color:var(--g2-accent);margin:0 0 13px}
.loa-gc-avatar-wrap{
 display:grid;place-items:center;position:relative;isolation:isolate;box-sizing:border-box;
 width:132px;height:132px;aspect-ratio:1;margin:0 auto 12px;
 background:#0a121f;box-shadow:0 6px 14px #0009;
}
.loa-gc-avatar-wrap #gameCardIcon{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);
 width:81%;height:81%;object-fit:contain;image-rendering:pixelated;z-index:1}
.loa-gc-avatar-wrap .loa-gc-avatar-border-image{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;
 image-rendering:pixelated;z-index:2;pointer-events:none}
.loa-gc-art .loa-gc-content h2{color:#f3e1bb;font:800 clamp(21px,3vw,31px)/1.23 var(--serif,serif);
 margin:0 0 7px!important;max-width:100%;overflow-wrap:anywhere}
.loa-gc-art .loa-game-master{margin:0 0 13px;max-width:100%;font:600 12px/1.6 var(--sans,system-ui);color:#bad0df}
.loa-gc-art .loa-game-title-badge{max-width:100%;font:800 11px/1.6 var(--sans,system-ui);
 padding:6px 9px;border:1px solid var(--g2-accent);background:#08121eb5;color:var(--g2-accent);
 margin:0 0 12px;overflow-wrap:anywhere}
.loa-gc-art .loa-game-tagline{margin:0 0 14px;color:#f5dfba;line-height:1.5;overflow-wrap:anywhere}
.loa-gc-art .loa-game-about-label{margin:0 0 7px;letter-spacing:.13em;color:var(--g2-accent);font-size:10px}
.loa-gc-art .loa-game-bio{display:block;width:100%;min-height:66px;padding:12px 13px;margin:0 0 14px;
 background:#05101c9c;border:1px solid #ffe6ae36;color:#d6e3ed;font:400 12px/1.7 var(--sans,system-ui);
 box-sizing:border-box;white-space:pre-wrap;overflow-wrap:anywhere;text-align:left}
.loa-gc-art #loaGameStats{width:100%;min-width:0;box-sizing:border-box;text-align:left;overflow-wrap:anywhere}
.loa-gc-art #loaGameStats *{min-width:0;box-sizing:border-box}
/* Two outer skins per game; 7 independent icons, 4 independent ornate avatar-border assets. */
.loa-gc-editor-fieldset{border:0;padding:0;margin:18px 0 21px;min-width:0}
.loa-game-editor .loa-gc-editor-fieldset legend{font:800 13px/1.5 var(--serif,serif);color:#f2d6a0;margin:0 0 6px}
.loa-gc-editor-help{font:400 11px/1.6 var(--sans,system-ui);color:#b0c2d2;margin:0 0 10px}
.loa-gc-choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}
.loa-gc-avatar-grid{grid-template-columns:repeat(auto-fit,minmax(78px,1fr));gap:8px}
.loa-gc-border-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.loa-gc-choice{display:flex;flex-direction:column;align-items:center;gap:8px;justify-content:flex-start;
 min-width:0;box-sizing:border-box;padding:10px 7px;cursor:pointer;border:1px solid #536c81;
 border-radius:3px;background:#102135;color:#f3dcb8!important;font:700 11px/1.45 var(--sans,system-ui);
 letter-spacing:normal!important;text-transform:none!important;margin:0!important;text-align:center}
.loa-gc-choice:hover{background:#192e40;border-color:#cbb27f}
.loa-gc-choice[aria-pressed="true"]{border-color:#f2cd82;box-shadow:0 0 0 2px #d2a95c52}
.loa-gc-choice:focus-visible{outline:3px solid #8ddffc;outline-offset:3px}
.loa-gc-choice-label{display:block;overflow-wrap:anywhere;width:100%}
.loa-gc-choice-hero{display:block;width:100%;max-width:175px;aspect-ratio:480/218;
 position:relative;background-image:var(--gc-option-frame);background-position:center;background-size:100% 100%;image-rendering:pixelated}
.loa-gc-icon-picture{display:grid;place-items:center;position:relative;width:66px;height:66px;aspect-ratio:1;background:#08101c;
 border:1px solid #668099;flex:none}
.loa-gc-icon-picture img{display:block;width:95%;height:95%;object-fit:contain;image-rendering:pixelated}
.loa-gc-border-example{position:relative;display:grid;place-items:center;width:72px;height:72px;aspect-ratio:1;
 background:#101a29}
.loa-gc-border-example .loa-gc-border-preview-img{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:fill;image-rendering:pixelated}
.loa-gc-border-example i{display:block;width:37px;height:37px;background:#2e4156}
.loa-gc-color-only{display:flex;align-items:center;gap:11px;padding:10px 12px;border:1px solid #d0ae75;background:#15283b;color:#f3e1bb}
.loa-gc-color-chip{display:inline-block;width:24px;height:24px;background:#f3e1bb;border:1px solid #806137}
.loa-gc-editor-fieldset select{display:none!important}
/* Linked game identity previews also use NEW independent header art rather than master-frame art. */
.loa-game-mini .loa-gc-mini-avatar{flex:none;width:67px;height:72px;display:grid;place-items:center;position:relative;
 background-image:var(--gc-mini-bg);background-repeat:no-repeat;background-size:cover;background-position:center top;
 border:1px solid var(--gc-mini-accent,#a7c9d2);image-rendering:pixelated}
.loa-game-mini .loa-gc-mini-avatar img{width:40px;height:40px;object-fit:contain;image-rendering:pixelated;
 background:#081523df;outline:2px solid var(--gc-mini-accent,#efd6a1)}
@media(max-width:980px){.loa-game-detail-columns{grid-template-columns:1fr}}
@media(max-width:560px){.loa-gc-choice-grid{gap:8px}.loa-gc-avatar-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
 .loa-gc-art .loa-gc-content{padding-inline:max(29px,10%)!important}.loa-gc-avatar-wrap{width:114px;height:114px}}

/* New illustrated game cards: avoid master-frame art entirely. */
.loa-gc-art .loa-gc-content{background:radial-gradient(ellipse at 50% 0%,var(--g2-top),var(--g2-bottom) 78%)!important;box-shadow:inset 0 0 38px #0008}
.loa-gc-art .loa-gc-content h2{text-shadow:0 2px 2px #000c,0 0 18px var(--g2-accent);letter-spacing:.035em}
.loa-gc-art .loa-gc-identity{margin-top:0}
.loa-gc-art .loa-gc-avatar-wrap{border:2px solid var(--g2-accent);outline:3px solid #050912;box-shadow:0 0 0 5px #ae874b60,0 7px 23px #000b;}
.loa-gc-art .loa-gc-identity-caption{font-family:var(--serif,serif);font-size:11px;letter-spacing:.14em;color:#f1d99f}
.loa-gc-art .loa-game-title-badge{border-width:2px;box-shadow:0 0 14px #0008 inset;font-size:12px}
.loa-gc-art .loa-game-bio{border-color:var(--g2-accent);background:#0307117d;box-shadow:0 0 24px #0008 inset}
.loa-gc-art .loa-gc-avatar-wrap .loa-gc-avatar-border-image{image-rendering:pixelated;pointer-events:none}
.loa-gc-choice-hero{aspect-ratio:480/218}
.loa-gc-art .loa-gc-content::before,.loa-gc-art .loa-gc-content::after{top:-2px;bottom:-2px}
.loa-gc-art .loa-gc-head,.loa-gc-art .loa-gc-foot{filter:drop-shadow(0 2px 3px #0008)}