/* PlayStor Network · mockup visual system v3.
   Scoped to presentation only; original game and emulator actions stay mounted. */
:root{
 --pm-bg:#06111f;--pm-deep:#061b30;--pm-panel:#0a263e;--pm-line:#1a5985;
 --pm-blue:#04bdff;--pm-glow:#1c9cff;--pm-text:#f0f8ff;--pm-muted:#96bbd5;
 --pm-radius:13px;--pm-shadow:0 18px 38px #0008;
}
body.games-mode{background:#06111f!important;color:var(--pm-text)}
body.games-mode #games-view{background:#051120!important}
body.games-mode #games-view .gx-app.ps-v2-app{
 grid-template-columns:210px minmax(0,1fr)!important;
 background:radial-gradient(ellipse at 70% 0,#08365f 0,transparent 34%),#06111f!important;
}
body.games-mode .ps-v2-app>.gx-topbar.ps-v2-header{
 position:sticky!important;top:0!important;z-index:50!important;
 grid-template-columns:210px minmax(200px,440px) minmax(230px,1fr)!important;
 min-height:61px;height:61px;gap:26px;
 border-bottom:1px solid #1d6590!important;padding:7px 23px!important;
 background:linear-gradient(90deg,#071b31ef,#0b3265eb 63%,#081d38ef)!important;
 backdrop-filter:blur(18px);box-shadow:0 2px 20px #0008;
}
body.games-mode .ps-v2-header .gx-brand{justify-self:start;gap:12px;min-width:0}
.pm-brand-logo{display:grid;place-items:center;height:37px;width:38px;flex:none;border:2px solid #16cafa;
 background:linear-gradient(150deg,#0c6a9c,#063658);border-radius:9px;color:#32d4ff;
 font-size:24px;font-weight:950;box-shadow:0 0 17px #00bafc53,inset 0 1px 0 #8df3ff70;
 font-style:italic}
.pm-brand-title{font-size:21px!important;color:#f4fcff!important;letter-spacing:-.05em!important}
.pm-brand-title>span{color:#17caff!important}
.pm-search{position:relative;grid-column:2;display:flex;align-items:center;min-width:0;min-height:39px;
 background:linear-gradient(180deg,#122d4e,#0a213b);border:1px solid #3274a2;border-radius:11px;
 box-shadow:0 2px 9px #0004;cursor:text}
.pm-search:focus-within{border-color:#33d4ff;box-shadow:0 0 0 3px #0dbaff24}
.pm-search-icon{font-size:23px;color:#b3e2f5;padding:0 12px;line-height:1}
.pm-search input{flex:1;min-width:0;border:0!important;outline:0;background:transparent!important;color:#e9f8ff!important;
 font-size:12px;padding:10px 10px 10px 0!important}
.pm-search input::placeholder{color:#95bad4}
.pm-search-results{position:absolute;top:calc(100% + 7px);left:0;right:0;z-index:200;
 background:#0d2740;border:1px solid #31789d;border-radius:13px;box-shadow:0 14px 35px #000c;
 max-height:350px;overflow:auto;padding:7px;display:grid;gap:2px}
.pm-search-results[hidden]{display:none}
.pm-search-results :is(button,a){text-decoration:none;text-align:left;width:100%;display:block;border:0;
 background:transparent;color:#dbf1ff;font-size:12px;padding:10px 11px;border-radius:8px;cursor:pointer}
.pm-search-results :is(button,a):hover{background:#164a6e;color:#fff}
.pm-results-label{display:block;color:#67bde2;padding:9px 10px 3px;font-size:10px;letter-spacing:.1em;font-weight:900}
body.games-mode .ps-v2-header .ps-header-tools{display:flex;align-items:center;justify-self:end;grid-column:3;gap:10px;min-width:0}
body.games-mode .ps-v2-header .ps-presence,
body.games-mode .ps-v2-header .ps-social-inbox,
body.games-mode .ps-v2-header .ps-account-trigger{
 border:1px solid #286b92!important;background:#0a2c4e!important;border-radius:10px!important;
 min-height:37px;color:#dcefff!important;box-shadow:0 3px 9px #0005}
body.games-mode .ps-v2-header .ps-account-trigger{font-weight:750;font-size:11px!important;gap:8px}
body.games-mode .ps-account-trigger .ps-avatar{border-radius:50%;overflow:hidden}
body.games-mode .ps-account-trigger .ps-avatar.ps-avatar>.ps-avatar-image{width:100%;height:100%;object-fit:cover}
body.games-mode .ps-v2-app>.ps-v2-sidebar.pm-sidebar{
 position:sticky!important;top:61px;align-self:start;max-height:calc(100dvh - 61px);
 min-height:calc(100dvh - 61px);overflow-y:auto;overflow-x:hidden;gap:11px;
 padding:16px 12px 18px!important;border-right:1px solid #1a587d;
 background:radial-gradient(ellipse at 50% 108%,#0a4c71b2,transparent 38%),linear-gradient(#102743,#061b30)!important;
 box-shadow:inset -11px 0 28px #0004;
 scrollbar-width:thin;scrollbar-color:#295976 transparent;
}
body.games-mode .pm-sidebar .ps-v2-intro{padding:13px 9px 16px;border-bottom:1px solid #246081}
body.games-mode .pm-sidebar .ps-v2-intro small{font-size:9px;letter-spacing:.17em;color:#38caff}
body.games-mode .pm-sidebar .ps-v2-intro strong{font-size:17px;margin:8px 0}
body.games-mode .pm-sidebar .ps-v2-intro span{font-size:11px;color:#a0bfdb}
body.games-mode .pm-sidebar .ps-v2-menu{gap:2px}
body.games-mode .pm-sidebar .ps-v2-label{color:#36c2f4;margin:13px 8px 5px;font-size:9px;letter-spacing:.18em}
body.games-mode .pm-sidebar .ps-v2-link{min-height:43px;border-radius:9px;color:#c1daf0;gap:11px;padding:8px 11px}
body.games-mode .pm-sidebar .ps-v2-link span{color:#55d0ff;font-size:21px;min-width:24px}
body.games-mode .pm-sidebar .ps-v2-link b{font-size:12px}
body.games-mode .pm-sidebar .ps-v2-link:is(:hover,.active){background:linear-gradient(90deg,#105486,#0b3760);
 border-color:#11baff;color:white;box-shadow:inset 3px 0 0 #11cfff,0 0 16px #0789c83d}
body.games-mode .pm-sidebar .ps-v2-progress{margin-top:8px;background:linear-gradient(135deg,#155689,#092c50);
 border-color:#238cd0;border-radius:12px;padding:12px;box-shadow:0 0 15px #007bda37}
body.games-mode .pm-sidebar .ps-v2-progress strong{font-size:17px}
body.games-mode .pm-sidebar .ps-v2-progress small:first-child{color:#58dbff;font-weight:800;letter-spacing:.12em}
body.games-mode .pm-sidebar .ps-v2-progressbar i{background:linear-gradient(90deg,#008af2,#33deff)}
.pm-friends{border:1px solid #235c88;border-radius:13px;background:#0a2942;padding:11px;margin:0 0 4px}
.pm-friends-head{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:0 1px 9px}
.pm-friends-head strong{font-size:11px;color:#f2faff}
.pm-friends-head a{font-size:9px;color:#8fdaff;text-decoration:none}
.pm-friends-list{display:grid;gap:6px}
.pm-friend{display:flex;align-items:center;gap:8px;padding:4px;text-decoration:none;color:#e7f7ff;border-radius:8px;min-width:0}
.pm-friend:hover{background:#174c69}
.pm-friend-avatar{position:relative;height:33px!important;width:33px!important;min-width:33px;border:1px solid #39bdea;font-size:14px}
.pm-friend-avatar .pm-online-dot{position:absolute;right:-2px;bottom:-2px;width:10px;height:10px;border-radius:50%;
 border:2px solid #0c2538;background:#39e38f;box-shadow:0 0 8px #28dd98}
.pm-friend span:last-child{min-width:0;display:grid;gap:3px}
.pm-friend strong{font-size:10px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.pm-friend small{font-size:9px;color:#99bcd2;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.pm-empty{font-size:11px;color:#97b9d2;line-height:1.5;margin:5px}
body.games-mode .ps-v2-app>.gx-content{
 padding:0 17px 70px!important;width:100%!important;overflow:visible!important;
}
body.games-mode .gx-home{display:grid;gap:14px}
.pm-stage{position:relative;isolation:isolate;display:grid;gap:12px;padding:25px 0 0;
 background:linear-gradient(180deg,#06152300 40%,#061423f2 100%),url('/brand/playstor-lake.svg') 50% 0 / 100% 475px no-repeat;
 border-radius:0 0 17px 17px;min-width:0}
.pm-stage::before{content:'';pointer-events:none;position:absolute;z-index:-1;inset:0 0 auto;height:465px;
 background:linear-gradient(90deg,#061626aa 2%,#07182e30 52%,#06162326),linear-gradient(0deg,#061523,transparent 34%)}
body.games-mode .pm-stage .ps-v2-welcome{padding:8px 14px;margin:0 0 1px;display:flex;align-items:end;gap:18px}
body.games-mode .pm-stage .ps-v2-welcome small{font-size:9px;font-weight:900;letter-spacing:.18em;color:#2ed5ff}
body.games-mode .pm-stage .ps-v2-welcome h1{margin:9px 0 0;font-size:clamp(26px,2.5vw,42px);line-height:1.08;
 letter-spacing:-.04em;color:#fff;text-shadow:0 3px 9px #0006}
body.games-mode .pm-stage .ps-v2-welcome p{color:#c1dcef;font-size:12px;margin-top:6px}
body.games-mode .pm-stage .ps-v2-welcome-links{flex:none;display:flex;gap:9px}
body.games-mode .pm-stage .ps-v2-welcome-links a{color:#f4fcff;background:linear-gradient(135deg,#075c98,#072843);
 border-color:#14bcff;min-width:126px;text-align:center;padding:12px 17px;border-radius:10px;font-size:12px;
 box-shadow:0 0 17px #00aeeb59;font-weight:800}
body.games-mode .pm-stage .ps-v2-welcome-links a:last-child{border-color:#e1bc35;background:linear-gradient(#604716a8,#261b0d);
 box-shadow:0 0 13px #ecc4294d}
body.games-mode .pm-stage>.g48-dashboard{display:grid!important;grid-template-columns:minmax(0,1.46fr) minmax(325px,.88fr)!important;
 gap:13px;padding:0;min-width:0;align-items:stretch}
body.games-mode .pm-stage>.g48-dashboard>.gx-hero{
 display:grid!important;grid-template-columns:clamp(105px,14%,180px) minmax(0,1fr)!important;
 align-items:center!important;gap:19px!important;min-width:0;
 min-height:284px!important;height:auto!important;border:1px solid #11669c!important;border-radius:14px!important;
 background:linear-gradient(100deg,#092039df,#04192bc9)!important;padding:18px!important;
 box-shadow:0 14px 38px #0009,inset 0 0 14px #0c5c8655!important}
body.games-mode .pm-stage .gx-hero::before{display:none}
body.games-mode .pm-stage .gx-hero-wash{background:linear-gradient(90deg,#06121ab5,#03101f4d),linear-gradient(0deg,#02111c80,transparent)!important}
body.games-mode .pm-stage .gx-hero-cover{border:2px solid #2f9aca!important;border-radius:11px;box-shadow:0 10px 25px #000b!important;align-self:stretch;
 aspect-ratio:auto!important;height:100%;max-height:245px}
body.games-mode .pm-stage .gx-hero-copy{align-self:center;min-width:0;padding:0}
body.games-mode .pm-stage .gx-hero-copy>p:first-child{width:max-content;max-width:100%;margin:0 0 9px;
 border:1px solid #2485b5;border-radius:8px;background:#124b75a8;color:#8fe2ff;
 padding:5px 10px;font-size:9px;letter-spacing:.11em}
body.games-mode .pm-stage .gx-hero h1{font-size:clamp(19px,2.2vw,34px);line-height:1.12;margin:0 0 11px;color:white}
body.games-mode .pm-stage .gx-hero-meta{gap:6px}
body.games-mode .pm-stage .gx-hero-meta span{font-size:10px;border:1px solid #376785;background:#0b2a42b8;color:#bad8eb;padding:4px 7px}
body.games-mode .pm-stage .gx-hero-summary{color:#b5d4e7!important;font-size:11px;line-height:1.5;
 -webkit-line-clamp:3;display:-webkit-box}
body.games-mode .pm-stage .g48-hero-action{margin-top:12px!important;padding:10px 19px!important;font-size:12px!important;
 border:1px solid #20baff!important;border-radius:8px!important;background:linear-gradient(135deg,#027dcc,#054d95)!important;
 color:white!important;box-shadow:0 0 17px #039af75c}
body.games-mode .pm-stage .g48-activity{background:linear-gradient(150deg,#123557e6,#081e35e9)!important;
 border:1px solid #215f91!important;border-radius:14px!important;padding:15px!important;box-shadow:0 8px 26px #0008!important}
body.games-mode .pm-stage .g48-activity-head p{color:#3dd3ff;letter-spacing:.17em;font-size:9px}
body.games-mode .pm-stage .g48-activity-head h2{font-size:17px}
body.games-mode .pm-stage .g48-activity-head>small{color:#9bd4f1;font-size:10px}
body.games-mode .pm-stage .g48-activity-head a{color:#9bdcf6;text-decoration:none}
body.games-mode .pm-stage .g48-activity-grid{gap:9px}
body.games-mode .pm-stage .g48-continue-card{background:#071e33b9;border:1px solid #245b83;border-radius:11px;padding:7px}
body.games-mode .pm-stage .g48-continue-card:focus-within,body.games-mode .pm-stage .g48-continue-card:hover{border-color:#18c4ff}
body.games-mode .pm-stage .g48-continue-card .gx-cover{width:64px}
body.games-mode .pm-stage .g48-continue-card>button:first-child{grid-template-columns:64px minmax(0,1fr);gap:3px 8px}
body.games-mode .pm-stage .g48-continue-card strong{font-size:10px!important;line-height:1.32}
body.games-mode .pm-stage .g48-continue-card small{font-size:9px!important}
body.games-mode .pm-stage .g48-quick-card{background:#0a2a40;border:1px solid #246389;min-height:84px}
.pm-ranking{display:flex;align-items:center;gap:8px;min-width:0;min-height:72px;
 border:1px solid #1a8dd2;border-radius:13px;background:linear-gradient(110deg,#0b3460f3,#082742ed 45%,#112b58ef);
 box-shadow:inset 4px 0 0 #18bbff,0 0 16px #0b83db60;overflow:hidden;padding:9px 14px}
.pm-ranking-head{flex:0 0 238px;display:flex;gap:9px;align-items:center;min-width:0}
.pm-ranking-icon{font-size:30px}
.pm-ranking-head div{min-width:0;display:grid;gap:4px}
.pm-ranking-head strong{font-size:15px;line-height:1.2}
.pm-ranking-head small{font-size:10px;color:#9fc6de}
.pm-ranking-list{flex:1;display:flex;gap:7px;min-width:0;overflow-x:auto;scrollbar-width:thin}
.pm-rank-person{flex:1;min-width:122px;display:flex;align-items:center;gap:6px;padding:5px 9px;
 border:1px solid #2b6588;border-radius:9px;background:#0b2540d6;text-decoration:none;color:#effaff}
.pm-rank-person:hover{border-color:#38bdff;background:#164b6a}
.pm-rank-number{color:#d9e9fa;font-size:14px;font-weight:900}
.pm-rank-avatar{height:36px!important;width:36px!important;min-width:36px;border:1px solid #24b8ed;border-radius:50%;font-size:14px}
.pm-rank-copy{display:grid;gap:4px;min-width:0}
.pm-rank-copy strong{font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pm-rank-copy small{font-size:9px;color:#8ed4ff;white-space:nowrap}
.pm-ranking-more{flex:none;color:#d6f6ff;text-decoration:none;font-size:10px;font-weight:700;
 padding:11px;border:1px solid #2f7198;border-radius:8px;background:#0c2c48;white-space:nowrap}
.pm-ranking-more:hover{border-color:#4cceff}
body.games-mode .gx-home>.gx-section{padding:0 0 7px;margin:0;min-width:0}
.pm-rail-title{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:5px 1px 8px}
body.games-mode .pm-rail-title h2{font-size:19px!important;letter-spacing:-.035em!important;color:#f2faff}
body.games-mode .pm-rail-title h2::before{content:'🎮';font-size:20px;margin-right:8px}
body.games-mode .gx-home>.gx-section:nth-of-type(2) .pm-rail-title h2::before{content:'✨'}
.pm-all-games{flex:none;font-size:10px;border:1px solid #296b90;background:#09243b;color:#b6e7ff;
 border-radius:8px;padding:9px 13px;cursor:pointer}
.pm-all-games:hover{border-color:#3cd5ff;background:#0b3f65}
body.games-mode .gx-home .gx-row{gap:10px;overflow-x:auto;scrollbar-width:thin;scrollbar-color:#185f87 transparent;padding:6px 0 12px}
body.games-mode .gx-home .gx-row>.gx-card{flex:0 0 clamp(118px,8.4vw,163px)}
body.games-mode .gx-home .gx-card{position:relative;min-width:0}
body.games-mode .gx-home .gx-card>.gx-heart{top:7px;bottom:auto;right:7px;z-index:2;
 background:#08243bd9;border:1px solid #367da3;border-radius:50%;height:27px;width:27px;color:#cde8fa}
body.games-mode .gx-home .gx-card>.gx-heart.on{color:#ff7496}
body.games-mode .gx-home .gx-cover{border:1px solid #276a8b;border-radius:10px!important;box-shadow:0 7px 16px #0009}
body.games-mode .gx-home .gx-card:hover .gx-cover{border-color:#13bdf9;box-shadow:0 0 12px #0ab6f666}
body.games-mode .gx-home .gx-card strong{font-size:10px!important;color:#e4f6ff;white-space:normal;display:-webkit-box;
 -webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:25px;line-height:1.3}
body.games-mode .gx-home .gx-card small{font-size:9px}
body.games-mode .gx-home .gx-card small b{color:#e0c3ff;background:#4c1c8b;border-radius:5px}
body.games-mode .gx-page{min-width:0}
body.games-mode .gx-page-head{border:1px solid #1d628c;background:linear-gradient(115deg,#0e3352,#081e34);
 padding:20px;border-radius:14px}
body.games-mode .gx-page-head h1{font-size:clamp(25px,2.5vw,39px)}
body.games-mode .gx-page-head small{color:#9bbbd1}
body.games-mode :is(.gx-filters,.gx-settings-tabs){border:1px solid #205d82;border-radius:10px;background:#0b2841;
 padding:6px;gap:6px;min-width:0}
body.games-mode :is(.gx-filters button,.gx-settings-tabs button){border-radius:8px;color:#b6d7e7}
body.games-mode :is(.gx-filters button.active,.gx-settings-tabs button.active){border-color:#25bfff;background:#12517c;color:white}
body.games-mode .gx-search{border-color:#26719c;background:#0b2945}
body.games-mode .gx-grid{gap:16px 12px;grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}
body.games-mode .gx-collection-grid>button,body.games-mode .gx-save-grid>button,
body.games-mode .gx-settings-card,body.games-mode .gx-emulator-list article{
 border-color:#255877;background:linear-gradient(155deg,#0e2a43,#081f33);border-radius:13px;
 box-shadow:0 9px 17px #0004}
body.games-mode .gx-card button:focus-visible,body.games-mode .pm-search input:focus-visible,
body.games-mode .pm-ranking a:focus-visible{outline:2px solid #4cdcff;outline-offset:2px}
body.games-mode .gx-hints{display:none}
body.games-mode .ps-home-social{display:none}
body.games-mode .ps-v2-bottom{background:#091e32f6;border-top-color:#1d79aa}
body.games-mode .ps-v2-bottom .ps-v2-link.active{color:#6ddaff}
/* Pages outside the emulator shell share the same palette, shapes and topbar. */
body[data-hub]{background:radial-gradient(ellipse at 75% -8%,#103c68,transparent 43%),#061424!important}
body[data-hub] .hub-header,body:not([data-hub]) .ps-shared-header{
 background:linear-gradient(100deg,#071a2cee,#0d335bef)!important;border-bottom:1px solid #1a78ad!important;
 min-height:62px;box-shadow:0 4px 21px #0009;backdrop-filter:blur(17px)}
body[data-hub] .hub-brand,.ps-shared-header .hub-brand{font-weight:900;color:#f4fcff;letter-spacing:-.055em}
body[data-hub] .hub-link:is(:hover,.active),.ps-shared-header .hub-link:is(:hover,.active){background:#115383!important;border-color:#16c7ff!important;box-shadow:0 0 14px #009efa3c}
body[data-hub] .hub-sidebar{background:linear-gradient(#112d4b,#08223a)!important;border:1px solid #22658a}
body[data-hub] .hub-progress{border-color:#19a6e2;background:linear-gradient(135deg,#124c78,#0d2b4b)}
body[data-hub] .hub-side-panel,body[data-hub] .ar-panel,body[data-hub] .pr-panel,
body[data-hub] .rk-table,body[data-hub] .ar-card{border-color:#21638a;background:linear-gradient(145deg,#0c2943,#081f34)}
body[data-hub] .hub-grid{max-width:none}
body[data-hub] :is(.ar-intro,.pr-heading){background-image:linear-gradient(100deg,#0b203dd4,#102e4980),url('/brand/playstor-lake.svg')!important;
 background-position:center,center!important;background-size:cover!important}
body:not([data-hub]) .c-layout{max-width:1900px}
body:not([data-hub]) .c-left,body:not([data-hub]) .c-right{border-color:#23668d}
body:not([data-hub]) .c-panel{border-color:#1f6085}
body:not([data-hub]) .c-hero{background-image:linear-gradient(90deg,#071527bb,#07152727),url('/brand/playstor-lake.svg')!important;background-size:cover!important;background-position:center}
@media(max-width:1550px){
 body.games-mode .pm-stage>.g48-dashboard{grid-template-columns:minmax(0,1fr) minmax(300px,.8fr)!important}
 .pm-ranking-head{flex-basis:190px}
 .pm-rank-person{min-width:106px}
 .pm-ranking-more{padding:9px}
}
@media(max-width:1290px){
 body.games-mode #games-view .gx-app.ps-v2-app{grid-template-columns:190px minmax(0,1fr)!important}
 body.games-mode .ps-v2-app>.gx-topbar.ps-v2-header{grid-template-columns:185px minmax(160px,1fr) auto!important;gap:12px}
 body.games-mode .ps-v2-app>.gx-content{padding:0 12px 60px!important}
 body.games-mode .pm-stage>.g48-dashboard{grid-template-columns:minmax(0,1fr)!important}
 body.games-mode .pm-stage .g48-activity-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
 body.games-mode .pm-stage .g48-continue-card>button:first-child{grid-template-columns:56px minmax(0,1fr)}
 body.games-mode .pm-stage .g48-continue-card .gx-cover{width:56px}
 .pm-ranking-head{flex-basis:180px}
}
@media(max-width:1000px){
 body.games-mode .pm-stage .g48-activity-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .pm-ranking{flex-wrap:wrap}.pm-ranking-head{flex:1 1 180px}.pm-ranking-list{order:3;flex:1 1 100%}
 .pm-ranking-more{margin-left:auto}
 body.games-mode .pm-stage .ps-v2-welcome{align-items:flex-start;flex-wrap:wrap}
}
@media(max-width:850px){
 body.games-mode #games-view .gx-app.ps-v2-app{display:block!important;padding-bottom:70px}
 body.games-mode .ps-v2-app>.gx-topbar.ps-v2-header{height:auto;min-height:112px;position:sticky!important;top:0!important;
 display:grid!important;grid-template-columns:1fr auto!important;grid-template-areas:'brand tools' 'search search';gap:7px;
 padding:8px 12px!important}
 body.games-mode .ps-v2-header .gx-brand{grid-area:brand}
 body.games-mode .ps-v2-header .ps-header-tools{grid-area:tools;grid-column:auto!important}
 body.games-mode .ps-v2-header .pm-search{grid-area:search;grid-column:auto!important;width:100%}
 body.games-mode .pm-sidebar{display:none!important}
 body.games-mode .ps-v2-app>.gx-content{padding:0 12px 85px!important}
 .pm-stage{padding-top:15px;background-size:auto 350px}
 body.games-mode .pm-stage .ps-v2-welcome{padding:10px 7px}
 body.games-mode .pm-stage .ps-v2-welcome h1{font-size:clamp(27px,5vw,35px)}
 body.games-mode .pm-stage>.g48-dashboard{grid-template-columns:minmax(0,1fr)!important}
 body.games-mode .pm-stage .gx-hero-summary{display:-webkit-box}
 body.games-mode .gx-home .gx-row>.gx-card{flex-basis:125px}
}
@media(max-width:560px){
 body.games-mode .ps-v2-header .pm-brand-title{font-size:19px!important}
 body.games-mode .ps-v2-header .pm-brand-logo{width:33px;height:33px;font-size:20px}
 body.games-mode .ps-v2-header .ps-presence{display:none!important}
 body.games-mode .pm-stage .ps-v2-welcome-links{width:100%;gap:7px}
 body.games-mode .pm-stage .ps-v2-welcome-links a{min-width:0;flex:1;font-size:11px;padding:10px}
 body.games-mode .pm-stage>.g48-dashboard>.gx-hero{grid-template-columns:95px minmax(0,1fr)!important;
 gap:11px!important;min-height:185px!important;padding:12px!important}
 body.games-mode .pm-stage .gx-hero-cover{height:158px;max-height:160px}
 body.games-mode .pm-stage .gx-hero h1{font-size:clamp(18px,4.7vw,24px);margin-bottom:7px}
 body.games-mode .pm-stage .gx-hero-meta span{font-size:9px}
 body.games-mode .pm-stage .gx-hero-meta span:nth-child(n+4){display:none}
 body.games-mode .pm-stage .gx-hero-summary{display:none!important}
 body.games-mode .pm-stage .g48-hero-action{padding:8px 11px!important;font-size:10px!important}
 body.games-mode .pm-stage .g48-activity{padding:11px!important}
 body.games-mode .pm-stage .g48-activity-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 body.games-mode .pm-stage .g48-continue-card{padding:5px}
 body.games-mode .pm-stage .g48-continue-card>button:first-child{grid-template-columns:43px minmax(0,1fr)}
 body.games-mode .pm-stage .g48-continue-card .gx-cover{width:43px}
 body.games-mode .pm-stage .g48-continue-card strong{font-size:9px!important}
 body.games-mode .pm-stage .g48-activity-head h2{font-size:14px}
 .pm-ranking{padding:10px}
 .pm-ranking-list{gap:5px}
 .pm-rank-person{flex:0 0 145px}
 .pm-ranking-head strong{font-size:13px}
 body.games-mode .gx-page-head{display:block;padding:13px}
 body.games-mode .gx-search{margin-top:12px}
 body.games-mode .gx-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 body.games-mode .gx-home .gx-row>.gx-card{flex-basis:115px}
 body.games-mode .pm-rail-title h2{font-size:16px!important}
}
@media(prefers-reduced-motion:reduce){body.games-mode .gx-card,body.games-mode .gx-cover{transition:none!important}}