/* CLOUD GAMES / Catalog-first layout
 * Purpose: show games immediately. No dashboard, hero, stacked shortcuts or
 * recommendation prompts above the first row of playable cards. */
:root{--gd-catalog-gap:12px}
#view{padding:19px 21px 42px!important;min-width:0;width:100%;box-sizing:border-box}
#gd-studio,#gds-discover-panel,.gds-hero,.gds-shortcuts,.gds-join{display:none!important}
#view h1{font-size:clamp(21px,2.3vw,28px)!important;letter-spacing:-.04em!important;
 font-weight:800!important;line-height:1.2!important;margin:5px 0 15px!important}
#view h2{font-size:18px!important;letter-spacing:-.025em!important;font-weight:770!important;margin:18px 0 11px!important}
#view .grid{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(154px,1fr))!important;
 gap:var(--gd-catalog-gap)!important;align-items:stretch!important}
#view .row{gap:var(--gd-catalog-gap)!important}
#view .tile{
 box-sizing:border-box;min-width:0!important;padding:6px!important;
 border-radius:12px!important;background:var(--gd-surface)!important;
 border:1px solid var(--gd-stroke)!important;box-shadow:none!important;
 transition:transform .15s ease,border-color .15s ease!important;
}
#view .tile:hover,#view .tile:focus-within{
 transform:translateY(-2px)!important;border-color:rgba(var(--gd-accent-rgb),.4)!important;
 box-shadow:none!important;
}
#view .tile .art{
 border-radius:7px!important;overflow:hidden!important;aspect-ratio:1!important;
 background:var(--gd-surface-2)!important;box-shadow:none!important;
}
#view .tile .art img{object-fit:cover!important;max-width:100%;max-height:100%}
#view .tile .name{
 display:-webkit-box!important;-webkit-line-clamp:2;-webkit-box-orient:vertical;
 overflow:hidden!important;text-overflow:ellipsis!important;
 min-height:36px!important;max-height:36px!important;
 line-height:18px!important;margin:8px 3px 2px!important;
 font-size:12px!important;font-weight:760!important;
}
#view .tile .meta{font-size:10px!important;color:var(--gd-muted)!important;margin:2px 3px!important}
#view .tile .gd-rating{margin:5px 2px 0!important;padding:5px 0 0!important;
 min-height:23px!important;gap:5px!important;flex-wrap:nowrap!important}
#view .tile .gd-rating-detail{font-size:10px!important}
#view .tile .gd-rating-own{display:none!important}
#view .tile .fav{border-radius:7px!important;width:31px!important;height:31px!important;
 top:11px!important;right:11px!important}
#view .tile .hit:focus-visible{outline:3px solid var(--gd-accent)!important;outline-offset:2px}
.top{min-height:61px!important;padding:9px 16px!important;border-bottom:1px solid var(--gd-stroke)!important;
 box-shadow:none!important}
.top .brand{margin-right:8px!important}
.top .gds-settings-trigger{height:37px!important;border-radius:9px!important;font-size:11px!important;
 padding:0 12px!important}
.top .gd-account,.top .gd-logout-top{border-radius:9px!important}
#search{max-width:none!important;border-radius:9px!important}
#side{width:220px!important;min-width:190px!important;padding:13px 9px!important}
#side .nav{border-radius:8px!important;font-size:12px!important;min-height:37px!important;
 margin:1px 0!important;padding-block:8px!important;transform:none!important}
#side .nav:hover{transform:none!important}
#side .nav[aria-current=true]{background:rgba(var(--gd-accent-rgb),.1)!important}
#side .gd-genre-toggle{border-radius:8px!important}
/* Seasonal editions change the atmosphere, not the information architecture.
 * Decoration remains in theme previews (Settings > Appearance). */
html:is([data-gd-theme=halloween],[data-gd-theme=christmas],[data-gd-theme=valentine]) #view .tile{
 border-color:rgba(var(--gd-accent-rgb),.12)!important
}
html:is([data-gd-theme=halloween],[data-gd-theme=christmas],[data-gd-theme=valentine]) #view .tile:hover{
 border-color:rgba(var(--gd-accent-rgb),.45)!important
}
html:is([data-gd-theme=halloween],[data-gd-theme=christmas],[data-gd-theme=valentine]) #shell{
 background:var(--gd-bg)!important
}
html:is([data-gd-theme=halloween],[data-gd-theme=christmas],[data-gd-theme=valentine]) .top{
 background:var(--gd-bg)!important
}
@media(min-width:1450px){
 #view{padding:22px 29px 50px!important}
 #view .grid{grid-template-columns:repeat(auto-fill,minmax(172px,1fr))!important;gap:14px!important}
}
@media(max-width:950px){
 #side{width:188px!important;min-width:158px!important}
 #view{padding:16px 15px 35px!important}
 #view .grid{grid-template-columns:repeat(auto-fill,minmax(145px,1fr))!important;gap:10px!important}
}
@media(max-width:670px){
 #view{padding:12px 10px 26px!important}
 #view .grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}
 #view h1{font-size:22px!important}
 #view .tile{padding:5px!important;border-radius:10px!important}
 #view .tile .name{font-size:11px!important;margin:7px 2px 2px!important}
 #view .tile .gd-rating-detail{display:none!important}
 #side{min-width:0!important}
 .top{padding:8px 10px!important}
}
@media(prefers-reduced-motion:reduce){
 #view .tile{transform:none!important;transition:none!important}
}
html[data-gd-motion=reduce] #view .tile{transform:none!important;transition:none!important}

/* Compact live canvas sits before the cards, with the grid still visible above the fold. */
#view>.px-banner{margin:0 0 12px!important}
#view>.px-banner~h1{margin-top:0!important}


/* No series stacks: each edition is a directly playable catalog card. */
#view button[aria-label="Group series" i],
#view button[title*="series" i],
#view [role="button"][aria-label="Group series" i],
#view .gd-series-toggle {display:none!important}