/* Request 5. Hub only; previous CSS and combat remain untouched. */
html:has(body[data-p1-screen="hub"]){background:#0d0d0a!important}
body[data-p1-screen="hub"],body[data-p1-screen="hub"] #app{background:#0d0d0a!important}
body[data-p1-screen="hub"] #app#app .p1-main{background:#12120f!important;min-width:0}
body[data-p1-screen="hub"] :is(.p1-dock,.p1-dock-toggle){background:#161612!important;background-image:none!important;border-color:#3b3a33!important;color:#c9bfa5!important;border-radius:0!important}
body[data-p1-screen="hub"] .p1-dock-toggle::before{background:#12120f!important}
body[data-p1-screen="hub"] #app#app :is(.hqpc-feed,.hqpc-partner,.hqpc-bottom){min-height:0!important;height:auto!important;align-items:start!important;align-self:start}
body[data-p1-screen="hub"] #app#app .uiv5-palette,
body[data-p1-screen="hub"] #app#app .p1-hero,
body[data-p1-screen="hub"] #app#app .p1-hero-copy,
body[data-p1-screen="hub"] #app#app .p1-next{background:#1b1b17!important;background-image:none!important;border-color:#3b3a33!important;color:#c9bfa5!important;border-radius:0!important}
body[data-p1-screen="hub"] #app#app .uiv5-duplicate-heading{display:none!important}
body[data-p1-screen="hub"] #app#app :is(.p1-card,.p1-home-right,.p1-partner,.hqbub,.feed,.feedpanel,.feed-panel){min-height:0!important;height:auto!important;align-self:start}
body[data-p1-screen="hub"] #app#app :is(.empty,.blank,.no-data,.uiv5-empty){min-height:0!important;padding:12px!important;margin:6px 0!important}
body[data-p1-screen="hub"] #app#app .uiv5-scroll-tabs{display:flex;flex-wrap:nowrap!important;overflow-x:auto!important;max-width:100%;scrollbar-width:none}
body[data-p1-screen="hub"] #app#app .uiv5-scroll-tabs::-webkit-scrollbar{display:none}
body[data-p1-screen="hub"] #app#app .uiv5-scroll-tabs>*{flex-shrink:0}
body[data-p1-screen="hub"] #app#app :is(.gear-columns,.gear-warehouse,.gear-current,.gear-section,.gear-preview-grid,.splitmain,.mkbody){min-width:0}
body[data-p1-screen="hub"] #app#app .uiv5-six-slots{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
body[data-p1-screen="hub"] #app#app .uiv5-six-slots .gslot{position:static!important;width:auto!important;min-height:110px;padding:10px;background:#161612!important;border:1px solid #3b3a33!important}
body[data-p1-screen="hub"] #app#app .uiv5-six-slots .gi{height:56px}
body[data-p1-screen="hub"] #app#app .uiv5-six-slots img{max-height:56px;max-width:100%;object-fit:contain}
body[data-p1-screen="hub"] #app#app .uiv5-pet{position:static!important;width:auto!important;margin-top:10px!important;min-height:0!important}
body[data-p1-screen="hub"] #app#app .uiv5-equipped .gdoll{height:auto!important;min-height:0!important;padding:8px!important}
body[data-p1-screen="hub"] #app#app .uiv5-equipped :is(.gart,.gl-l,.gl-r){display:none!important}
body[data-p1-screen="hub"] #app#app :is(.gear-preview-grid,.gear-warehouse-tiles){display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px}
body[data-p1-screen="hub"] #app#app .gear-preview-card{min-width:0;display:flex;flex-direction:column;white-space:normal}
body[data-p1-screen="hub"] #app#app .gear-preview-art{height:80px}
body[data-p1-screen="hub"] #app#app .gear-preview-art img{max-height:76px;object-fit:contain}
body[data-p1-screen="hub"] #app#app :is(.t-perk,.t-talent,.t-hideout,.t-res,.t-market,.t-inf) :is(.ui-master-detail,.split,.layout2,.cols2){display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.5fr);gap:12px;align-items:start}
body[data-p1-screen="hub"] #app#app :is(.shopgrid,.shop-grid,.shop-cards,.product-grid){display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px}
body[data-p1-screen="hub"] #app#app .bm-product-card{border:1px solid #3b3a33!important;background:#1b1b17!important}
body[data-p1-screen="hub"] #app#app :is(.ui-perk-flow,.ui-talent-layout,.ui-hideout-workspace){display:grid;grid-template-columns:minmax(240px,1fr) minmax(0,1.7fr);gap:12px;align-items:start}
body[data-p1-screen="hub"] #app#app .shop-preview-products{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px}
body[data-p1-screen="hub"] #app#app .shop-preview-product{display:flex;flex-direction:column;min-width:0;padding:10px;background:#1b1b17!important}
body[data-p1-screen="hub"] #app#app .shop-preview-pick{display:flex;flex-direction:column;min-height:110px}
body[data-p1-screen="hub"] #app#app .shop-preview-rowbuy{margin-top:auto;display:flex;flex-wrap:wrap;gap:6px}
body[data-p1-screen="hub"] #app#app .shop-preview-rowbuy .btn{background:#e8dcb5!important;color:#161612!important;min-height:44px}
@media(min-width:1101px){
 body[data-p1-screen="hub"] #app#app .gear-columns{grid-template-columns:minmax(0,2.4fr) minmax(280px,1fr)!important;align-items:start}
 body[data-p1-screen="hub"] #app#app .uiv5-equipped{display:grid;grid-template-columns:minmax(240px,.8fr) minmax(0,1.4fr);gap:12px;align-items:start}
 body[data-p1-screen="hub"] #app#app .uiv5-equipped .gear-equipped{min-width:0}
}
@media(max-width:900px){
 body[data-p1-screen="hub"] #app#app .p1-main{padding-bottom:calc(120px + env(safe-area-inset-bottom))!important}
 body[data-p1-screen="hub"] #app#app :is(.t-perk,.t-talent,.t-hideout,.t-res,.t-market,.t-inf) :is(.ui-master-detail,.split,.layout2,.cols2){grid-template-columns:minmax(0,1fr)}
 body[data-p1-screen="hub"] #app#app :is(.shopgrid,.shop-grid,.shop-cards,.product-grid){grid-template-columns:repeat(2,minmax(0,1fr))}
 body[data-p1-screen="hub"] #app#app .gear-preview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 body[data-p1-screen="hub"] #app#app :is(.ui-perk-flow,.ui-talent-layout,.ui-hideout-workspace){grid-template-columns:minmax(0,1fr)}
 body[data-p1-screen="hub"] #app#app .shop-preview-products{grid-template-columns:repeat(2,minmax(0,1fr))}
}