/* MySpace is a distinct page inside the desktop's window, as in Hari's reference. */
.myspace-window>.titlebar,.myspace-window.is-active>.titlebar,.standalone-window:has(.myspace-profile)>.titlebar{background:linear-gradient(90deg,#737777,#979994);color:#fff}
.standalone-window:has(.myspace-profile){width:min(1200px,calc(100% - 48px))}
.titlebar>.myspace-sprite{width:23px;height:auto;aspect-ratio:29/31}
.myspace-profile{font-family:Arial,Helvetica,sans-serif;padding:8px;background:linear-gradient(115deg,#fafafa,#eaeae8);color:#171717}
.myspace-art-banner{display:block;padding:0;margin-bottom:8px;min-height:0;border:0;background:none;overflow:visible}
.myspace-art-banner>.sprite-banner-desktop{display:block;width:100%;height:auto}
.myspace-art-banner>.sprite-banner-mobile{display:none;width:100%;height:auto}
.myspace-layout{grid-template-columns:minmax(165px,.95fr) minmax(0,1.85fr) minmax(0,1.15fr);grid-template-areas:'contact identity identity' 'contact about current' 'url about current' 'interests outside meet';gap:8px}
.myspace-panel,.myspace-identity{background:linear-gradient(110deg,#fff,#eeeeec);border:1px solid #649ac2;box-shadow:inset 1px 1px #fff;padding:3px}
.myspace-panel h2{background:linear-gradient(90deg,#0056b8,#168cf0);padding:3px 5px;gap:6px;font:bold 1rem/1.2 Arial,sans-serif;min-height:29px;border:1px solid #afd5f5;border-bottom:0}
.myspace-panel-toggle{width:21px;height:22px;font:bold 16px/1 Arial,sans-serif}
.myspace-panel h2>.myspace-sprite{width:21px;height:auto;max-height:26px;mix-blend-mode:normal}
.myspace-panel h2>.sprite-equalizer{width:42px;max-height:none;margin-left:auto}
.myspace-current h2 .myspace-panel-toggle{margin-left:0}
.myspace-panel-body{padding:8px;font-size:.9375rem;line-height:1.4}
.myspace-panel-body p{line-height:1.4}
.myspace-contact-links{gap:9px;padding:12px 10px}
.myspace-contact-links>a{gap:13px;min-height:33px}
.myspace-contact-links .myspace-sprite{width:29px;height:auto}
.myspace-url .myspace-panel-body{display:flex;gap:7px;align-items:center;font-size:.8125rem;padding:10px 7px}
.myspace-url .myspace-sprite{width:28px;height:auto}
.myspace-identity{gap:14px;padding:5px;align-items:flex-start;position:relative;min-height:202px}
.myspace-photo{width:26%;max-width:204px;padding:2px;box-shadow:var(--sink);border:1px solid #888;background:#ddd}
.myspace-photo>img{aspect-ratio:1;object-fit:cover;object-position:center}
.myspace-photo>span{font-family:Arial,sans-serif;font-size:clamp(14px,2cqw,24px);font-weight:900;background:#ffffffed;padding:1px 3px;bottom:7px;left:2px;transform:rotate(-8deg)}
.myspace-bio{padding:4px 0;min-width:0;flex:1}
.myspace-bio h1{font-size:clamp(1.6rem,3.5cqw,2.8rem);margin:0 0 4px;letter-spacing:-.035em}
.myspace-role{font-size:1rem;line-height:1.3;margin-bottom:12px}
.myspace-facts{font-size:.9375rem;line-height:1.3}
.myspace-facts li{display:flex;flex-wrap:wrap;gap:7px;margin-top:7px}
.myspace-facts li>.myspace-sprite{width:23px;height:auto;min-width:23px}
.myspace-identity-sticker{display:block;width:25%;max-width:202px;align-self:flex-end;text-align:initial;transform:none;pointer-events:none}
.myspace-identity-sticker>.sprite-skyline{width:100%;height:auto;border:0;padding:0;background:none;box-shadow:none;mix-blend-mode:multiply}
.myspace-list{line-height:1.4}
.myspace-list li{margin-top:3px;padding-left:17px}
.myspace-interests .myspace-panel-body{padding-bottom:20px;min-height:281px}
.myspace-interests .myspace-list{padding-right:48px;display:block}
.myspace-music-sticker{position:absolute;right:1px;bottom:0;width:67px;height:auto;transform:none;mix-blend-mode:multiply}
.myspace-outside h2{background:linear-gradient(90deg,#ff8200,#ff9900);border-color:#ffbf75}
.myspace-outside{border-color:#ee8c29}
.myspace-outside .myspace-panel-body{padding-right:58px;min-height:199px}
.myspace-game-sticker{position:absolute;bottom:2px;right:1px;width:80px;height:auto;transform:none;mix-blend-mode:multiply}
.myspace-bottom{gap:14px;align-items:end}
.myspace-bottom .button-row{gap:10px;margin-top:10px}
.myspace-bottom .retro-button{min-width:150px;font-size:.9375rem}
.myspace-bottom footer{font-size:.75rem;line-height:1.4;gap:8px 18px;flex:1;justify-content:flex-end}
@container(max-width:1000px){.myspace-identity{gap:9px}.myspace-facts{font-size:.875rem}.myspace-role{font-size:.9375rem}.myspace-bio h1{font-size:2rem}.myspace-photo{width:25%}.myspace-identity-sticker{width:23%}.myspace-panel h2{font-size:.9375rem}.myspace-bottom{flex-wrap:wrap}}
@container(max-width:740px){
 .myspace-art-banner>.sprite-banner-desktop{display:none}.myspace-art-banner>.sprite-banner-mobile{display:block}
 .myspace-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:'identity identity' 'contact contact' 'url url' 'interests interests' 'about about' 'outside outside' 'meet current';gap:7px}
 .myspace-identity{gap:8px;min-height:0;padding:5px;flex-wrap:nowrap}.myspace-photo{width:27%;max-width:200px}.myspace-bio h1{font-size:clamp(1.4rem,4.4cqw,2rem)}.myspace-role{font-size:.875rem;margin-bottom:10px}.myspace-facts{font-size:.875rem}.myspace-facts li{gap:4px;margin-top:6px}.myspace-facts li>.myspace-sprite{width:19px;min-width:19px}.myspace-identity-sticker{display:block;width:24%;align-self:flex-end}
 .myspace-contact-links{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;padding:12px 4px}.myspace-contact-links>a{flex-direction:column;text-align:center;gap:7px;font-size:.875rem}.myspace-contact-links .myspace-sprite{width:30px}
 .myspace-url .myspace-panel-body{font-size:.9375rem}
 .myspace-interests .myspace-list{columns:2;column-gap:14px;display:block;padding-right:90px}.myspace-interests .myspace-list li{break-inside:avoid}
 .myspace-interests .myspace-panel-body{min-height:148px;padding-bottom:10px}.myspace-music-sticker{width:63px;right:8px;bottom:2px}
 .myspace-panel h2{font-size:.9375rem;min-height:30px}.myspace-panel-toggle{width:24px;height:24px}.myspace-panel-body{font-size:.9375rem}
 .myspace-outside .myspace-panel-body{min-height:140px;padding-right:100px}.myspace-game-sticker{width:88px;right:7px;bottom:5px}
 .myspace-current h2>.sprite-equalizer{display:none}
 .myspace-meet .myspace-panel-body,.myspace-current .myspace-panel-body{font-size:.875rem}
 .myspace-bottom .button-row{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:10px}.myspace-bottom .retro-button{min-width:0;min-height:42px}.myspace-bottom footer{width:100%;justify-content:space-between}
}
@container(max-width:380px){
 .myspace-identity{gap:6px}.myspace-identity-sticker{width:21%;position:absolute;right:3px;bottom:3px}.myspace-bio{padding-right:0}.myspace-facts li:last-child{padding-right:21%}.myspace-photo{width:28%}.myspace-role{font-size:.875rem}.myspace-facts{font-size:.875rem}
 .myspace-interests .myspace-list{padding-right:55px;column-gap:6px}.myspace-music-sticker{width:51px;right:2px}.myspace-list li{padding-left:13px}
}
@container(max-width:320px){.myspace-layout{grid-template-columns:minmax(0,1fr);grid-template-areas:'identity' 'contact' 'url' 'interests' 'about' 'outside' 'meet' 'current'}.myspace-contact-links{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 4px}.myspace-interests .myspace-list{columns:1}}
@media(max-width:700px){.standalone-window:has(.myspace-profile){width:calc(100% - 12px)}}
/* Transparent bitmap word-art sticker replaces the plain photo caption. */
.myspace-photo>.myspace-caption-art{position:absolute;display:block;width:96%;height:auto;left:-4%;bottom:-5%;padding:0;background:none;border:0;box-shadow:none;transform:rotate(-6deg);pointer-events:none;line-height:0}
.myspace-caption-art>img{display:block;width:100%;height:auto;max-width:none;object-fit:contain;image-rendering:pixelated}