/* A personal MySpace page inside the existing Windows shell. */
.myspace-profile{padding:10px;background:var(--paper);container-type:inline-size;color:var(--ink)}
.myspace-banner{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:108px;padding:14px 16px;margin-bottom:10px;background:linear-gradient(160deg,#fff 12%,#d3ebff 50%,#83baf0 100%);border:1px solid #82b3db;overflow:hidden}
.myspace-wordmark{min-width:0}.myspace-wordmark h2{font:900 clamp(1.8rem,4.7cqw,3.8rem)/1.1 'Courier New',monospace;letter-spacing:-.07em;color:#8dd6ff;-webkit-text-stroke:1px #111;text-shadow:2px 2px #111,3px 3px #111,4px 4px #fff,5px 5px #111;margin:0 0 10px;white-space:nowrap}
.myspace-wordmark p{font:bold .875rem/1.35 Tahoma,sans-serif;letter-spacing:.025em;margin:0}
.myspace-banner-art{display:flex;align-items:center;gap:10px;flex-shrink:0}.myspace-banner-art img{width:52px;height:52px;image-rendering:pixelated;transform:rotate(-10deg)}.myspace-banner-art img+img{transform:rotate(10deg)}
.myspace-star{font-size:46px;color:#ffe628;text-shadow:-2px -2px #111,2px 2px #111;transform:rotate(-12deg)}
.myspace-sticker{display:block;background:#111;color:#b4fa13;padding:7px;font:bold 13px/1.05 'Courier New',monospace;transform:rotate(3deg);box-shadow:2px 2px #fff}
.myspace-layout{display:grid;grid-template-columns:minmax(160px,.85fr) minmax(0,1.45fr) minmax(0,1.25fr);grid-template-areas:'contact identity identity' 'contact about current' 'url about current' 'interests outside meet';gap:10px;align-items:stretch}
.myspace-identity{grid-area:identity;display:flex;gap:16px;border:1px solid #7ba5c6;box-shadow:inset 1px 1px white;padding:7px;min-width:0}
.myspace-photo{position:relative;width:clamp(130px,18cqw,195px);flex-shrink:0;align-self:flex-start;box-shadow:var(--sink);padding:3px;background:var(--surface)}
.myspace-photo>img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover}.myspace-photo>span{position:absolute;bottom:8px;left:8px;font:900 clamp(16px,2cqw,22px)/.95 Arial,sans-serif;color:#111;background:#ffffffe6;transform:rotate(-7deg);padding:3px}
.myspace-bio{padding:5px 0;min-width:0;flex:1}.myspace-bio h1{font-size:clamp(1.6rem,3.4cqw,2.6rem);letter-spacing:-.045em;margin:0 0 8px}.myspace-role{font-size:1rem;line-height:1.4;margin-bottom:12px}
.myspace-facts{list-style:none;padding:0;margin:0;font-size:.9375rem;line-height:1.4}.myspace-facts li{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:7px}.myspace-facts li>span{font:bold 24px/1 Arial,sans-serif;color:#000080;width:24px;text-align:center;flex-shrink:0}.myspace-facts a{color:#00e}
.myspace-identity-sticker{width:83px;align-self:center;flex-shrink:0;text-align:center;transform:rotate(5deg)}.myspace-identity-sticker img{width:55px;image-rendering:pixelated}.myspace-identity-sticker>span{display:block;border:2px solid #111;box-shadow:3px 3px #111;background:#fff;padding:7px 3px;font:bold 12px/1.1 'Courier New',monospace}
.myspace-panel{border:1px solid #7ba5c6;padding:3px;background:#f1f1ef;min-width:0}.myspace-panel h2{display:flex;align-items:center;gap:7px;padding:5px 6px;background:linear-gradient(90deg,#000080,#175bbb);color:white;font:bold 1rem/1.25 Tahoma,sans-serif;letter-spacing:0;margin:0}.myspace-panel h2>img{width:23px;height:23px;image-rendering:pixelated}.myspace-panel-toggle{margin-left:auto;flex-shrink:0;width:26px;height:26px;background:var(--surface);box-shadow:var(--raise);border:0;color:#111;font:bold 19px/1 Arial,sans-serif;padding:0}
.myspace-panel-body{padding:10px;font-size:.9375rem;line-height:1.5;position:relative}.myspace-panel-body p{line-height:1.5}.myspace-panel-body a{color:#00e;overflow-wrap:anywhere}
.myspace-contact{grid-area:contact}.myspace-url{grid-area:url}.myspace-interests{grid-area:interests}.myspace-about{grid-area:about}.myspace-outside{grid-area:outside}.myspace-meet{grid-area:meet}.myspace-current{grid-area:current}
.myspace-contact-links{display:flex;flex-direction:column;gap:10px}.myspace-contact-links a{display:flex;align-items:center;gap:12px;min-height:34px}.myspace-contact-links img{width:30px;height:30px;image-rendering:pixelated;flex-shrink:0}.myspace-linkedin-icon{font:bold 28px/30px Arial,sans-serif;color:white;background:#0867b4;width:30px;height:30px;text-align:center;flex-shrink:0}
.myspace-list{list-style:none;margin:0;padding:0;line-height:1.45}.myspace-list li{position:relative;padding-left:17px;margin-top:3px}.myspace-list li:before{content:'▸';position:absolute;left:0;top:0;color:#f07800;font-weight:bold}
.myspace-interests .myspace-panel-body{padding-bottom:66px}.myspace-music-sticker{position:absolute;right:10px;bottom:6px;display:flex;align-items:center;transform:rotate(-8deg);pointer-events:none}.myspace-music-sticker img{width:44px;image-rendering:pixelated}.myspace-music-sticker span{font:900 12px/.95 Arial,sans-serif;background:#111;color:#b4fa13;padding:4px}
.myspace-outside h2{background:linear-gradient(90deg,#e77300,#ff9d16)}.myspace-outside .myspace-panel-body{padding-right:46px;min-height:190px}.myspace-game-sticker{position:absolute;bottom:4px;right:4px;width:45px;image-rendering:pixelated;transform:rotate(8deg)}
.myspace-online{width:13px;height:13px;background:#87ed00;border:2px solid #253209;box-shadow:1px 1px #111;flex-shrink:0}
.myspace-bottom{display:flex;align-items:end;gap:20px;justify-content:space-between}.myspace-bottom .button-row{flex-shrink:0;margin-top:12px}.myspace-bottom footer{display:flex;flex-wrap:wrap;gap:12px 20px;border-top:1px dashed #aaa;padding-top:10px;font-size:.75rem}.myspace-bottom em{font-family:'Courier New',monospace}
@container(max-width:900px){.myspace-identity-sticker{display:none}.myspace-banner-art img:first-of-type,.myspace-star{display:none}.myspace-layout{grid-template-columns:minmax(155px,.7fr) minmax(0,1.3fr);grid-template-areas:'identity identity' 'contact about' 'url current' 'interests outside' 'interests meet'}.myspace-photo{width:160px}.myspace-bottom{flex-wrap:wrap}}
@container(max-width:600px){
 .myspace-banner{padding:12px 8px;min-height:90px;gap:6px}.myspace-wordmark h2{font-size:clamp(1.65rem,7.4cqw,2.8rem);letter-spacing:-.07em}.myspace-wordmark p{font-size:.875rem;max-width:330px}.myspace-banner-art{display:none}
 .myspace-layout{grid-template-columns:minmax(0,1fr);grid-template-areas:'identity' 'contact' 'url' 'interests' 'about' 'outside' 'meet' 'current'}
 .myspace-identity{gap:10px}.myspace-photo{width:32%;max-width:160px}.myspace-bio h1{font-size:1.65rem}.myspace-role{font-size:.9375rem}.myspace-facts{font-size:.875rem}.myspace-facts li{gap:5px}.myspace-facts li>span{font-size:20px;width:20px}.myspace-photo>span{font-size:16px;bottom:5px;left:4px}
 .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;gap:7px;text-align:center;font-size:.875rem;line-height:1.3}.myspace-contact-links img{width:30px;height:30px}.myspace-contact-links .myspace-linkedin-icon{margin:0}
 .myspace-interests .myspace-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px 12px}.myspace-interests .myspace-panel-body{padding-bottom:55px}.myspace-panel-body{font-size:1rem}.myspace-panel-toggle{width:32px;height:32px}.myspace-outside .myspace-panel-body{min-height:0;padding-bottom:12px;padding-right:55px}
 .myspace-bottom{gap:12px}.myspace-bottom .button-row{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:10px}.myspace-bottom .retro-button{min-height:44px}.myspace-bottom footer{width:100%;justify-content:space-between;font-size:.75rem}
}
@container(max-width:340px){.myspace-identity{flex-wrap:wrap}.myspace-photo{width:100px}.myspace-bio{flex-basis:180px}.myspace-contact-links{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px 5px}.myspace-wordmark h2{font-size:7.5cqw}}