/* Xbox LIVE blade layout: inset cards within the full-height metal frame. */
.dashboard{--panel-light:#ffffff72;--panel-edge:#68472180;color:#292716}
.blade-stage{background:linear-gradient(180deg,var(--accent-dark),var(--accent) 40%,var(--accent-dark))}
.blade-content{padding:0 28px 30px;background:radial-gradient(ellipse at 50% 55%,#fff1b968,transparent 78%),linear-gradient(180deg,#ffffff28,var(--accent) 25%,#ffffff46 78%,var(--accent));box-shadow:inset 0 0 28px #0004}
.blade-content:before{display:none}
.panel-heading{margin:0 -28px 24px;padding:22px 28px 15px;border-bottom:1px solid #7d4d2680;border-radius:0 0 22px 22px;background:linear-gradient(180deg,#ffffff38,var(--accent-dark));box-shadow:inset 0 -2px 5px #0003,0 1px 1px #fff9;color:#fff1d0}
.panel-heading p{display:none}.panel-heading h2{font-size:28px;letter-spacing:0;text-shadow:0 2px 2px #0006}
#panel-one .profile-layout,#panel-two .profile-layout{display:block}
.profile-info{display:grid;grid-template-columns:minmax(230px,30%) minmax(0,1fr);gap:20px 25px;align-items:start}
.gamer-card{grid-column:1;grid-row:1;border:2px solid var(--panel-edge);border-radius:10px;background:linear-gradient(180deg,#ffffff68,#ffffff19);box-shadow:inset 0 1px 3px #fffe,0 1px 2px #0004;padding:14px}
.gamer-card p,.gamer-card span{display:none}.gamer-card img{width:76px;height:88px;border:2px solid #bdb59e;background:#ffffff25}.gamer-card h3{font-size:23px;margin:0}
.profile-biography{grid-column:2;grid-row:1 / span 3;margin:0;padding:18px;border:2px solid var(--panel-edge);border-radius:10px;background:linear-gradient(180deg,#ffffff4d,#ffffff22);box-shadow:inset 0 1px 3px #fffd,0 1px 2px #0004;gap:18px;grid-template-columns:minmax(0,1fr) minmax(130px,28%)}
.profile-fields dt{font-size:20px;margin:0 0 12px;padding-bottom:8px;border-bottom:1px solid #68472160}.profile-fields dd{font-size:14px;line-height:1.55;margin:0}
.profile-info>.blade-links{grid-column:1;grid-row:2;margin:0;padding:0;border:0}.profile-info>.dash-menu{grid-column:1;grid-row:3;margin:0}
.blade-links>p:empty,.blade-links>p[data-song]{display:none}
.blade-links h3{margin:0 0 12px;font-size:20px}
.blade-content .btn-long.btn-long{border-radius:7px;border:1px solid #6d593760;box-shadow:inset 0 1px 1px #fff9,0 1px 2px #0002;font-size:14px}
.project-layout{grid-template-columns:minmax(210px,34%) minmax(0,1fr);gap:25px}.album-cover{width:100%;max-width:390px;margin:0;border:2px solid #fff7;border-radius:8px;box-shadow:0 2px 4px #0006}
.project-details>h3,.project-details>p{display:none}.project-details>dl{margin:0 0 24px;padding:18px;border:2px solid var(--panel-edge);border-radius:10px;background:linear-gradient(#ffffff4d,#ffffff22);box-shadow:inset 0 1px 3px #fffd,0 1px 2px #0004}.project-details>dl dt{font-size:20px;padding-bottom:8px;margin-bottom:12px;border-bottom:1px solid #68472160}.project-details>dl dd{margin:0}
.project-network .network-entry{border:2px solid var(--panel-edge);border-radius:10px;padding:15px;background:#ffffff28;box-shadow:inset 0 1px 3px #fffd}.project-network h3{font-size:21px}
.dash-footer{background:linear-gradient(180deg,#ffffff66,#ffffff22 45%,#00000015),var(--accent);box-shadow:inset 0 1px 2px #fff9}
@media(max-width:1050px){.profile-info{grid-template-columns:minmax(180px,32%) minmax(0,1fr);gap:16px}.profile-biography{display:flow-root}.profile-biography .profile-photo{float:right;position:relative;width:32%;height:460px;min-height:0;max-height:none;margin:0 0 12px 14px}.profile-biography .profile-fields{display:block}.gamer-card{gap:10px;padding:10px;flex-wrap:wrap}.gamer-card h3{font-size:21px}.project-layout{grid-template-columns:minmax(170px,30%) minmax(0,1fr);gap:18px}}
@media(max-width:700px){.blade-content{padding:0 17px 24px}.panel-heading{margin:0 -17px 18px;padding:17px 17px 13px;border-radius:0 0 14px 14px}.panel-heading h2{font-size:23px}.profile-info{display:flex;flex-direction:column;gap:18px}.profile-info>*{width:100%;min-width:0}.gamer-card{flex-wrap:nowrap}.gamer-card img{width:58px;height:68px}.profile-biography{margin:0;padding:12px}.profile-biography .profile-photo{width:36%;height:360px;margin-left:10px}.profile-fields dd{font-size:13px;line-height:1.55}.profile-fields dt{font-size:18px}.project-layout{grid-template-columns:minmax(0,1fr);gap:18px}.album-cover{max-width:260px;margin:auto}.project-details>dl{padding:12px}.project-details>dl dt{font-size:18px}.blade-links h3{font-size:18px}.dash-footer{height:58px}}
/* On phones the destinations precede the biographies. */
@media(max-width:700px){
.profile-info>.gamer-card{order:0}.profile-info>.blade-links{order:1}.profile-info>.dash-menu{order:2}.profile-info>.profile-biography{order:3}
.project-details{display:flex;flex-direction:column;min-width:0}.project-details>.blade-links{order:0;margin-top:0;border-top:0;padding-top:0}.project-details>.dash-menu{order:1}.project-details>.project-network{order:2;margin:4px 0 20px}.project-details>dl{order:3}
}

/* The open blade becomes the content panel; only other profiles occupy side slots. */
.blade-tab[hidden]{display:none!important}
.blade-content{margin-left:calc(var(--active)*var(--blade-width))}
@media(max-width:700px){.blade-content{margin-left:calc(10px + var(--active)*var(--blade-width))}}
/* Let the mobile metal frame spill beyond the viewport edges. */
@media(max-width:700px){
.dashboard{--blade-width:26px}
.blade-tab,.blade-tab.right{width:44px;left:calc(-6px + var(--slot)*var(--blade-width));right:auto}
.blade-tab.right{left:auto;right:calc(-6px + var(--slot)*var(--blade-width))}
.blade-tab .bladeImgContainer{width:44px}
.blade-content{margin-left:max(0px,calc(-6px + var(--active)*var(--blade-width)));margin-right:max(0px,calc(-6px + (2 - var(--active))*var(--blade-width)))}
.blade-ghost{width:44px}.blade-ghost.left{left:-34px}.blade-ghost.right{right:-34px}
}
@media(max-width:700px){
.blade-tab .tab-label{left:36%;font-size:12px;line-height:1}
.blade-tab.right .tab-label{left:64%}
}
/* Preserve the avatars' original proportions inside the biography column. */
#panel-one .profile-biography .profile-photo img,
#panel-two .profile-biography .profile-photo img{object-fit:contain;object-position:center top}
.profile-biography .profile-photo{align-self:start;height:auto;min-height:0;max-height:none}
#panel-one .profile-biography .profile-photo img,
#panel-two .profile-biography .profile-photo img{position:static;display:block;width:100%;height:auto;aspect-ratio:auto;object-position:center!important}
.profile-biography{grid-template-columns:minmax(0,1fr) minmax(190px,44%)}
@media(max-width:1050px){.profile-biography .profile-photo{width:46%}}
@media(max-width:700px){.profile-biography .profile-photo{width:50%}}

/* Project destinations belong to the same column as the joint avatars. */
.project-sidebar{min-width:0}.project-sidebar>.blade-links{margin-top:24px;padding-top:0;border-top:0}.project-sidebar>.project-network{margin-top:24px}.project-sidebar .network-entry{margin:18px 0}.project-sidebar .network-links{min-width:0}
/* Frame the visible character, excluding transparent canvas; preserve its shape. */
.profile-biography{grid-template-columns:minmax(0,1fr) minmax(180px,30%)}
.profile-biography .profile-photo{position:relative;align-self:center;overflow:hidden;height:auto;min-height:0}
#panel-one .profile-photo{aspect-ratio:835 / 1717}
#panel-two .profile-photo{aspect-ratio:786 / 1941}
#panel-one .profile-biography .profile-photo img{position:absolute;inset:auto;width:245.269461%;height:118.404194%;left:-64.91018%;top:-15.492137%;object-fit:fill;filter:none}
#panel-two .profile-biography .profile-photo img{position:absolute;inset:auto;width:260.559796%;height:104.739825%;left:-82.824427%;top:-3.14271%;object-fit:fill;filter:none}
@media(max-width:1050px){.profile-biography .profile-photo{width:46%}}
@media(max-width:700px){.profile-biography .profile-photo{width:50%}}
/* Labels anchored at 70% from their blade's outer side. */
.blade-tab .tab-label{left:70%;right:auto}
.blade-tab.right .tab-label{left:auto;right:70%;transform:translate(50%,-50%) rotate(180deg)}