/* PlayStor Game Hub v4 — premium page, rooted in existing details/player data. */
body.games-mode .gx-game-page.ph-game-hub{max-width:none;padding:0 0 70px;gap:0;color:#e8f5ff}
body.games-mode .ph-game-hub .gx-g43-hero{border:1px solid #195c87;border-radius:18px;margin-bottom:14px;background:#071b32;box-shadow:0 15px 40px #0007}
body.games-mode .ph-game-hub .gx-g43-backdrop{filter:blur(18px) saturate(1.25);opacity:.49}
body.games-mode .ph-game-hub .gx-g43-shade{background:linear-gradient(90deg,#051523f4,#06172ecd 44%,#09223fbd),linear-gradient(0deg,#041323,transparent)}
body.games-mode .ph-game-hub .gx-g43-hero-body{align-items:center;grid-template-columns:minmax(140px,205px) minmax(0,1fr);gap:27px;padding:27px;min-height:276px}
body.games-mode .ph-game-hub .gx-g43-art{border-color:#36a9e4;border-radius:12px;max-height:245px;max-width:185px;box-shadow:0 14px 33px #000a,0 0 20px #0e96eb44}
body.games-mode .ph-game-hub .gx-g43-copy h1{font-size:clamp(26px,3vw,43px);color:#fff;margin:5px 0 12px;letter-spacing:-.045em}
body.games-mode .ph-game-hub .gx-g43-kicker{color:#43c9ff;font-size:11px}
body.games-mode .ph-game-hub .gx-g43-summary{font-size:12px;color:#a6c7e0;max-width:78ch;line-height:1.6;-webkit-line-clamp:3;margin:10px 0 0}
body.games-mode .ph-game-hub .gx-g43-chip{background:#103352a8;border-color:#286183;color:#c9e9f9;font-size:10px}
body.games-mode .ph-game-hub .gx-g43-actions{gap:8px;margin-top:15px}
body.games-mode .ph-game-hub .gx-g43-actions button,body.games-mode .ph-game-hub .gx-g44-trailer{
 font-size:11px;padding:10px 12px;border-color:#236d99;border-radius:9px;background:#0c314f;color:#e5f6ff;
 font-weight:800;white-space:normal;min-height:38px}
body.games-mode .ph-game-hub .gx-g43-actions button.primary{
 background:linear-gradient(135deg,#088cdd,#0469a8);border:1px solid #48d7ff;color:#fff;
 box-shadow:0 0 15px #00afff70;font-weight:900}
body.games-mode .ph-game-hub .gx-g43-actions button:is(:hover,:focus-visible){background:#175985;border-color:#48d7ff}
.ph-dashboard{display:grid;gap:15px;min-width:0}
.ph-feedback{color:#83e7be;font-size:11px;margin:0}
.ph-feedback:empty{display:none}
.ph-feedback.error{color:#ff93a9}
.ph-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px}
.ph-metric{display:grid;grid-template-columns:32px auto;grid-template-rows:auto auto;align-content:center;align-items:center;gap:4px 11px;
 padding:13px 17px;min-width:0;border:1px solid #246c95;border-radius:13px;
 background:linear-gradient(135deg,#0d3555,#091f37);box-shadow:0 6px 17px #0005}
.ph-metric>span{grid-row:1/3;font-size:24px}
.ph-metric>strong{font-size:22px;line-height:1.1;color:#f5fbff}
.ph-metric>small{font-size:10px;color:#99c7e4;line-height:1.4}
.ph-subnav{display:flex;align-items:center;flex-wrap:wrap;gap:7px;border:1px solid #225b7d;background:#0b2942;
 border-radius:11px;padding:7px;min-width:0}
.ph-anchor{font-size:11px;min-height:35px;color:#b8dff4;background:#123b59;border:1px solid #245a80;
 border-radius:8px;padding:7px 12px;cursor:pointer;font-weight:800}
.ph-anchor:hover,.ph-anchor:focus-visible{outline:0;color:white;background:#145d8b;border-color:#39c8f7}
.ph-body{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(285px,.9fr);gap:13px;min-width:0}
.ph-main,.ph-side{min-width:0;display:grid;gap:14px;align-content:start}
.ph-panel{scroll-margin-top:100px;min-width:0;overflow:hidden;border:1px solid #256287;
 border-radius:13px;background:linear-gradient(145deg,#0d2b45,#071e32);box-shadow:0 9px 22px #0006}
.ph-panel-head{display:flex;align-items:center;justify-content:space-between;gap:8px;border-bottom:1px solid #285575;
 background:#12345291;padding:15px 18px}
.ph-kicker{display:block;font-size:9px;color:#43c7f2;letter-spacing:.16em;font-weight:900;margin-bottom:6px}
.ph-panel-head h2{font-size:17px;color:#f3faff;margin:0;letter-spacing:-.02em}
.ph-body-inner{padding:15px 18px;display:grid;gap:13px}
.ph-body-inner h3{font-size:12px;color:#c9edfb;margin:0 0 10px}
.ph-subgroup+.ph-subgroup{padding-top:13px;border-top:1px solid #2b516e}
.ph-empty,.ph-muted{font-size:11px;color:#a4bfd2;line-height:1.7;margin:1px 0}
.ph-person-grid{display:flex;gap:8px;flex-wrap:wrap}
.ph-person{display:flex;align-items:center;gap:9px;text-decoration:none;color:#eff9ff;min-width:115px;min-height:53px;
 background:#0b243b;border:1px solid #285b7c;border-radius:9px;padding:8px}
.ph-person:hover{background:#175077;border-color:#28beee}
.ph-person>span:first-child,.ph-person-avatar{width:36px;height:36px;min-width:36px;display:grid;place-items:center;
 border-radius:50%;overflow:hidden;border:1px solid #32c4ff;background:#144262;color:#d6f3ff;font-weight:800}
.ph-person>span:first-child img{width:100%;height:100%;object-fit:cover}
.ph-person>span:last-child{display:grid;gap:3px;min-width:0}
.ph-person strong{font-size:11px;max-width:170px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ph-person small{font-size:9px;color:#8bc7e5}
.ph-top-list{display:grid;gap:6px}
.ph-top-row{display:flex;align-items:center;gap:10px;min-width:0;border:1px solid #235576;background:#0a263d;border-radius:9px;padding:6px 9px}
.ph-top-row .ph-person{border:0;background:none;flex:1}
.ph-position{font-size:12px;color:#45d1ff}
.ph-time{font-size:11px;color:#a5e5ff;white-space:nowrap}
.ph-disclaimer{font-size:10px;color:#83aec8;line-height:1.6;display:block}
.ph-event{display:grid;gap:8px;background:#09253c;border:1px solid #2a597d;padding:13px;border-radius:10px}
.ph-event-top{display:flex;gap:9px;align-items:center}
.ph-event-icon{font-size:19px}
.ph-event strong{font-size:13px;line-height:1.4}
.ph-event small{color:#9abbce;font-size:10px}
.ph-action{display:inline-flex;align-items:center;justify-content:center;text-align:center;max-width:max-content;
 font:800 11px/1.3 system-ui,sans-serif;border-radius:8px;border:1px solid #2c8ebd;background:#12456b;
 color:#dff6ff;padding:9px 12px;cursor:pointer;text-decoration:none}
.ph-action:hover{background:#146fa1;border-color:#56d7ff}
.ph-action:disabled{opacity:.64;cursor:not-allowed}
.ph-primary{max-width:none;width:100%;background:linear-gradient(135deg,#077ec1,#105482);border-color:#35c7ff}
.ph-post{display:grid;gap:10px;border:1px solid #235575;border-radius:10px;background:#0a273f;padding:10px}
.ph-post-head{display:flex;align-items:center;justify-content:space-between;gap:10px}
.ph-post-head .ph-person{background:transparent;border:0}
.ph-post p{font-size:12px;color:#d7ebf8;line-height:1.6;margin:0;overflow-wrap:anywhere}
.ph-post>small,.ph-post-head>small{font-size:10px;color:#9cc2d9}
.ph-rooms-list{display:grid;gap:8px}
.ph-room{display:flex;align-items:center;justify-content:space-between;gap:8px;border:1px solid #245575;
 background:#0a263e;border-radius:10px;padding:10px}
.ph-room>div{min-width:0;display:grid;gap:5px}
.ph-room strong{font-size:12px}
.ph-room small{font-size:10px;color:#a6c8dc;line-height:1.4}
.ph-personal-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.ph-personal-stats>div{display:grid;gap:5px;background:#0a2740;border:1px solid #235676;border-radius:9px;padding:10px}
.ph-personal-stats small{font-size:9px;color:#90b9d1}
.ph-personal-stats strong{font-size:13px;overflow-wrap:anywhere}
.ph-journey-actions{display:flex;flex-wrap:wrap;gap:6px}
.ph-legacy-label{margin-top:20px;padding:14px 19px;border:1px solid #215779;background:#0d2b45;
 border-radius:12px 12px 0 0}
.ph-legacy-label h2{font-size:17px;margin:0 0 4px;color:#f3faff}
.ph-legacy-label p{font-size:11px;color:#9fc1da;margin:0;line-height:1.5}
body.games-mode .ph-game-hub .gx-g43-tabs{border:1px solid #215779;border-top:0;border-radius:0;background:#0b253e;
 padding:0 11px}
body.games-mode .ph-game-hub .gx-g43-tabs button{font-size:11px;color:#9ec5dc}
body.games-mode .ph-game-hub .gx-g43-tabs button.active{color:#dff6ff;border-bottom-color:#0ec9ff}
body.games-mode .ph-game-hub .gx-g43-body{border:1px solid #215779;border-top:0;border-radius:0 0 13px 13px;
 background:#09243a;padding:19px}
body.games-mode .ph-game-hub .gx-g43-facts{border-color:#285477}
body.games-mode .ph-game-hub .gx-g43-facts>div{border-color:#24516e}
body.games-mode .ph-game-hub .gx-g43-save-grid article{background:#0a2a44;border-color:#2b6085}
@media(max-width:1100px){.ph-body{grid-template-columns:minmax(0,1.2fr) minmax(265px,.9fr)}.ph-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:850px){.ph-body{grid-template-columns:1fr}.ph-main,.ph-side{gap:12px}.ph-anchor{flex:1 1 auto}}
@media(max-width:560px){
 body.games-mode .ph-game-hub .gx-g43-hero-body{grid-template-columns:95px minmax(0,1fr);gap:13px;padding:13px;align-items:center;min-height:175px}
 body.games-mode .ph-game-hub .gx-g43-art{width:95px;max-height:140px}
 body.games-mode .ph-game-hub .gx-g43-copy h1{font-size:clamp(18px,5vw,25px);margin-bottom:7px}
 body.games-mode .ph-game-hub .gx-g43-summary{display:none}
 body.games-mode .ph-game-hub .gx-g43-actions{gap:5px;margin-top:10px}
 body.games-mode .ph-game-hub .gx-g43-actions button{font-size:10px;padding:7px 9px;min-height:33px}
 body.games-mode .ph-game-hub .gx-g43-chip{font-size:9px;padding:4px 7px}
 .ph-metrics{gap:7px}.ph-metric{padding:12px 8px;grid-template-columns:20px auto;gap:3px 7px}
 .ph-metric>span{font-size:17px}.ph-metric>strong{font-size:17px}.ph-metric>small{font-size:9px}
 .ph-subnav{gap:5px;padding:6px}.ph-anchor{font-size:10px;padding:7px 8px}
 .ph-panel-head{padding:12px}.ph-body-inner{padding:12px}
 .ph-panel-head h2{font-size:15px}.ph-personal-stats{grid-template-columns:repeat(3,minmax(0,1fr))}
 .ph-personal-stats>div{padding:7px}
 .ph-personal-stats strong{font-size:11px}
 .ph-room{flex-wrap:wrap}.ph-room .ph-action{width:100%;max-width:none}
 .ph-top-row{gap:3px;padding:5px}
 .ph-top-row .ph-person{padding:5px;min-width:0}
 body.games-mode .ph-game-hub .gx-g43-tabs{padding:0 4px}
 body.games-mode .ph-game-hub .gx-g43-body{padding:12px}
}
@media(prefers-reduced-motion:reduce){.ph-anchor{scroll-behavior:auto}}

/* v4.2 — native tabs above the social dashboard, readable text scale. */
body.games-mode .ph-game-hub .gx-g43-hero{
 margin-bottom:0!important;border-radius:16px 16px 0 0;
}
body.games-mode .ph-game-hub .gx-g43-tabs{
 border:1px solid #2a6b93!important;border-top:0!important;
 border-radius:0!important;background:#0b2943!important;
 padding:5px 14px!important;gap:8px!important;
 scroll-margin-top:68px;min-height:54px;
}
body.games-mode .ph-game-hub .gx-g43-tabs button{
 font-size:clamp(13px,.9vw,15px)!important;
 font-weight:800!important;min-height:44px;
 padding:11px 16px!important;color:#bcd8ec!important;
}
body.games-mode .ph-game-hub .gx-g43-tabs button.active{
 color:#fff!important;border-bottom:3px solid #23ceff!important;
 background:linear-gradient(0deg,#0c5c8440,transparent)!important;
}
body.games-mode .ph-game-hub .gx-g43-body{
 border:1px solid #2a6b93!important;border-top:0!important;
 border-radius:0 0 14px 14px!important;background:#0a253b!important;
 padding:22px 24px!important;
}
body.games-mode .ph-game-hub .gx-g43-tab-panel h2{font-size:21px!important;line-height:1.35}
body.games-mode .ph-game-hub .gx-g43-about{
 max-width:105ch;color:#c4dcf0!important;
 font-size:15px!important;line-height:1.78!important;overflow-wrap:anywhere;
 margin-bottom:14px!important;
}
body.games-mode .ph-game-hub .gx-g43-about.ph-description-clamped:not(.ph-description-expanded){
 display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5;overflow:hidden;
}
.ph-description-toggle{
 font-size:13px!important;min-height:35px;
 color:#92e5ff!important;border:1px solid #24698a!important;
 border-radius:8px!important;background:#103855!important;
 padding:7px 12px!important;margin-bottom:17px!important;
 cursor:pointer;
}
.ph-description-toggle:hover{border-color:#2dd2ff!important;color:#fff!important}
body.games-mode .ph-game-hub .gx-g43-facts{
 gap:0!important;margin-top:12px!important;
}
body.games-mode .ph-game-hub .gx-g43-facts>div{
 font-size:14px!important;min-height:43px;line-height:1.5!important;gap:10px;
}
body.games-mode .ph-game-hub .gx-g43-facts :is(span,b){font-size:13px!important}
body.games-mode .ph-game-hub .gx-g43-help,body.games-mode .ph-game-hub .gx-g43-save-grid :is(p,h3){
 font-size:14px!important;line-height:1.55!important;
}
body.games-mode .ph-game-hub .gx-g43-summary{
 font-size:14px!important;line-height:1.65!important;color:#bed7eb!important;
}
body.games-mode .ph-game-hub .gx-g43-kicker,
body.games-mode .ph-game-hub .gx-g43-chip{font-size:12px!important}
body.games-mode .ph-game-hub .gx-g43-actions button{font-size:13px!important}
body.games-mode .ph-dashboard{margin-top:19px;gap:16px}
.ph-panel[hidden],.ph-anchor[hidden],.ph-community-shortcut[hidden]{display:none!important}
.ph-community-shortcut{
 display:inline-flex;align-items:center;justify-content:center;justify-self:start;
 color:#b6eaff;text-decoration:none;font-size:13px;font-weight:800;
 padding:10px 15px;border-radius:9px;border:1px solid #286b94;
 background:#0b3452;
}
.ph-community-shortcut:hover{color:#fff;border-color:#29c7f6;background:#125782}
.ph-community-actions{display:flex;flex-wrap:wrap;gap:10px}
.ph-dashboard .ph-feedback{font-size:13px!important;line-height:1.5}
.ph-metric>strong{font-size:clamp(22px,1.5vw,27px)!important}
.ph-metric>small{font-size:13px!important;line-height:1.45!important}
.ph-anchor{font-size:13px!important;min-height:41px;padding:10px 13px!important}
.ph-kicker{font-size:12px!important;line-height:1.3}
.ph-panel-head h2{font-size:20px!important;line-height:1.3}
.ph-body-inner{gap:16px}
.ph-body-inner h3{font-size:16px!important;line-height:1.4}
.ph-empty,.ph-muted{font-size:14px!important;line-height:1.65!important}
.ph-person strong{font-size:14px!important}
.ph-person small{font-size:12px!important}
.ph-position,.ph-time{font-size:13px!important}
.ph-disclaimer{font-size:12px!important;line-height:1.55!important}
.ph-event strong{font-size:15px!important}
.ph-event small{font-size:13px!important;line-height:1.55}
.ph-action{font-size:13px!important;min-height:38px}
.ph-post p{font-size:14px!important;line-height:1.7!important}
.ph-post>small,.ph-post-head>small{font-size:12px!important}
.ph-room strong{font-size:14px!important}
.ph-room small{font-size:12px!important;line-height:1.55!important}
.ph-personal-stats small{font-size:12px!important;line-height:1.45}
.ph-personal-stats strong{font-size:15px!important;line-height:1.4}
body.games-mode .ph-game-hub .gx-g43-save-grid article{min-width:0}
body.games-mode .ph-game-hub .gx-g43-save-grid article :is(h3,p){overflow-wrap:anywhere}
@media(max-width:850px){
 body.games-mode .ph-game-hub .gx-g43-body{padding:17px!important}
 body.games-mode .ph-game-hub .gx-g43-tabs{padding:5px 8px!important;gap:3px!important}
 body.games-mode .ph-game-hub .gx-g43-tabs button{padding:10px 12px!important}
 .ph-dashboard{margin-top:14px}
}
@media(max-width:560px){
 body.games-mode .ph-game-hub .gx-g43-body{padding:14px!important}
 body.games-mode .ph-game-hub .gx-g43-tabs button{font-size:12px!important;min-height:44px;padding:10px!important}
 body.games-mode .ph-game-hub .gx-g43-about{font-size:14px!important;line-height:1.68!important}
 body.games-mode .ph-game-hub .gx-g43-about.ph-description-clamped:not(.ph-description-expanded){-webkit-line-clamp:4}
 body.games-mode .ph-game-hub .gx-g43-facts>div{font-size:13px!important}
 body.games-mode .ph-game-hub .gx-g43-facts :is(span,b){font-size:12px!important}
 body.games-mode .ph-game-hub .gx-g43-actions button{font-size:12px!important}
 .ph-metric>strong{font-size:20px!important}
 .ph-metric>small{font-size:12px!important}
 .ph-panel-head h2{font-size:18px!important}
 .ph-body-inner h3{font-size:15px!important}
 .ph-anchor{font-size:12px!important;min-height:40px;padding:9px!important}
 .ph-personal-stats strong{font-size:13px!important}
}

/* Advanced emulator control is available inside the real player, not in Game Hub. */
body.games-mode .ph-game-hub .gx-g43-tabs{scrollbar-width:thin}