@media (min-width:1050px) {
  body.gr-app > main#content, body.gr-app > .gr-footer { margin-right:0; }
  .gr-app .gr-header { padding-right:0; container-type:inline-size; }
  .gr-app .gr-workspace { grid-template-columns:minmax(0,1fr)!important; }
  .gr-app .gr-workspace > .gr-sidebar { display:none!important; }
  .gr-app .gr-home-content { padding-top:22px; }
  .gr-app :is(.gr-card-grid,.gr-browser-grid,.gr-game-list):not([data-gr-card-layout="grid"]) { display:flex!important; flex-direction:column; gap:10px!important; }
  .gr-app :is(.gr-card-grid,.gr-browser-grid,.gr-game-list):not([data-gr-card-layout="grid"]) > .gr-card {
    display:grid!important; grid-template-columns:180px minmax(0,1fr)!important; align-items:stretch!important;
    min-height:138px!important; height:auto!important; padding:0!important; gap:0!important; overflow:hidden!important;
    border:1px solid var(--gr-border)!important; border-radius:var(--gr-radius-card)!important; background:var(--gr-surface)!important; box-shadow:none!important;
    transform:none!important;
  }
  .gr-app :is(.gr-card-grid,.gr-browser-grid,.gr-game-list):not([data-gr-card-layout="grid"]) > .gr-card:hover,
  .gr-app :is(.gr-card-grid,.gr-browser-grid,.gr-game-list):not([data-gr-card-layout="grid"]) > .gr-card:focus-within { border-color:var(--gr-border-strong)!important; background:var(--gr-surface-hover)!important; }
  .gr-app :is(.gr-card-grid,.gr-browser-grid,.gr-game-list):not([data-gr-card-layout="grid"]) > .gr-card.is-media-selected { border-color:var(--cyan-210)!important; background:var(--slate-670)!important; box-shadow:none!important; }  .gr-app :is(.gr-card-grid,.gr-browser-grid,.gr-game-list):not([data-gr-card-layout="grid"]) > .gr-card .gr-card-art {
    width:180px!important; height:100%!important; min-height:138px!important; aspect-ratio:auto!important; border-radius:0!important; background:var(--slate-790)!important;
  }
  .gr-app :is(.gr-card-grid,.gr-browser-grid,.gr-game-list):not([data-gr-card-layout="grid"]) > .gr-card .gr-card-cover { height:100%!important; }
  .gr-app :is(.gr-card-grid,.gr-browser-grid,.gr-game-list):not([data-gr-card-layout="grid"]) > .gr-card .gr-card-cover { background:var(--slate-820)!important; }
  .gr-app :is(.gr-card-grid,.gr-browser-grid,.gr-game-list):not([data-gr-card-layout="grid"]) > .gr-card .gr-card-cover img { width:100%!important; height:100%!important; object-fit:contain!important; background:var(--slate-820)!important; }
  .gr-app :is(.gr-card-grid,.gr-browser-grid,.gr-game-list):not([data-gr-card-layout="grid"]) > .gr-card .gr-card-content {
    position:relative; display:flex!important; flex-direction:column!important; gap:8px!important; padding:14px 18px!important; min-width:0!important;
  }
  .gr-app :is(.gr-card-grid,.gr-browser-grid,.gr-game-list):not([data-gr-card-layout="grid"]) > .gr-card h3 { min-height:0!important; margin:0!important; font-size:18px!important; line-height:1.25!important; }
  .gr-app :is(.gr-card-grid,.gr-browser-grid,.gr-game-list):not([data-gr-card-layout="grid"]) > .gr-card h3 a { -webkit-line-clamp:1!important; }
  .gr-app :is(.gr-card-grid,.gr-browser-grid,.gr-game-list):not([data-gr-card-layout="grid"]) > .gr-card .gr-card-description {
    display:-webkit-box!important; max-width:82ch; margin:2px 0 0!important; overflow:hidden; color:var(--slate-200)!important; font-size:var(--type-small)!important; line-height:1.45!important; -webkit-box-orient:vertical; -webkit-line-clamp:2!important;
  }
  .gr-app :is(.gr-card-grid,.gr-browser-grid,.gr-game-list):not([data-gr-card-layout="grid"]) > .gr-card .gr-card-genres { margin-top:8px!important; font-size:var(--type-caption)!important; }
  .gr-app :is(.gr-card-grid,.gr-browser-grid,.gr-game-list):not([data-gr-card-layout="grid"]) > .gr-card .gr-card-bottom {
    display:grid!important; grid-template-columns:minmax(0,1fr) auto!important; align-items:center!important; gap:12px!important;
    margin-top:auto!important; padding:0 132px 0 0!important; border:0!important;
  }
  .gr-app :is(.gr-card-grid,.gr-browser-grid,.gr-game-list):not([data-gr-card-layout="grid"]) > .gr-card .gr-card-facts { display:flex!important; min-width:0!important; flex-wrap:wrap!important; align-items:baseline!important; justify-content:flex-start!important; gap:4px 18px!important; }
  .gr-app :is(.gr-card-grid,.gr-browser-grid,.gr-game-list):not([data-gr-card-layout="grid"]) > .gr-card :is(.gr-card-rating,.gr-card-index,.gr-card-unknown) { flex:0 1 auto; }
  .gr-app :is(.gr-card-grid,.gr-browser-grid,.gr-game-list):not([data-gr-card-layout="grid"]) > .gr-card .gr-card-extra { position:absolute; right:18px; bottom:13px; margin:0!important; padding:0!important; border:0!important; font-size:15px!important; }
  .gr-app :is(.gr-card-grid,.gr-browser-grid,.gr-game-list):not([data-gr-card-layout="grid"]) > .gr-card > .gr-card-content .game-quick-actions:not([hidden]) { display:flex!important; gap:6px!important; }
  .gr-app :is(.gr-card-grid,.gr-browser-grid,.gr-game-list):not([data-gr-card-layout="grid"]) > .gr-card > .gr-card-content :is(.game-action,.gr-steam-action,.game-quick-actions .gr-button):not([hidden]) {
    display:inline-flex!important; align-items:center!important; justify-content:center!important; gap:7px!important; width:auto!important; min-width:42px!important; height:36px!important; min-height:36px!important; padding:0 10px!important; border-radius:3px!important; white-space:nowrap;
  }
  .gr-app :is(.gr-card-grid,.gr-browser-grid,.gr-game-list):not([data-gr-card-layout="grid"]) > .gr-card > .gr-card-content .game-action-label:not([hidden]) { display:inline!important; font-size:11px!important; }
  .gr-app :is(.gr-card-grid,.gr-browser-grid,.gr-game-list):not([data-gr-card-layout="grid"]) > .gr-card > .gr-card-content .game-action-icon { font-size:16px!important; }
  .gr-app :is(.gr-card-grid,.gr-browser-grid,.gr-game-list):not([data-gr-card-layout="grid"]) > .gr-card > .gr-card-content .gr-steam-action { border:1px solid var(--slate-550); background:var(--slate-700); color:var(--slate-120); }
  .gr-app :is(.gr-card-grid,.gr-browser-grid,.gr-game-list):not([data-gr-card-layout="grid"]) > .gr-card :is(.gr-card-media-hover) { display:none!important; }
  .gr-app .gr-home-section { margin-top:25px; }
  .gr-app .gr-home-section .gr-section-heading { margin-bottom:10px; }
  .gr-app .gr-home-section .gr-section-heading h2 { font-size:20px; }
  .gr-app .gr-home-uncertain { margin-top:12px; }
  .gr-app .gr-library-toolbar { margin-bottom:10px; }
  .gr-app .gr-library-modes button { min-height:38px; padding-inline:13px; }
  .gr-app .gr-card-grid[data-gr-card-layout="grid"], .gr-app .gr-browser-grid[data-gr-card-layout="grid"], .gr-app .gr-game-list[data-gr-card-layout="grid"] { display:grid!important; }
}
@container (max-width:1279px) {
  body.gr-app .gr-header-top { grid-template-columns:auto minmax(0,1fr) auto; gap:12px; }
  body.gr-app .gr-header .gr-search { grid-column:2; grid-row:1; width:100%; max-width:280px; min-width:0; justify-self:end; }
  body.gr-app .gr-menu-toggle { grid-column:3; grid-row:1; }
  body.gr-app .gr-header.gr-js .gr-menu-toggle { display:flex; align-items:center; justify-content:center; width:38px; height:38px; border-radius:6px; }
  body.gr-app .gr-nav-shell { grid-column:1/-1; grid-row:2; width:100%; border-top:1px solid var(--slate-670); }
  body.gr-app .gr-header.gr-js:not(.gr-menu-open) .gr-nav-shell { display:none; }
  body.gr-app .gr-navigation { flex-wrap:wrap; justify-content:flex-start; gap:0 24px; padding-block:4px; }
  body.gr-app .gr-navigation a { min-height:42px; font-size:13px; }
}
@media (min-width:1050px) and (max-height:760px) {
  .gr-app .gr-media-sidebar-copy p { -webkit-line-clamp:2; }
  .gr-app .gr-media-sidebar-copy { padding-block:12px 9px; }
  .gr-app .gr-media-sidebar-reviews { gap:5px; padding-top:7px; }
  .gr-app .gr-media-review-sample { padding-block:5px; }
  .gr-app .gr-media-sidebar-actions { padding-bottom:12px; }
}

@media (min-width:1050px) and (max-width:1279px) {
  .gr-app .gr-media-sidebar-copy { gap:6px; padding:12px 14px 9px; }
  .gr-app .gr-media-sidebar-copy h2 { font-size:19px; }
  .gr-app .gr-media-sidebar-copy p { font-size:11px; -webkit-line-clamp:2; }
  .gr-app .gr-media-sidebar-reviews { margin-inline:14px; }
  .gr-app .gr-media-sidebar-rail { padding-inline:14px; }
  .gr-app .gr-media-sidebar-actions { padding:10px 14px 12px; }
  .gr-app :is(.gr-card-grid,.gr-browser-grid,.gr-game-list):not([data-gr-card-layout="grid"]) > .gr-card { grid-template-columns:150px minmax(0,1fr)!important; }
  .gr-app :is(.gr-card-grid,.gr-browser-grid,.gr-game-list):not([data-gr-card-layout="grid"]) > .gr-card .gr-card-art { width:150px!important; }
}
@media (max-width:1049px) {
  body.gr-app > main#content, body.gr-app > .gr-footer { margin-right:0; }
  .gr-app .gr-header { padding-right:0; }
}
@media (prefers-reduced-motion:reduce) {
  .gr-app .gr-card.is-media-selected { transition:none!important; }
  body.gr-app > main#content,body.gr-app > .gr-footer,.gr-app .gr-header,.gr-app .gr-media-sidebar { transition:none!important; animation:none!important; }
}

/* Unified list mode: every standard game list uses the homepage geometry. */
body.gr-app :is(.gr-library[data-gr-card-layout="list"],.gr-game-list[data-gr-card-layout="list"],.gr-game-list[data-gr-default-layout="list"]:not([data-gr-card-layout])) > .gr-card {
  align-items:stretch!important;
}
body.gr-app :is(.gr-library[data-gr-card-layout="list"],.gr-game-list[data-gr-card-layout="list"],.gr-game-list[data-gr-default-layout="list"]:not([data-gr-card-layout])) > .gr-card .gr-card-art {
  height:auto!important;
  align-self:stretch!important;
  background:var(--slate-820)!important;
}
body.gr-app :is(.gr-library[data-gr-card-layout="list"],.gr-game-list[data-gr-card-layout="list"],.gr-game-list[data-gr-default-layout="list"]:not([data-gr-card-layout])) > .gr-card .gr-card-cover {
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  height:100%!important;
  background:var(--slate-820)!important;
}
body.gr-app :is(.gr-library[data-gr-card-layout="list"],.gr-game-list[data-gr-card-layout="list"],.gr-game-list[data-gr-default-layout="list"]:not([data-gr-card-layout])) > .gr-card .gr-card-cover img {
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  object-position:center!important;
  background:var(--slate-820)!important;
}
@media (min-width:1440px) {
  body.gr-app :is(.gr-library[data-gr-card-layout="list"],.gr-game-list[data-gr-card-layout="list"],.gr-game-list[data-gr-default-layout="list"]:not([data-gr-card-layout])) > .gr-card {
    grid-template-columns:clamp(340px,24vw,440px) minmax(0,1fr)!important;
    min-height:clamp(164px,11.2vw,206px)!important;
  }
  body.gr-app :is(.gr-library[data-gr-card-layout="list"],.gr-game-list[data-gr-card-layout="list"],.gr-game-list[data-gr-default-layout="list"]:not([data-gr-card-layout])) > .gr-card .gr-card-art {
    width:clamp(340px,24vw,440px)!important;
    min-height:clamp(164px,11.2vw,206px)!important;
  }
}
@media (min-width:1050px) and (max-width:1439px) {
  body.gr-app :is(.gr-library[data-gr-card-layout="list"],.gr-game-list[data-gr-card-layout="list"],.gr-game-list[data-gr-default-layout="list"]:not([data-gr-card-layout])) > .gr-card {
    grid-template-columns:clamp(280px,24vw,350px) minmax(0,1fr)!important;
    min-height:clamp(142px,11.2vw,176px)!important;
  }
  body.gr-app :is(.gr-library[data-gr-card-layout="list"],.gr-game-list[data-gr-card-layout="list"],.gr-game-list[data-gr-default-layout="list"]:not([data-gr-card-layout])) > .gr-card .gr-card-art {
    width:clamp(280px,24vw,350px)!important;
    min-height:clamp(142px,11.2vw,176px)!important;
  }
}
@media (min-width:761px) and (max-width:1049px) {
  body.gr-app :is(.gr-library[data-gr-card-layout="list"],.gr-game-list[data-gr-card-layout="list"],.gr-game-list[data-gr-default-layout="list"]:not([data-gr-card-layout])) > .gr-card {
    grid-template-columns:clamp(220px,30vw,280px) minmax(0,1fr)!important;
    min-height:138px!important;
  }
  body.gr-app :is(.gr-library[data-gr-card-layout="list"],.gr-game-list[data-gr-card-layout="list"],.gr-game-list[data-gr-default-layout="list"]:not([data-gr-card-layout])) > .gr-card .gr-card-art {
    width:clamp(220px,30vw,280px)!important;
    min-height:138px!important;
  }
}

/* Mobile cards render as cards before the deferred layout controller loads. */
@media (max-width:760px) {
  body.gr-app :is(.gr-library[data-gr-card-layout="grid"],.gr-game-list[data-gr-card-layout="grid"],[data-gr-mobile-default-layout="grid"]:not([data-gr-layout-ready])) {
    display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr)); gap:12px;
  }
  body.gr-app [data-gr-mobile-default-layout="grid"]:not([data-gr-layout-ready]) > .gr-card {
    display:flex; flex-direction:column; padding:0; gap:0; height:100%;
  }
  body.gr-app [data-gr-mobile-default-layout="grid"]:not([data-gr-layout-ready]) > .gr-card .gr-card-content { display:flex; padding:14px; }
  body.gr-app [data-gr-mobile-default-layout="grid"]:not([data-gr-layout-ready]) > .gr-card .gr-card-description { display:none; }
  body.gr-app [data-gr-mobile-default-layout="grid"]:not([data-gr-layout-ready]) > .gr-card .gr-card-bottom {
    display:flex; flex-direction:column; align-items:stretch; margin-top:auto; border:0; padding:0;
  }
  body.gr-app :is(.gr-library,.gr-game-list,.gr-browser-grid)[data-gr-mobile-default-layout="grid"]:not([data-gr-layout-ready]) > .gr-card .gr-card-art {
    align-self:auto!important; aspect-ratio:460/215; border-radius:2px 2px 0 0;
  }
  /* A compact list separates the title from the full-width factual footer. */
  body.gr-app :is(.gr-library,.gr-game-list,.gr-browser-grid)[data-gr-card-layout="list"]:is([data-gr-layout-ready],[data-gr-requested-layout="list"]) > .gr-card {
    display:grid; grid-template-columns:clamp(96px,29vw,144px) minmax(0,1fr); align-items:start!important;
    gap:10px 12px; height:auto; min-height:0; padding:12px;
    .gr-card-art { grid-column:1; grid-row:1; align-self:start!important; height:auto!important; min-height:0; aspect-ratio:460/215; border-radius:3px; }
    .gr-card-content { display:contents; }
    .gr-card-main { grid-column:2; grid-row:1; align-self:start; min-width:0; }
    h3 { min-height:0; font-size:16px!important; line-height:1.35; }
    h3 a { -webkit-line-clamp:3; }
    .gr-card-description, .gr-card-main > .gr-content-language, .gr-card-release { display:none; }
    .gr-card-genres { display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; margin-top:5px; line-height:1.45; }
    .gr-card-bottom, .gr-shelf-facts { grid-column:1/-1; grid-row:2; display:flex; flex-direction:row; flex-wrap:wrap; align-items:center; margin:0; border:0; border-top:1px solid #ffffff14; padding:9px 0 0; gap:6px 14px; }
    .gr-card-facts { display:flex; flex-wrap:wrap; align-items:baseline; gap:6px 14px; width:100%; }
    .gr-card-date { font-size:12px; }
    .gr-card-rating strong, .gr-card-index strong { font-size:15px; }
    .gr-card-rating small { display:inline; }
    .gr-card-extra, .gr-game-event, .gr-signal-reasons { grid-column:1/-1; margin:0; padding:0; border:0; }
    .gr-card-platforms, .gr-shelf-platforms { display:none!important; }
    .gr-card-status { left:4px; top:4px; padding:2px 5px; }
    .gr-card-peek { top:4px; right:4px; }
    .gr-cover-fallback b { font-size:22px; }
    .gr-cover-fallback span { display:none; }
  }
  body.gr-app .gr-library-modes button { min-width:44px; min-height:44px; }
}

/* Keep the primary sections visible when the header has room for them. */
@media (min-width:1050px) {
  body.gr-app .gr-header .gr-header-top { grid-template-columns:auto minmax(0,1fr) minmax(180px,260px); gap:20px; }
  body.gr-app .gr-header .gr-nav-shell, body.gr-app .gr-header.gr-js:not(.gr-menu-open) .gr-nav-shell { display:block; grid-column:2; grid-row:1; width:auto; border:0; }
  body.gr-app .gr-header .gr-navigation { flex-wrap:nowrap; justify-content:center; gap:clamp(12px,1.5vw,22px); padding:0; }
  body.gr-app .gr-header .gr-navigation a { min-height:64px; font-size:13px; }
  body.gr-app .gr-header .gr-search { grid-column:3; grid-row:1; max-width:none; }
  body.gr-app .gr-header.gr-js .gr-menu-toggle { display:none; }
}

/* The selected game card becomes the player; one preview moves between cards. */
.gr-media-sidebar { display:none; }
@media (any-hover:hover) and (any-pointer:fine) {
  body.gr-app main#content .gr-card.gr-card-expanded.is-media-selected {
    position:relative; z-index:30; display:block!important; grid-template-columns:none!important; align-self:start;
    width:100%!important; height:var(--gr-card-collapsed-height,380px)!important; min-height:0!important; padding:0!important; gap:0!important;
    overflow:visible!important; border:1px solid transparent!important; border-radius:10px!important;
    background:transparent!important; box-shadow:none!important; transform:none!important;
  }
  /* Keep the original keyboard trigger in the DOM while replacing its visual surface. */
  body.gr-app main#content .gr-card.gr-card-expanded.is-media-selected > :is(.gr-card-art,.gr-card-content) {
    position:absolute!important; width:1px!important; height:1px!important; min-height:0!important;
    padding:0!important; margin:0!important; overflow:hidden!important; clip-path:inset(50%); pointer-events:none;
  }
  body.gr-app main#content .gr-card.gr-card-expanded.is-media-selected:focus-within .gr-media-sidebar-visual { outline:2px solid var(--cyan-130); outline-offset:3px; }
  body.gr-app .gr-media-sidebar.is-card-preview {
    position:relative; display:block;
    grid-column:1/-1; width:100%; min-width:0; max-width:none; height:auto; margin:0;
    border:0; border-radius:12px; background:transparent; overflow:visible;
    opacity:1; visibility:visible; pointer-events:none;
  }
  body.gr-app main#content .gr-card.gr-card-expanded.is-media-selected > .gr-media-sidebar.is-card-preview {
    position:absolute; z-index:20; top:var(--gr-card-preview-top,0px); left:var(--gr-card-preview-left,0px);
    width:var(--gr-card-preview-width,200%); box-shadow:none;
  }
  .gr-app .gr-media-sidebar-visual { display:flex; flex-direction:column; min-width:0; max-height:var(--gr-card-info-max-height,calc(100dvh - 32px)); overflow-x:hidden; overflow-y:auto; scrollbar-width:thin; border:1px solid var(--cyan-300); border-radius:12px; background:var(--slate-850); box-shadow:0 20px 56px #000a; pointer-events:auto; transform-origin:var(--gr-card-media-origin-x,50%) var(--gr-card-media-origin-y,50%); animation:gr-card-preview-grow 160ms cubic-bezier(.16,1,.3,1) both; }
  .gr-app .gr-media-sidebar-info { position:absolute; top:0; left:calc(100% + 18px); display:flex; flex-direction:column; width:var(--gr-card-info-width,300px); max-height:var(--gr-card-info-max-height,calc(100vh - 32px)); min-width:0; overflow:auto; border:1px solid var(--slate-580); border-radius:12px; background:linear-gradient(145deg,color-mix(in srgb,var(--slate-730) 96.9%,transparent),color-mix(in srgb,var(--slate-790) 98%,transparent)); box-shadow:0 16px 40px #0007; scrollbar-width:thin; pointer-events:none; animation:gr-card-info-enter 160ms ease-out 50ms both; }
  .gr-app .gr-media-sidebar.is-preview-compact .gr-media-sidebar-info { display:none; }
  .gr-app .gr-media-sidebar-fullscreen { position:absolute; z-index:5; top:12px; right:12px; display:grid; place-items:center; width:40px; height:40px; padding:0; border:1px solid color-mix(in srgb,var(--slate-400) 53.3%,transparent); border-radius:7px; background:color-mix(in srgb,var(--slate-820) 80%,transparent); color:var(--slate-40); box-shadow:0 4px 16px #0005; transition:background 140ms,border-color 140ms; }
  .gr-app .gr-media-sidebar-fullscreen:hover { border-color:var(--cyan-130); background:color-mix(in srgb,var(--slate-670) 91%,transparent); }
  .gr-app .gr-media-sidebar-fullscreen[hidden] { display:none; }
  .gr-app .gr-media-sidebar-preview { cursor:pointer; }
  .gr-app .gr-media-kicker { color:var(--cyan-210); font-size:10px; font-weight:750; letter-spacing:1.3px; }
  .gr-app .gr-media-sidebar-stage-shell { position:relative; flex:0 0 auto; width:100%; height:auto; aspect-ratio:16/9; min-height:0; overflow:hidden; background:var(--slate-850); }
  .gr-app .gr-media-sidebar-stage { position:absolute; inset:0; overflow:hidden; background:var(--slate-850); }
  .gr-app .gr-media-sidebar-stage > :is(img,video,iframe) { position:absolute; inset:0; width:100%; height:100%; border:0; object-fit:contain; background:var(--slate-850); }
  .gr-app .gr-media-sidebar-nav { position:absolute; z-index:4; top:50%; display:grid; place-items:center; width:40px; height:52px; padding:0 0 4px; transform:translateY(-50%); border:1px solid color-mix(in srgb,var(--slate-400) 40%,transparent); border-radius:7px; background:color-mix(in srgb,var(--slate-820) 73.3%,transparent); color:var(--slate-40); font-size:34px; line-height:1; box-shadow:0 4px 22px #0005; transition:background 140ms,border-color 140ms; }
  .gr-app .gr-media-sidebar-nav.is-prev { left:12px; }
  .gr-app .gr-media-sidebar-nav.is-next { right:12px; }
  .gr-app .gr-media-sidebar-nav:hover { border-color:var(--cyan-130); background:color-mix(in srgb,var(--slate-670) 91%,transparent); }
  .gr-app .gr-media-sidebar-nav:disabled { opacity:.35; cursor:default; }
  .gr-app .gr-media-sidebar-nav[hidden] { display:none; }
  .gr-app .gr-media-placeholder { height:100%; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:9px; padding:28px; color:var(--slate-340); text-align:center; background:radial-gradient(circle at 50% 20%,var(--slate-700),transparent 66%); }
  .gr-app .gr-media-placeholder .gr-icon { width:38px; height:38px; color:var(--slate-400); }
  .gr-app .gr-media-placeholder strong { color:var(--slate-160); font-size:15px; }
  .gr-app .gr-media-placeholder span { max-width:320px; font-size:12px; line-height:1.5; }
  body.gr-app .gr-media-sidebar-copy { display:grid; gap:8px; padding:18px 24px 12px; }
  body.gr-app .gr-media-sidebar-copy .gr-content-language { margin:0; }
  body.gr-app .gr-media-sidebar-copy h2 { margin:0; font-size:clamp(21px,1.7vw,28px); font-weight:700; line-height:1.15; letter-spacing:-.45px; overflow-wrap:anywhere; }
  body.gr-app .gr-media-sidebar-copy p { display:-webkit-box; margin:0; overflow:hidden; color:var(--slate-160); font-size:13px; line-height:1.6; -webkit-box-orient:vertical; -webkit-line-clamp:4; }
  body.gr-app .gr-media-sidebar-meta { display:flex; flex-wrap:wrap; gap:7px 12px; color:var(--slate-240); font-size:12px; }
  .gr-app .gr-media-sidebar-meta span:not(:last-child)::after { content:'·'; margin-left:12px; color:var(--slate-460); }
  .gr-app .gr-media-sidebar .gr-tags { gap:6px; }
  .gr-app .gr-media-sidebar .gr-tags > span { padding:4px 8px; border:1px solid var(--slate-580); border-radius:4px; color:var(--slate-160); background:var(--slate-700); font-size:11px; }
  body.gr-app .gr-media-sidebar-reviews { display:grid; gap:10px; min-height:0; margin:0 24px 14px; padding-top:14px; border-top:1px solid var(--slate-640); }
  .gr-app .gr-media-sidebar-reviews[hidden] { display:none!important; }
  .gr-app .gr-media-sidebar-review-head { display:flex; align-items:flex-end; justify-content:space-between; gap:12px; }
  .gr-app .gr-media-sidebar-review-head > div { display:grid; gap:4px; }
  body.gr-app .gr-media-sidebar-review-head strong { color:var(--slate-80); font-size:14px; }
  .gr-app .gr-media-sidebar-review-summary { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
  .gr-app .gr-media-review-score { display:grid; grid-template-columns:1fr auto; align-items:baseline; gap:3px 8px; padding:9px 10px; border:1px solid var(--slate-610); border-radius:6px; background:var(--slate-700); }
  body.gr-app .gr-media-review-score small { overflow:hidden; color:var(--slate-240); font-size:10px; font-weight:650; text-overflow:ellipsis; white-space:nowrap; }
  .gr-app .gr-media-review-score strong { grid-column:2; grid-row:1/3; color:var(--slate-40); font-size:22px; line-height:1; }
  body.gr-app .gr-media-review-score span { color:var(--slate-240); font-size:10px; }
  .gr-app .gr-media-sidebar-review-list { display:grid; gap:8px; min-height:0; }
  .gr-app .gr-media-sidebar-review-list > :nth-child(n+3) { display:none; }
  .gr-app .gr-media-review-sample { display:grid; gap:6px; padding:9px 11px; border-left:2px solid var(--slate-460); border-radius:0 5px 5px 0; background:var(--slate-730); }
  .gr-app .gr-media-review-sample.is-positive { border-left-color:var(--green-260); }
  .gr-app .gr-media-review-sample.is-negative { border-left-color:var(--red-300); }
  body.gr-app .gr-media-review-sample header, body.gr-app .gr-media-review-sample footer { display:flex; align-items:center; justify-content:space-between; gap:8px; color:var(--slate-280); font-size:10px; }
  body.gr-app .gr-media-review-sample header strong { color:var(--slate-160); font-size:10px; font-weight:650; }
  .gr-app .gr-media-review-sample.is-positive header strong { color:var(--green-190); }
  .gr-app .gr-media-review-sample.is-negative header strong { color:var(--red-220); }
  body.gr-app .gr-media-review-sample p { display:-webkit-box; margin:0; overflow:hidden; color:var(--slate-160); font-size:12px; line-height:1.5; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow-wrap:anywhere; }
  .gr-app .gr-media-review-empty { margin:0; color:var(--slate-280); font-size:12px; line-height:1.5; }
  .gr-app .gr-media-sidebar-rail { display:flex; gap:8px; min-height:82px; padding:12px; overflow-x:auto; overflow-y:hidden; border-top:1px solid var(--slate-670); background:var(--slate-820); scrollbar-width:thin; }
  .gr-app .gr-media-sidebar-rail:empty { min-height:0; padding-block:0; border:0; }
  .gr-app .gr-media-sidebar-rail button { position:relative; flex:0 0 100px; height:56px; overflow:hidden; padding:0; border:1px solid var(--slate-580); border-radius:5px; background:var(--slate-730); opacity:.65; transition:opacity 140ms,border-color 140ms; }
  .gr-app .gr-media-sidebar-rail button:hover, .gr-app .gr-media-sidebar-rail button.is-active { opacity:1; border-color:var(--cyan-170); box-shadow:0 0 0 1px color-mix(in srgb,var(--cyan-210) 20%,transparent); }
  .gr-app .gr-media-sidebar-rail img { width:100%; height:100%; object-fit:cover; }
  .gr-app .gr-media-sidebar-rail button > span { position:absolute; right:4px; bottom:4px; padding:2px 5px; border-radius:3px; background:color-mix(in srgb,var(--slate-820) 90.2%,transparent); color:var(--slate-40); font-size:10px; }
  body.gr-app .gr-media-sidebar-actions { display:flex; flex-wrap:wrap; gap:8px; padding:9px 12px; border-top:1px solid var(--slate-640); background:var(--slate-760); }
  .gr-app .gr-media-sidebar-actions .gr-button, .gr-app .gr-media-sidebar-actions .gr-steam-action { display:inline-flex; align-items:center; justify-content:center; gap:6px; flex:1 1 auto; min-width:0; min-height:38px; padding:0 10px; border-radius:5px; font-size:12px; white-space:nowrap; }
  .gr-app .gr-media-sidebar-actions .gr-steam-action { border:1px solid var(--slate-580); background:var(--slate-700); }
  .gr-app .gr-media-sidebar-actions [hidden] { display:none; }
  .gr-app .gr-media-sidebar :is(button,a):focus-visible { outline:2px solid var(--cyan-130); outline-offset:3px; }
  /* Older release/event rows keep their inline preview within their own width. */
  body.gr-app .gr-card-expanded:not(.gr-game-card) > .gr-media-sidebar.is-card-preview { display:grid; grid-template-columns:minmax(0,1.7fr) minmax(260px,1fr); gap:18px; }
  body.gr-app .gr-card-expanded:not(.gr-game-card) > .gr-media-sidebar.is-card-preview .gr-media-sidebar-info { position:static; display:flex; width:auto; max-height:none; }
  body.gr-app .gr-card-expanded:not(.gr-game-card) > .gr-media-sidebar.is-card-preview .gr-media-sidebar-visual { animation:none; }
  @media (max-width:760px) {
    body.gr-app .gr-card-expanded:not(.gr-game-card) > .gr-media-sidebar.is-card-preview { grid-template-columns:minmax(0,1fr); }
  }
}
@keyframes gr-card-preview-grow {
  from { opacity:0; transform:scale(.92); }
  to { opacity:1; transform:scale(1); }
}
/* List rows retain their artwork and actions beside a compact owned flyout. */
@media (any-hover:hover) and (any-pointer:fine) {
  body.gr-app main#content .gr-card.gr-card-list-preview.is-media-selected {
    z-index:30; transform:none!important;
  }
  body.gr-app .gr-media-sidebar.is-card-preview.is-list-preview {
    position:fixed; z-index:76; top:var(--gr-list-preview-top,80px); left:var(--gr-list-preview-left,16px);
    width:var(--gr-card-preview-width,480px); max-width:calc(100vw - 32px); max-height:var(--gr-card-info-max-height,calc(100dvh - 96px));
    display:flex; flex-direction:column; overflow-x:hidden; overflow-y:auto; scrollbar-width:thin;
    border:1px solid var(--slate-520); border-radius:8px; background:var(--slate-820); box-shadow:0 22px 64px #000a; pointer-events:auto;
    animation:gr-card-info-enter 140ms ease-out both;
  }
  body.gr-app .gr-media-sidebar.is-list-preview .gr-media-sidebar-visual {
    flex:0 0 auto; max-height:none; overflow:visible; border:0; border-radius:0; box-shadow:none; animation:none;
  }
  body.gr-app .gr-media-sidebar.is-list-preview .gr-media-sidebar-info {
    position:static; width:auto; max-height:none; flex:0 0 auto; overflow:visible;
    border:0; border-radius:0; box-shadow:none; background:var(--slate-790); pointer-events:auto; animation:none;
  }
  body.gr-app .gr-media-sidebar.is-list-preview .gr-media-sidebar-copy { gap:8px; padding:16px 18px 12px; }
  body.gr-app .gr-media-sidebar.is-list-preview .gr-media-sidebar-copy h2 { font-size:22px; }
  body.gr-app .gr-media-sidebar.is-list-preview .gr-media-sidebar-copy p { font-size:12px; -webkit-line-clamp:3; }
  body.gr-app .gr-media-sidebar.is-list-preview .gr-media-sidebar-meta { font-size:11px; }
  body.gr-app .gr-media-sidebar.is-list-preview .gr-media-sidebar-reviews { gap:8px; margin:0 18px 14px; padding-top:10px; }
  body.gr-app .gr-media-sidebar.is-list-preview .gr-media-sidebar-rail { min-height:72px; padding:8px 12px; }
  body.gr-app .gr-media-sidebar.is-list-preview .gr-media-sidebar-rail:empty { min-height:0; padding-block:0; }
  body.gr-app .gr-media-sidebar.is-list-preview .gr-media-sidebar-rail button { flex-basis:96px; height:54px; }
}
@keyframes gr-card-info-enter {
  from { opacity:0; transform:translateX(-6px); }
  to { opacity:1; transform:translateX(0); }
}
@media (prefers-reduced-motion:reduce) {
  .gr-app :is(.gr-media-sidebar,.gr-media-sidebar-visual,.gr-media-sidebar-info) { animation:none!important; }
}