/* PlayStor frontend layout 2026-10-18.
 * Primary navigation + secondary menus. Loaded last to override inherited Stormflix.
 * No gameplay controller, input or emulator styling changed unless scoped below.
 */
:root{--ps-gap:clamp(10px,1.4vw,18px);--ps-edge:clamp(12px,2.7vw,34px)}
body.games-mode{max-width:100%;overflow-x:clip}
body.games-mode .games-view,body.games-mode .gx-app,body.games-mode .gx-content{min-width:0;max-width:100%}
body.games-mode .gx-app{overflow:clip}
body.games-mode .gx-topbar.ps-nav-ready{
  position:relative!important;top:0!important;z-index:120;
  display:grid!important;grid-template-columns:minmax(136px,184px) minmax(0,1fr) auto!important;
  align-items:center;gap:clamp(6px,1.2vw,16px);
  min-height:68px;padding:8px var(--ps-edge)!important;
  background:#0b1119;border-bottom:1px solid #283d4d;isolation:isolate;
  overflow:visible
}
body.games-mode .gx-topbar.ps-nav-ready>.gx-brand{
  min-width:0;max-width:100%;justify-self:start;align-items:center;gap:9px;padding:0;
}
body.games-mode .gx-topbar.ps-nav-ready .gx-brand strong{font-size:clamp(17px,1.7vw,23px);line-height:1.1;white-space:nowrap}
body.games-mode .gx-topbar.ps-nav-ready .gx-logo-mark{flex:none;width:38px;height:38px}
body.games-mode .gx-topbar.ps-nav-ready>.gx-mainnav{
  height:auto;min-height:46px;min-width:0;max-width:100%;overflow:visible;
  justify-content:center;align-items:center;gap:clamp(2px,.45vw,6px)
}
body.games-mode .gx-topbar.ps-nav-ready .gx-mainnav>button,
body.games-mode .gx-topbar.ps-nav-ready .ps-more-trigger{
  display:flex;justify-content:center;align-items:center;gap:6px;
  min-height:42px;height:auto;padding:8px clamp(7px,1vw,14px);margin:0;
  border:1px solid transparent;border-bottom:2px solid transparent;border-radius:10px;
  font-size:clamp(11px,.9vw,13px);font-weight:750;line-height:1.2;
  color:#b9cbdc;background:transparent;white-space:nowrap;cursor:pointer;
}
body.games-mode .gx-topbar.ps-nav-ready .gx-mainnav>button:hover,
body.games-mode .gx-topbar.ps-nav-ready .ps-more-trigger:hover{background:#192c3b;color:#eaf8ff}
body.games-mode .gx-topbar.ps-nav-ready .gx-mainnav>button.active,
body.games-mode .gx-topbar.ps-nav-ready .ps-more-trigger.active{
  background:#172c3a;color:#d9f6ff;border-bottom-color:#48c9fc
}
body.games-mode .gx-topbar.ps-nav-ready .ps-more{position:relative;display:flex;min-width:0;align-self:stretch;align-items:center}
body.games-mode .gx-topbar.ps-nav-ready .ps-menu{
  position:absolute;top:calc(100% + 7px);right:0;z-index:300;
  min-width:215px;max-width:min(310px,calc(100vw - 20px));
  display:flex;flex-direction:column;gap:4px;
  padding:9px;background:#111f2d;border:1px solid #38576d;
  border-radius:13px;box-shadow:0 18px 50px rgba(0,0,0,.7);
}
body.games-mode .gx-topbar.ps-nav-ready .ps-menu[hidden]{display:none!important}
body.games-mode .gx-topbar.ps-nav-ready .ps-more-items>button,
body.games-mode .gx-topbar.ps-nav-ready .ps-account-menu :is(a,button){
  width:100%;display:flex;align-items:center;gap:10px;justify-content:flex-start;
  min-height:42px;height:auto;margin:0;padding:9px 12px;
  border:1px solid transparent;border-radius:8px;background:transparent;
  color:#d6e9f5;text-align:left;font-size:12px;font-weight:650;
  white-space:normal;text-decoration:none;box-sizing:border-box;
}
body.games-mode .gx-topbar.ps-nav-ready .ps-menu :is(a,button):hover,
body.games-mode .gx-topbar.ps-nav-ready .ps-menu :is(a,button).active{
  background:#203d50;border-color:#406982;color:#fff
}
body.games-mode .gx-topbar.ps-nav-ready .ps-header-tools{
  display:flex;align-items:center;gap:clamp(6px,.75vw,11px);min-width:0;justify-content:flex-end
}
body.games-mode .gx-topbar.ps-nav-ready .ps-presence{min-width:0;max-width:172px}
body.games-mode .gx-topbar.ps-nav-ready .ps-presence #mp-online-count{
  display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;
  font-size:10px;white-space:nowrap;padding:8px 10px
}
body.games-mode .gx-topbar.ps-nav-ready .ps-account{position:relative;flex:none}
body.games-mode .gx-topbar.ps-nav-ready .ps-account-trigger{
  border:1px solid #35556b;border-radius:10px;min-height:40px;
  padding:7px 10px;background:#142332;color:#e5f7ff;
  display:flex;align-items:center;gap:7px;cursor:pointer;font:inherit;font-size:12px;font-weight:760
}
body.games-mode .gx-topbar.ps-nav-ready .ps-avatar{
  width:23px;height:23px;display:grid;place-items:center;border-radius:50%;
  background:#1a6288;color:#e1fbff;font-size:14px
}
body.games-mode .gx-topbar.ps-nav-ready .ps-account-menu .gx-user{
  width:100%;display:flex!important;flex-direction:column!important;align-items:stretch;
  flex-wrap:nowrap;gap:3px;justify-content:flex-start;min-width:0
}
body.games-mode .gx-topbar.ps-nav-ready .ps-account-menu .gx-user>span{display:none!important}
body.games-mode .gx-topbar.ps-nav-ready .ps-account-menu [data-gx-exit]{
  margin-top:6px!important;border-top:1px solid #3a4757!important;
  background:#301d2b!important;color:#f2bcc6!important
}
body.games-mode .gx-topbar.ps-nav-ready .ps-account-menu .ps-admin-link{display:flex!important}
body.games-mode .gx-topbar.ps-nav-ready .ps-account-menu .ps-account-link{display:flex!important}
body.games-mode .gx-content{width:min(1480px,calc(100% - (var(--ps-edge) * 2)))!important;margin:0 auto;padding:clamp(15px,2vw,30px) 0 70px}
body.games-mode .gx-page,body.games-mode .gx-home{min-width:0;max-width:100%;gap:var(--ps-gap)}
body.games-mode .g48-dashboard{grid-template-columns:minmax(0,1.55fr) minmax(320px,.85fr);gap:var(--ps-gap)}
body.games-mode .g48-dashboard>.gx-hero{min-width:0;min-height:260px}
body.games-mode .g48-dashboard .gx-hero-copy{min-width:0;overflow-wrap:anywhere}
body.games-mode .g48-dashboard .gx-hero h1{font-size:clamp(26px,3.1vw,44px);line-height:1.08}
body.games-mode .g48-activity{min-width:0}
body.games-mode .g48-activity-grid{gap:9px}
body.games-mode .g48-continue-card>button:first-child{min-width:0}
body.games-mode .g48-continue-card :is(strong,small){min-width:0;overflow-wrap:anywhere}
body.games-mode .gx-grid{grid-template-columns:repeat(auto-fill,minmax(min(165px,100%),1fr));gap:18px 14px}
body.games-mode .gx-grid .gx-card{max-width:none}
body.games-mode .gx-row{max-width:100%;scroll-snap-type:x proximity}
body.games-mode .gx-row>.gx-card{scroll-snap-align:start}
body.games-mode .gx-page-head{min-width:0}
body.games-mode .gx-search{min-width:0}
body.games-mode .gx-filters{max-width:100%;overflow-x:auto;scrollbar-width:thin;padding-bottom:4px}
body.games-mode .gx-collection-grid{grid-template-columns:repeat(auto-fill,minmax(min(250px,100%),1fr))}
body.games-mode .gx-save-grid{grid-template-columns:repeat(auto-fill,minmax(min(285px,100%),1fr))}
@media(max-width:1120px){
 body.games-mode .g48-dashboard{grid-template-columns:minmax(0,1fr)!important}
 body.games-mode .g48-dashboard>.gx-hero{height:auto}
 body.games-mode .g48-activity-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(min-width:761px) and (max-width:1080px){
 body.games-mode .gx-topbar.ps-nav-ready{
   grid-template-columns:minmax(120px,150px) minmax(0,1fr) auto!important
 }
 body.games-mode .gx-topbar.ps-nav-ready .ps-presence{max-width:103px}
 body.games-mode .gx-topbar.ps-nav-ready .gx-mainnav>button,
 body.games-mode .gx-topbar.ps-nav-ready .ps-more-trigger{padding-inline:7px}
}
@media(max-width:760px){
 body.games-mode .gx-topbar.ps-nav-ready{
  display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;
  grid-template-areas:'brand tools' 'nav nav';column-gap:10px;row-gap:6px;
  padding:8px 12px 5px!important;min-height:0
 }
 body.games-mode .gx-topbar.ps-nav-ready>.gx-brand{grid-area:brand}
 body.games-mode .gx-topbar.ps-nav-ready .gx-logo-mark{width:35px;height:35px}
 body.games-mode .gx-topbar.ps-nav-ready .gx-brand strong{font-size:20px}
 body.games-mode .gx-topbar.ps-nav-ready>.gx-mainnav{
  grid-area:nav;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));
  width:100%!important;max-width:100%;gap:2px;min-height:51px;
  border-top:1px solid #1f3445;padding-top:3px
 }
 body.games-mode .gx-topbar.ps-nav-ready .gx-mainnav>button,
 body.games-mode .gx-topbar.ps-nav-ready .ps-more-trigger{
  width:100%;min-width:0;min-height:48px;max-height:50px;padding:4px 1px;
  flex-direction:column;gap:2px;white-space:normal;font-size:13px;font-weight:550;
  border-radius:8px;line-height:1.08
 }
 body.games-mode .gx-topbar.ps-nav-ready .gx-mainnav>button span,
 body.games-mode .gx-topbar.ps-nav-ready .ps-more-trigger span:last-child{
  font-size:10px;line-height:1.1;font-weight:660;
 }
 body.games-mode .gx-topbar.ps-nav-ready .ps-more{width:100%;align-self:stretch;justify-content:center}
 body.games-mode .gx-topbar.ps-nav-ready .ps-more-items{
  right:0;top:calc(100% + 5px);min-width:205px;max-width:calc(100vw - 24px)
 }
 body.games-mode .gx-topbar.ps-nav-ready .ps-header-tools{grid-area:tools;gap:5px}
 body.games-mode .gx-topbar.ps-nav-ready .ps-account-trigger{padding:5px 7px;min-height:36px}
 body.games-mode .gx-topbar.ps-nav-ready .ps-chevron{display:none}
 body.games-mode .gx-topbar.ps-nav-ready .ps-avatar{height:24px;width:24px}
 body.games-mode .gx-topbar.ps-nav-ready .ps-presence{max-width:100px}
 body.games-mode .gx-topbar.ps-nav-ready .ps-presence #mp-online-count{
  max-width:100px;padding:5px 6px;font-size:9px
 }
 body.games-mode .gx-content{
  width:calc(100% - 26px)!important;
  padding:16px 0 70px!important
 }
 body.games-mode .gx-page-head{flex-direction:column;align-items:stretch;gap:13px}
 body.games-mode .gx-page-head h1{font-size:clamp(25px,6vw,32px)}
 body.games-mode .gx-search{width:100%}
 body.games-mode .gx-filters{gap:6px}
 body.games-mode .gx-filters button{min-height:37px;padding:7px 9px;font-size:11px}
 body.games-mode .gx-hints{display:none!important}
 body.games-mode .g48-dashboard{gap:12px}
 body.games-mode .g48-dashboard>.gx-hero{
  grid-template-columns:clamp(88px,25vw,132px) minmax(0,1fr);
  min-height:0;gap:clamp(10px,3vw,16px);padding:13px
 }
 body.games-mode .g48-dashboard>.gx-hero .gx-hero-copy{padding-bottom:0}
 body.games-mode .g48-dashboard>.gx-hero .gx-hero h1,
 body.games-mode .g48-dashboard>.gx-hero h1{
  font-size:clamp(20px,5.3vw,30px)!important;line-height:1.12!important;
  letter-spacing:-.035em;overflow-wrap:anywhere;word-break:normal
 }
 body.games-mode .g48-dashboard>.gx-hero .gx-hero-copy>p:first-child{font-size:9px;letter-spacing:.07em}
 body.games-mode .g48-dashboard>.gx-hero .gx-hero-meta{gap:4px;font-size:9px}
 body.games-mode .g48-dashboard>.gx-hero .gx-hero-meta span{padding:3px 5px}
 body.games-mode .g48-dashboard>.gx-hero .gx-hero-summary,
 body.games-mode .g48-dashboard>.gx-hero .gx-hero-copy>small{display:none}
 body.games-mode .g48-dashboard>.gx-hero .g48-hero-action{font-size:11px;padding:8px 9px;max-width:100%;white-space:normal}
 body.games-mode .g48-activity{padding:12px}
 body.games-mode .g48-activity-grid{gap:8px}
 body.games-mode .g48-continue-card{padding:8px}
 body.games-mode .g48-continue-card>button:first-child{grid-template-columns:clamp(42px,12vw,58px) minmax(0,1fr);gap:3px 7px}
 body.games-mode .g48-continue-card .gx-cover{width:100%}
 body.games-mode .g48-continue-card strong{font-size:11px!important;line-height:1.3}
 body.games-mode .g48-continue-card small{white-space:nowrap;min-width:0;text-overflow:ellipsis}
 body.games-mode .gx-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px 11px}
 body.games-mode .gx-row>.gx-card{flex-basis:clamp(118px,34vw,160px)}
 body.games-mode .gx-section h2{font-size:17px}
 body.games-mode .gx-card strong{font-size:12px}
 body.games-mode .gx-collection-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 body.games-mode .gx-collection-art{height:110px}
}
@media(max-width:375px){
 body.games-mode .gx-topbar.ps-nav-ready .ps-presence{max-width:66px}
 body.games-mode .gx-topbar.ps-nav-ready .ps-presence #mp-online-count{max-width:66px;padding:5px;font-size:9px}
 body.games-mode .gx-topbar.ps-nav-ready .ps-account-trigger span:not(.ps-avatar){display:none}
 body.games-mode .gx-topbar.ps-nav-ready .ps-account-trigger{min-width:36px;justify-content:center}
 body.games-mode .g48-dashboard>.gx-hero{grid-template-columns:82px minmax(0,1fr);gap:10px;padding:11px}
 body.games-mode .g48-dashboard>.gx-hero h1{font-size:clamp(19px,5.3vw,22px)!important}
 body.games-mode .g48-activity-grid{grid-template-columns:1fr 1fr}
 body.games-mode .g48-continue-card>button:first-child{grid-template-columns:42px minmax(0,1fr);gap:5px}
 body.games-mode .g48-continue-card strong{font-size:10px!important}
 body.games-mode .gx-content{width:calc(100% - 20px)!important}
}
@media(max-width:300px){
 body.games-mode .gx-topbar.ps-nav-ready .ps-presence{display:none}
 body.games-mode .gx-topbar.ps-nav-ready .gx-mainnav>button span,
 body.games-mode .gx-topbar.ps-nav-ready .ps-more-trigger span:last-child{font-size:9px}
 body.games-mode .g48-activity-grid{grid-template-columns:minmax(0,1fr)}
}
/* Player: no duplicated assistance card, minimal mobile overlays. */
body:has(#mp-unified-root) #mp-assist-hud{display:none!important}
body:has(#mp-unified-root) #mp-overlay:not(.mp-visible){display:none!important}
@media(max-width:760px){
 .mp-unified-root .mp-uni-toolbar{
  top:5px;right:6px;left:auto;transform:none;
  max-width:calc(100% - 12px);width:max-content;
  padding:4px;gap:2px;border-radius:10px
 }
 .mp-unified-root .mp-uni-toolbar [data-uni-status]{
  max-width:54px;font-size:9px;overflow:hidden;text-overflow:ellipsis
 }
 .mp-unified-root .mp-uni-toolbar button{min-height:29px;min-width:28px;padding:4px;font-size:12px}
 .mp-unified-root .mp-uni-room{
  width:min(325px,calc(100vw - 24px));max-height:min(54dvh,370px);
  top:calc(100% + 4px);left:auto;right:0;transform:none
 }
 .mp-unified-root .mp-uni-chat{width:min(270px,75vw);height:min(190px,33dvh)}
 .mp-unified-root .mp-uni-camera{width:min(185px,52vw);height:min(164px,30dvh)}
}

/* Medium breakpoints: prevent the inherited G4 1050px icon-only rule and
 * the old G4.8 1180px oversized covers from reintroducing overlap. */
body.games-mode .gx-topbar.ps-nav-ready .gx-mainnav>button span,
body.games-mode .gx-topbar.ps-nav-ready .ps-more-trigger span:last-child{
  display:inline!important
}
@media(min-width:761px) and (max-width:1050px){
 body.games-mode .gx-topbar.ps-nav-ready{
  grid-template-columns:minmax(0,1fr) auto!important;
  grid-template-areas:'brand tools' 'nav nav';gap:5px 12px;
  padding:8px 20px 6px!important;min-height:0
 }
 body.games-mode .gx-topbar.ps-nav-ready>.gx-brand{grid-area:brand}
 body.games-mode .gx-topbar.ps-nav-ready>.gx-mainnav{
  grid-area:nav;display:flex;justify-content:flex-start!important;
  align-self:stretch;width:100%!important;min-height:42px;
  border-top:1px solid #1c3546;padding-top:3px
 }
 body.games-mode .gx-topbar.ps-nav-ready .ps-header-tools{grid-area:tools}
 body.games-mode .gx-topbar.ps-nav-ready .gx-mainnav>button,
 body.games-mode .gx-topbar.ps-nav-ready .ps-more-trigger{
  min-height:39px;padding:6px 14px;font-size:12px
 }
 body.games-mode .g48-continue-card>button:first-child{
  display:grid!important;grid-template-columns:64px minmax(0,1fr);grid-template-rows:auto auto;
  gap:3px 9px;align-items:center
 }
 body.games-mode .g48-continue-card .gx-cover{
  width:64px;grid-row:1/3;aspect-ratio:3/4
 }
 body.games-mode .g48-continue-card strong{align-self:end;font-size:12px!important}
 body.games-mode .g48-continue-card small{align-self:start}
}
/* Compact assistance options live inside the room instead of a second HUD. */
.mp-uni-room .mp-uni-duration,.mp-uni-room label:has([data-uni-custom-duration]){
 display:grid;gap:6px;font-size:11px;color:#bfd7e5;margin:9px 0
}
.mp-uni-room :is([data-uni-duration],[data-uni-custom-duration]){
 width:100%;min-width:0;padding:8px 9px;color:#ecfaff;background:#101c2b;
 border:1px solid #47677a;border-radius:8px
}
.mp-uni-toolbar button.mp-has-camera{box-shadow:inset 0 -3px 0 #5fcdb2}

/* Social notifications are a single compact header action, not another nav rail. */
body.games-mode .ps-social-inbox{position:relative;flex:none}
body.games-mode .ps-social-bell{position:relative;min-width:37px;min-height:39px;padding:7px;background:#142332;border:1px solid #35556b;border-radius:10px;color:#e6f4ff;font-size:16px;cursor:pointer}
body.games-mode .ps-social-badge{position:absolute;top:-5px;right:-6px;display:grid;place-items:center;min-width:17px;height:17px;border-radius:12px;background:#40b8eb;color:#07111b;font:800 10px system-ui;padding:0 3px}
body.games-mode .ps-social-badge[hidden]{display:none}
body.games-mode .ps-social-panel{position:absolute;top:calc(100% + 10px);right:0;z-index:900;width:min(330px,calc(100vw - 24px));max-height:350px;overflow-y:auto;padding:13px;border:1px solid #3d6278;border-radius:12px;background:#0f2230;box-shadow:0 17px 44px #000b;color:#e6f4ff;font-size:12px}
body.games-mode .ps-social-panel[hidden]{display:none}
body.games-mode .ps-social-panel>strong{display:block;margin-bottom:10px;font-size:14px}
body.games-mode .ps-social-panel [data-ps-notification-list]>div{padding:10px 0;border-bottom:1px solid #2e485b;display:flex;flex-wrap:wrap;gap:10px}
body.games-mode .ps-social-panel .ps-unread{color:#a1e6ff}
body.games-mode .ps-social-panel a{color:#77d8ff;text-decoration:none}
body.games-mode .ps-social-panel>a{display:block;margin-top:11px}
@media(max-width:375px){body.games-mode .ps-social-bell{min-width:31px;min-height:35px;padding:4px}}
/* Only one lightweight community preview on Home, expandable to Top 10. */
body.games-mode .ps-home-social{
 margin-top:clamp(8px,1.2vw,18px);min-width:0;border:1px solid #2c4a60;
 border-radius:14px;background:#101d29;color:#e6f5ff;overflow:hidden
}
body.games-mode .ps-home-social summary{
 list-style:none;display:flex;align-items:center;justify-content:space-between;
 gap:14px;padding:14px 17px;cursor:pointer;font-weight:750;font-size:14px
}
body.games-mode .ps-home-social summary::-webkit-details-marker{display:none}
body.games-mode .ps-home-social summary small{font-size:11px;font-weight:500;color:#92bacf}
body.games-mode .ps-home-social details>p{
 font-size:11px;color:#9bbacf;padding:0 17px;margin:0 0 8px
}
body.games-mode .ps-home-social ol{list-style:none;margin:0;padding:0 17px}
body.games-mode .ps-home-social li{display:flex;align-items:center;justify-content:space-between;
 gap:14px;border-bottom:1px solid #203c4b;padding:10px 3px;font-size:12px}
body.games-mode .ps-home-social :is(li a,details>a){color:#80dcff;text-decoration:none}
body.games-mode .ps-home-social details>a{display:inline-block;margin:12px 17px 16px;font-size:12px}
@media(max-width:430px){
 body.games-mode .ps-home-social summary{flex-direction:column;align-items:flex-start;gap:4px}
}