.hub-body {
  min-height: 100%;
}

.hub-nav {
  max-width: 1280px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  padding: 18px 26px;
  background: var(--bg-card);
  border: 2px solid #000;
  border-radius: 10px;
  box-shadow: 0 0 0 2px var(--border);
}

.hub-nav-wrap {
  position: absolute;
  top: 40px;
  left: 0;
  right: 0;
  z-index: 10;
  padding: 0 20px;
}
.content{max-width:1180px}.content h1{font-size:34px}.content h2{font-size:20px}
.action{background:#222c38;border-color:#3a4b5d;border-radius:5px;font-size:13px}.action:hover{background:#2e4154}
.tabs{border-bottom:1px solid #333e4b;padding-bottom:16px}.tabs .action{background:transparent;border:0}.tabs .action[href]:hover{background:#243344}
.muted{color:#99a6b5}.eyebrow{font-size:11px;font-weight:700;color:#83afd7}.compact{font-size:12px;line-height:1.6}
.profile-hero{display:grid;grid-template-columns:330px minmax(0,1fr);align-items:center;gap:44px;padding:0 0 22px;border-bottom:2px solid #4d8cc2;margin-bottom:32px}
.profile-hero .model-preview.large{height:410px}.profile-hero .model-preview.large canvas{height:340px}.profile-hero h1{font-size:42px;margin:14px 0 24px;overflow-wrap:anywhere}
.model-preview.large>.toolbar{position:absolute;bottom:0;left:0;margin:0;height:55px;align-items:center}
.profile-stats{display:flex;gap:34px;margin:24px 0}.metric{display:flex;flex-direction:column;gap:8px;min-width:0}.metric span{font-size:11px;color:#a4b3c3}.metric strong{font-size:26px;font-weight:600}.metric.green strong{color:#66cfb4}.metric.blue strong{color:#7dbbfb}.metric.gold strong{color:#e6c278}
.uuid-copy{display:flex;align-items:center;gap:10px;background:none;border:0;color:#a6b2c1;padding:0;font-size:12px;overflow-wrap:anywhere;text-align:left}.uuid-copy svg{width:14px;flex-shrink:0}
.profile-columns{display:grid;grid-template-columns:300px minmax(0,1fr);gap:36px}.profile-columns>*{min-width:0}.portal-section{padding:0 0 28px;margin-bottom:28px;border-bottom:1px solid #2c3541}.portal-section h2{margin:0 0 18px}.history-tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:16px}.history-tile{aspect-ratio:1;background:#202832;border:1px solid #3b4a5b;padding:6px;border-radius:5px;display:grid;place-items:center;font-size:10px;text-decoration:none}.history-tile canvas{width:100%;height:auto;image-rendering:pixelated}.history-tile svg{width:26px;height:26px}
.name-history-row{display:grid;grid-template-columns:36px 1fr auto;gap:16px;align-items:center;padding:16px 0;border-bottom:1px solid #293440;font-size:13px}.history-index{color:#72a7d9}.name-history-row time{color:#8c9baa;font-size:12px}.section-note{display:flex;justify-content:space-between;color:#8b9baa;font-size:11px}.heatmap{margin-bottom:0}.heatmap span{background:#26303b}.heatmap span.active{background:#49b99b}
.dashboard-top{display:grid;grid-template-columns:330px minmax(0,1fr);gap:38px;align-items:center;border-bottom:1px solid #354555;padding-bottom:32px;margin-bottom:32px}.dashboard-character{height:400px;min-width:0}.dashboard-welcome h2{font-size:30px}.dashboard-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin:32px 0}.dashboard-welcome>.action{margin-right:10px}.dashboard-lower{display:grid;grid-template-columns:300px minmax(0,1fr);gap:36px}.friend-line{display:flex;justify-content:space-between;padding:14px 0;border-bottom:1px solid #293440}.presence{font-size:11px;color:#8799ac}.presence.online{color:#66cfb4}
.account-menu summary{display:flex;gap:10px;align-items:center;font-size:13px;list-style:none}.account-head{width:30px;height:30px;image-rendering:pixelated;border-radius:3px}.account-menu svg{width:16px;height:16px}.account-menu nav{width:250px;min-width:0;gap:4px;padding:14px;background:#191f28;border:1px solid #394555;border-radius:6px;box-shadow:0 16px 38px #0007}.menu-identity{display:grid;gap:4px;padding:4px 9px 10px}.menu-identity small{color:#91a0b1;font-size:11px}.account-menu hr{width:100%;border:0;border-top:1px solid #35404e;margin:6px 0}.menu-link{display:flex;align-items:center;gap:12px;padding:11px 9px;color:#cbd5e1;text-decoration:none;background:none;border:0;border-radius:4px;font-size:12px;text-align:left}.menu-link:hover{background:#263343}.menu-link.logout{color:#ef7c83}
.wardrobe-layout{display:grid;grid-template-columns:300px minmax(0,1fr);gap:32px}.wardrobe-character{height:360px}.cosmetic-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-content:start}.cosmetic-card{border:1px solid #354353;border-radius:6px;background:#191f27;overflow:hidden}.cosmetic-model{display:block;width:100%;padding:0;border:0;background:none}.cosmetic-stage{height:220px;width:100%;min-width:0}.cosmetic-bar{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:14px;border-top:1px solid #354353;font-size:13px}.cosmetic-bar input{appearance:none;width:34px;height:18px;background:#47505b;border-radius:10px;cursor:pointer;position:relative;flex-shrink:0}.cosmetic-bar input:before{content:'';position:absolute;width:12px;height:12px;border-radius:50%;background:#fff;left:3px;top:3px}.cosmetic-bar input:checked{background:#348dd2}.cosmetic-bar input:checked:before{left:19px}.wardrobe-sidebar .color-row{display:grid;gap:10px}.wardrobe-sidebar .color-row input{width:100%;height:38px}
.gallery .item{background:#1b222b;border-color:#354151}.item a{text-decoration:none}.item h3{font-size:13px}.item .action{display:none}.toolbar input{border-color:#394657!important;background:#171e26!important}.portal-section code{font-size:11px;background:#171e26;padding:16px;border:1px solid #303d4c;border-radius:4px}.info-row{font-size:12px;border-color:#2e3945}.messages{background:#171e26;padding:16px}.message{background:#293747}.message.mine{background:#245568}.person{border-color:#2e3945}
.friends-layout{display:grid;grid-template-columns:320px minmax(0,1fr);gap:32px}.friends-layout>section{border-left:1px solid #354353;padding-left:28px;min-width:0}.friends-layout .person{gap:8px}.friends-layout .person>a:first-child{width:100%;font-weight:600}.friends-layout .person strong{font-size:11px;color:#8da5b9}
@media(max-width:700px){.friends-layout{grid-template-columns:minmax(0,1fr)}.friends-layout>section{border-left:0;border-top:1px solid #354353;padding:24px 0 0}}
@media(max-width:800px){.profile-hero,.dashboard-top{grid-template-columns:250px minmax(0,1fr);gap:20px}.profile-hero h1{font-size:30px}.profile-columns,.dashboard-lower,.wardrobe-layout{grid-template-columns:230px minmax(0,1fr);gap:22px}.profile-stats{gap:18px}.dashboard-metrics{gap:12px}.metric strong{font-size:21px}}
@media(max-width:600px){.profile-hero,.dashboard-top,.profile-columns,.dashboard-lower,.wardrobe-layout{grid-template-columns:minmax(0,1fr)}.profile-hero{gap:0}.profile-hero h1{font-size:30px}.dashboard-character{height:300px}.profile-hero .model-preview.large{height:350px}.dashboard-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.profile-stats{gap:24px}.content h1{font-size:28px}.account-menu nav{right:0;max-width:calc(100vw - 48px)}.cosmetic-stage{height:180px}}