/* Card-profile photos share the collection's metallic card frames. */
#main .slx-profile-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;align-items:start;margin-bottom:22px}
#main .slx-profile-facts{display:grid;grid-template-columns:minmax(0,1fr)!important;gap:14px;min-width:0}
#main .slx-profile-facts>div{min-width:0;overflow-wrap:anywhere}
#main .slx-profile-images{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px;margin:0;min-width:0;align-items:start}
#main .slx-profile-photo{margin:0;cursor:default;min-width:0}
#main .slx-profile-photo:hover{filter:none}
#main .slx-profile-photo .slx-card-art{width:100%;aspect-ratio:63/88;display:flex;align-items:center;justify-content:center}
#main .slx-profile-photo .imgprev{display:block;width:100%;height:100%;max-height:none;object-fit:contain;border:0;border-radius:8px;background:#041320}
#main .slx-profile-photo .sub{padding:12px;color:#d5e4ed!important;text-align:center}
#main .slx-profile-images[data-profile-tier="1"] .slx-profile-photo{--metal-h:146;--metal-s:93%}
#main .slx-profile-images[data-profile-tier="2"] .slx-profile-photo{--metal-h:215;--metal-s:96%}
#main .slx-profile-images[data-profile-tier="3"] .slx-profile-photo{--metal-h:280;--metal-s:91%}
#main .slx-profile-images[data-profile-tier="4"] .slx-profile-photo{--metal-h:26;--metal-s:97%}
#main .slx-profile-images[data-profile-tier="5"] .slx-profile-photo{--metal-h:45;--metal-s:93%}
#main .slx-profile-notes{margin-top:18px;overflow-wrap:anywhere}
@media(max-width:1100px){
 #main .slx-profile-layout{grid-template-columns:minmax(0,1fr) minmax(0,.85fr);gap:18px}
 #main .slx-profile-images{grid-template-columns:minmax(0,1fr)!important;max-width:340px;justify-self:center;width:100%}
}
@media(max-width:600px){
 #main .slx-profile-layout{grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:12px}
 #main .slx-profile-photo{padding:8px}
 #main .slx-profile-photo .slx-card-name{font-size:12px}
 #main .slx-profile-photo .slx-card-number,#main .slx-profile-photo .slx-card-state{font-size:11px}
}
@media(max-width:350px){
 #main .slx-profile-layout{grid-template-columns:minmax(0,1fr)}
 #main .slx-profile-images{grid-template-columns:repeat(2,minmax(0,1fr))!important;max-width:none}
}

/* Align the photos with the top of the shared panel, including its heading. */
#main .slx-profile-info{min-width:0}
#main .slx-profile-info>.btn{max-width:100%;white-space:normal}
#main .slx-profile-images{align-self:start}

/* Larger, readable card metadata across phones and tablets. */
#main .slx-profile-facts>div>label,#main .slx-profile-notes>label{
 font-size:clamp(16px,1.5vw,19px)!important;line-height:1.4;margin-bottom:5px
}
#main .slx-profile-facts>div>div,#main .slx-profile-notes>div{
 font-size:clamp(18px,1.9vw,24px)!important;line-height:1.45
}
#main .slx-profile-facts{gap:18px}

/* Keep each set emblem directly beneath its card's back photograph. */
#main .slx-profile-side{min-width:0}
#main .slx-profile-set-logo{padding:20px 12px 4px;text-align:center}
#main .slx-profile-set-logo[hidden]{display:none}
#main .slx-profile-set-logo img{display:block;width:auto;max-width:100%;height:auto;max-height:110px;margin:0 auto;object-fit:contain}

/* Profile navigation beside the card identity, in the SlabX metal finish. */
#main .top.slx-profile-heading{display:flex;flex-wrap:nowrap;align-items:center;justify-content:space-between;gap:20px}
#main .slx-profile-title{min-width:0;flex:1}
#main .slx-profile-title h1{overflow-wrap:anywhere}
#main .btn.slx-profile-back{
 flex:0 1 auto;max-width:46%;min-height:48px;padding:14px 22px;
 border:4px solid transparent!important;border-radius:17px!important;
 background:repeating-linear-gradient(0deg,transparent 0 2px,#ffffff08 2px 3px),linear-gradient(135deg,#142d51,#06152f 55%,#183a66) padding-box,linear-gradient(130deg,#fff9e9 0%,#777b81 15%,#f9f5e9 28%,#9b8d72 40%,#fffdf6 53%,#737984 70%,#eadfc6 88%,#fff9eb 100%) border-box!important;
 color:#fff!important;font-size:16px;font-weight:750;line-height:1.3;
 text-align:center;white-space:normal;
 box-shadow:inset 0 0 0 1px #f3f5ff8c,inset 0 3px 5px #d8e9ff55,0 3px 5px #0009,0 0 0 1px #8b8476!important;
 text-shadow:0 1px 2px #000;
}
#main .btn.slx-profile-back:hover{filter:brightness(1.12)}
#main .btn.slx-profile-back:focus-visible{outline:3px solid #168eea;outline-offset:4px}
#main .slx-profile-info>h2:first-child{margin-top:0}
@media(max-width:600px){
 #main .top.slx-profile-heading{gap:12px}
 #main .btn.slx-profile-back{font-size:13px;padding:11px 12px;border-width:3px!important}
}