/* One quiet card, two reading densities. Loaded after the existing storefront theme. */
.gr-app .gr-card { position:relative; display:flex; flex-direction:column; min-width:0; height:100%; overflow:visible; border:1px solid var(--slate-640); border-radius:9px; background:var(--slate-760); box-shadow:none; transition:border-color 140ms,background 140ms; }
.gr-app .gr-card:hover,.gr-app .gr-card:focus-within { border-color:var(--slate-400); background:var(--slate-700); transform:none; box-shadow:none; }
.gr-app .gr-card:has(.gr-card-insight[open]) { z-index:6; }
.gr-app .gr-card .gr-card-art { position:relative; aspect-ratio:460/215; flex:none; overflow:hidden; border-radius:8px 8px 0 0; background:var(--slate-760); }
.gr-app .gr-card .gr-card-cover { position:relative; display:block; height:100%; width:100%; }
.gr-app .gr-card .gr-card-cover img { position:relative; z-index:1; display:block; width:100%; height:100%; object-fit:cover; }
.gr-cover-fallback { position:absolute; inset:0; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:5px; background:linear-gradient(125deg,var(--slate-610),var(--slate-730)); color:var(--slate-160); }
.gr-cover-fallback b { font-size:30px; font-weight:500; letter-spacing:.05em; }
.gr-cover-fallback span { font-size:10px; }
.gr-card-status { position:absolute; z-index:3; left:10px; top:10px; border:1px solid color-mix(in srgb,var(--slate-340) 36.1%,transparent); background:color-mix(in srgb,var(--slate-790) 91%,transparent); border-radius:4px; padding:4px 7px; color:var(--slate-40); font-size:10px; font-weight:600; }
.gr-app .gr-card .gr-card-content { display:flex; flex:1; flex-direction:column; min-width:0; gap:10px; padding:14px; }
.gr-card-main { min-width:0; }
.gr-app .gr-card h3 { display:flex; gap:8px; align-items:start; margin:0; min-height:2.6em; font-size:16px; font-weight:650; letter-spacing:-.25px; line-height:1.3; overflow-wrap:anywhere; }
.gr-app .gr-card h3 a { color:var(--slate-40); display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.gr-app .gr-card h3 a:hover { color:var(--cyan-130); }
.gr-app .gr-card .gr-card-description { display:none; color:var(--slate-160); font-size:13px; line-height:1.55; margin:7px 0; }
.gr-card-genres { margin-top:7px; color:var(--slate-240); font-size:11px; line-height:1.5; overflow-wrap:anywhere; }
.gr-card-bottom { display:flex; align-items:flex-end; justify-content:space-between; gap:8px; margin-top:auto; min-width:0; }
.gr-app .gr-card .gr-card-facts { display:grid; gap:5px; min-width:0; margin:0; }
.gr-app .gr-card-date { font-size:11px; color:var(--slate-200); line-height:1.4; overflow-wrap:anywhere; }
.gr-card-rating,.gr-card-index { display:flex; gap:5px; flex-wrap:wrap; align-items:baseline; font-size:11px; line-height:1.4; }
.gr-card-rating strong { color:var(--lime-160); font-size:14px; font-weight:600; }
.gr-card-rating.is-mixed strong { color:var(--amber-170); }
.gr-card-rating > span,.gr-card-index > span { color:var(--slate-200); font-size:10px; }
.gr-card-rating small { display:block; color:var(--slate-280); font-size:10px; }
.gr-card-index strong { color:var(--cyan-130); font-weight:600; font-size:14px; }
.gr-card-unknown,.gr-card-platforms { color:var(--slate-280); font-size:11px; }
.gr-card-insight { position:relative; color:var(--slate-160); font-size:12px; }
.gr-card-insight > summary { list-style:none; display:grid; place-items:center; width:24px; height:32px; cursor:pointer; color:var(--slate-280); font-size:16px; border-radius:4px; }
.gr-card-insight > summary::-webkit-details-marker { display:none; }
.gr-card-insight[open] > summary,.gr-card-insight > summary:hover { color:var(--slate-40); background:var(--slate-640); }
/* Events retain their identity and unread hooks, but the game gets the visual priority. */
.gr-app .gr-game-list { gap:12px; }
.gr-app .gr-game-list .gr-game-row { display:grid; grid-template-columns:190px minmax(0,1fr); align-items:start; padding:14px; gap:18px; height:auto; }
.gr-app .gr-game-list .gr-card-art { border-radius:5px; }
.gr-app .gr-game-list .gr-card-content { display:grid; grid-template-columns:minmax(0,1fr) 172px; column-gap:20px; row-gap:8px; padding:0; }
.gr-app .gr-game-list h3 { min-height:0; font-size:18px; }
.gr-app .gr-game-list .gr-card-description { display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.gr-app .gr-game-list .gr-card-bottom { grid-column:2; grid-row:1 / 3; display:flex; flex-direction:column; align-items:flex-start; justify-content:space-between; align-self:stretch; margin:0; gap:10px; border-left:1px solid var(--slate-640); padding-left:16px; }
.gr-app .gr-game-list .gr-card-rating small { display:inline; }
.gr-app .gr-game-list .gr-card-date { font-size:12px; }
.gr-app .gr-game-list .gr-card-rating strong { font-size:16px; }
.gr-app .gr-game-list .gr-card-platforms { font-size:10px; }
.gr-app .gr-game-row .gr-unread { font-size:9px; font-weight:400; color:var(--cyan-130); padding-top:4px; white-space:nowrap; }
.gr-library-toolbar { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:10px; margin:0 0 14px; }
.gr-library-toolbar > span { color:var(--slate-280); font-size:11px; }
.gr-library-modes { display:inline-flex; gap:3px; border:1px solid var(--slate-610); border-radius:6px; padding:3px; background:var(--slate-760); }
.gr-library-modes button { min-height:32px; border:0; border-radius:4px; padding:5px 12px; background:none; color:var(--slate-240); font-size:12px; }
.gr-library-modes button[aria-pressed="true"] { color:var(--slate-40); background:var(--slate-610); }
.gr-app .gr-library[data-gr-card-layout="list"] { display:grid; grid-template-columns:minmax(0,1fr); gap:12px; }
.gr-app .gr-library[data-gr-card-layout="list"] > .gr-card:not(.gr-game-row) { display:grid; grid-template-columns:190px minmax(0,1fr); gap:14px; padding:12px; height:auto; }
.gr-app .gr-library[data-gr-card-layout="list"] > .gr-card:not(.gr-game-row) .gr-card-art { border-radius:5px; }
.gr-app .gr-library[data-gr-card-layout="list"] > .gr-card:not(.gr-game-row) .gr-card-content { padding:0; }
.gr-app .gr-library[data-gr-card-layout="list"] > .gr-card .gr-card-description { display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.gr-app .gr-library[data-gr-card-layout="grid"].gr-game-list { grid-template-columns:repeat(3,minmax(0,1fr)); }
.gr-app .gr-library[data-gr-card-layout="grid"].gr-game-list .gr-card { display:flex; flex-direction:column; padding:0; gap:0; height:100%; }
.gr-app .gr-library[data-gr-card-layout="grid"].gr-game-list .gr-card-art { border-radius:8px 8px 0 0; }
.gr-app .gr-library[data-gr-card-layout="grid"].gr-game-list .gr-card-content { display:flex; padding:14px; }
.gr-app .gr-library[data-gr-card-layout="grid"].gr-game-list h3 { font-size:16px; min-height:2.6em; }
.gr-app .gr-library[data-gr-card-layout="grid"].gr-game-list .gr-card-description { display:none; }
.gr-app .gr-library[data-gr-card-layout="grid"].gr-game-list .gr-card-bottom { display:flex; flex-direction:row; padding:0; margin-top:auto; border:0; }
.gr-app .gr-library[data-gr-card-layout="grid"].gr-game-list .gr-card-platforms { display:none; }
/* The existing media engine owns HLS; this surface only controls one preview. */
.gr-app .gr-card-art .poster-preview-video { position:absolute; inset:0; z-index:2; width:100%; height:100%; object-fit:cover; opacity:0; pointer-events:none; }
.gr-app .gr-card-art.is-previewing .poster-preview-video { opacity:1; }
.gr-app .gr-card-art.is-previewing .gr-card-status { opacity:0; }
@media (max-width:1200px) and (min-width:1001px) {
  .gr-app .gr-game-list .gr-game-row { grid-template-columns:155px minmax(0,1fr); gap:12px; }
  .gr-app .gr-game-list .gr-card-content { grid-template-columns:minmax(0,1fr); }
  .gr-app .gr-game-list .gr-card-bottom { grid-column:1; grid-row:auto; flex-direction:row; align-items:center; border:0; padding:0; }
  .gr-app .gr-game-list .gr-card-platforms { display:none; }
}
@media (max-width:760px) {
  .gr-app .gr-game-list .gr-game-row { grid-template-columns:124px minmax(0,1fr); padding:12px; gap:12px; }
  .gr-app .gr-game-list .gr-card-content { display:flex; gap:8px; }
  .gr-app .gr-game-list h3 { font-size:16px; }
  .gr-app .gr-game-list .gr-card-description { font-size:12px; }
  .gr-app .gr-game-list .gr-card-bottom { flex-direction:row; align-items:center; padding:0; border:0; }
  .gr-app .gr-game-list .gr-card-platforms { display:none; }
  .gr-app .gr-library[data-gr-card-layout="grid"].gr-game-list { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .gr-app .gr-library[data-gr-card-layout="list"] > .gr-card:not(.gr-game-row) { grid-template-columns:124px minmax(0,1fr); }
}
@media (max-width:480px) {
  .gr-app .gr-card-grid,.gr-app .gr-library[data-gr-card-layout="grid"].gr-game-list { grid-template-columns:minmax(0,1fr); }
  .gr-app .gr-card .gr-card-description { -webkit-line-clamp:2; }
  .gr-app .gr-game-list .gr-game-row { grid-template-columns:96px minmax(0,1fr); gap:10px; padding:10px; }
  .gr-app .gr-game-list .gr-card-description { font-size:11px; }
  .gr-app .gr-game-list .gr-card-bottom { flex-wrap:wrap; gap:8px; }
  .gr-app .gr-game-list h3 { font-size:14px; }
  .gr-app .gr-game-list .gr-card-genres { font-size:10px; }
  .gr-app .gr-game-row .gr-unread { display:none; }
  .gr-app .gr-library[data-gr-card-layout="list"] > .gr-card:not(.gr-game-row) { grid-template-columns:96px minmax(0,1fr); }
}
@media (pointer:coarse) {
  .gr-card-insight > summary { min-height:40px; min-width:34px; }
  .gr-library-modes button { min-height:40px; }
}
@media (prefers-reduced-motion:reduce) {
  .gr-app .gr-card,.gr-app .gr-card * { animation:none!important; transition:none!important; }
}

/* One compact, expandable line; Steam status and community evidence never share a date. */
.gr-release-channels { font-size: 10px; line-height: 1.45; margin: 3px 0; }
.gr-release-channels > summary { display: flex; flex-wrap: wrap; gap: 5px; cursor: pointer; list-style: none; }
.gr-release-channels > summary::-webkit-details-marker { display: none; }
.gr-release-channels > summary::after { content: '⌄'; color: var(--slate-240); }
.gr-release-channels > summary > span { padding: 3px 6px; border-radius: 4px; background: var(--slate-670); color: var(--cyan-130); }
.gr-release-channels > summary .gr-channel-community { background: var(--slate-670); color: var(--slate-240); }
.gr-release-channels > summary .is-confirmed { background: var(--green-630); color: var(--green-140); }
.gr-channel-details { padding: 8px 10px; margin-top: 6px; background: var(--slate-760); border: 1px solid var(--slate-550); border-radius: 5px; overflow-wrap: anywhere; }
.gr-channel-details p { margin: 5px 0 8px; font-size: 11px; }
.gr-channel-details small { color: var(--slate-240); }
.gr-channel-tabs { display:flex; flex-wrap:wrap; align-items:center; gap:7px; margin:18px 0 12px; }
.gr-channel-tabs a { padding:9px 13px; min-height:40px; border:1px solid var(--slate-550); border-radius:6px; color:var(--slate-160); font-size:12px; background:var(--slate-730); }
.gr-channel-tabs a[aria-current] { background:var(--slate-580); border-color:var(--cyan-250); color:var(--slate-20); }
.gr-channel-tabs small { margin-left:5px; opacity:.8; }
.gr-kind-community_release { background:var(--green-630); color:var(--green-140); }
.gr-kind-community_update { background:var(--slate-640); color:var(--slate-120); }

/* Calendar, discovery and shared cards use the same compact content geometry. */
.gr-app .gr-card .gr-card-content { gap:10px; padding:15px; }
.gr-app .gr-card .gr-card-bottom { flex-wrap:wrap; row-gap:10px; }
.gr-app .gr-card .gr-card-date { font-size:13px; color:var(--slate-160); }
.gr-app .gr-card .gr-card-genres { font-size:12px; }
.gr-app .gr-card .gr-card-rating > span, .gr-app .gr-card .gr-card-index > span { font-size:11px; }
.gr-card-extra { display:flex; align-items:center; justify-content:space-between; gap:12px; border-top:1px solid var(--slate-640); padding-top:9px; color:var(--slate-200); font-size:12px; }
.gr-card-extra > span { min-width:0; overflow-wrap:anywhere; }
.gr-app .gr-browser-grid .gr-card h3 { font-size:17px; }
.gr-app .gr-browser-grid .gr-card-unknown { font-size:11px; }

/* Unified media browser: cards expose the complete saved media set on hover and explicit click. */
.gr-app .gr-card.is-media-hover { z-index:8; }
.gr-app .gr-card-media-hover { position:absolute; z-index:5; inset:0; display:grid; grid-template-rows:auto minmax(0,1fr) 42px auto; gap:6px; padding:8px; background:linear-gradient(180deg,color-mix(in srgb,var(--slate-820) 96.1%,transparent),color-mix(in srgb,var(--slate-790) 98%,transparent)); color:var(--slate-40); }
.gr-app .gr-card-media-hover[hidden] { display:none; }
.gr-media-hover-head { display:flex; align-items:center; justify-content:space-between; font-size:10px; }
.gr-media-hover-head strong { font-size:11px; }
.gr-media-hover-head span { color:var(--cyan-255); }
.gr-media-hover-preview { position:relative; min-height:0; overflow:hidden; border-radius:3px; background:var(--slate-760); }
.gr-media-hover-preview > img { width:100%; height:100%; object-fit:cover; }
.gr-media-hover-preview > button { position:absolute; inset:0; margin:auto; width:max-content; height:max-content; min-height:34px; border:1px solid color-mix(in srgb,var(--cyan-130) 40%,transparent); border-radius:3px; padding:6px 10px; background:color-mix(in srgb,var(--slate-820) 86.7%,transparent); color:white; }
.gr-media-hover-empty { display:grid; place-items:center; height:100%; color:var(--slate-240); font-size:12px; }
.gr-media-hover-rail { display:flex; gap:4px; overflow-x:auto; scrollbar-width:thin; }
.gr-media-hover-rail button { position:relative; flex:0 0 58px; height:38px; padding:0; overflow:hidden; border:1px solid transparent; border-radius:2px; background:var(--slate-730); }
.gr-media-hover-rail button.is-active { border-color:var(--cyan-250); }
.gr-media-hover-rail img { width:100%; height:100%; object-fit:cover; }
.gr-media-hover-rail span { position:absolute; inset:auto 3px 3px auto; padding:1px 3px; border-radius:2px; background:color-mix(in srgb,var(--slate-820) 85.9%,transparent); color:#fff; font-size:8px; }
.gr-media-hover-all { min-height:30px; border:0; border-radius:2px; background:var(--slate-610); color:var(--slate-40); font-size:10px; }
html.has-gr-media-dialog { overflow:hidden; }
.gr-media-dialog { position:fixed; inset:0; box-sizing:border-box; width:min(1200px,calc(100vw - 96px)); max-width:none; height:min(860px,calc(100vh - 96px)); height:min(860px,calc(100dvh - 96px)); max-height:none; margin:auto; padding:0; overflow:hidden; border:1px solid var(--slate-520); border-radius:12px; background:var(--slate-790); color:var(--slate-40); box-shadow:0 24px 90px #0009; }
.gr-media-dialog::backdrop { background:color-mix(in srgb,var(--slate-880) 85.1%,transparent); backdrop-filter:blur(5px); }
.gr-media-shell { display:grid; grid-template-rows:auto minmax(0,1fr) auto; height:100%; }
.gr-media-shell > header { display:flex; align-items:center; justify-content:space-between; gap:16px; min-height:52px; padding:10px max(14px,env(safe-area-inset-right)) 10px max(14px,env(safe-area-inset-left)); padding-top:max(10px,env(safe-area-inset-top)); border-bottom:1px solid var(--slate-610); background:var(--slate-760); }
.gr-media-shell > header > div { display:flex; flex-wrap:wrap; align-items:baseline; gap:4px 10px; min-width:0; }
.gr-media-shell > header strong { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:15px; }
.gr-media-shell > header span { flex:none; color:var(--slate-280); font-size:11px; }
.gr-media-shell > header button { flex:none; width:44px; height:44px; border:0; border-radius:4px; background:#ffffff0c; color:var(--slate-80); font-size:24px; }
.gr-media-stage-shell { min-height:0; display:grid; grid-template-columns:48px minmax(0,1fr) 48px; align-items:stretch; gap:8px; padding:8px; overflow:hidden; background:var(--slate-850); }
.gr-media-nav { align-self:center; width:48px; height:64px; padding:0; border:1px solid var(--slate-520); border-radius:6px; background:var(--slate-700); color:var(--slate-40); font-size:34px; line-height:1; }
.gr-media-nav:hover { border-color:var(--cyan-130); background:var(--slate-580); }
.gr-media-nav:disabled { opacity:.35; cursor:default; }
.gr-media-stage { min-width:0; min-height:0; display:grid; place-items:center; overflow:hidden; background:var(--slate-850); }
.gr-media-stage > img,.gr-media-stage > video,.gr-media-stage > iframe { display:block; width:100%; height:100%; min-height:0; border:0; object-fit:contain; background:#000; }
.gr-media-stage > img { width:auto; height:auto; max-width:100%; max-height:100%; }
.gr-media-dialog :is(button,video,iframe):focus-visible { outline:2px solid var(--cyan-130); outline-offset:-3px; }
.gr-media-shell > footer { display:grid; grid-template-columns:minmax(0,1fr); align-items:center; min-height:78px; padding:9px max(12px,env(safe-area-inset-right)) max(9px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left)); border-top:1px solid var(--slate-610); background:var(--slate-760); }
.game-media-stage-open,.gr-media-sidebar-preview { position:relative; display:grid; place-items:center; width:100%; height:100%; padding:0; border:0; border-radius:0; overflow:hidden; background:var(--slate-850); cursor:zoom-in; }
.game-media-stage-open > img,.gr-media-sidebar-preview > img { display:block; width:100%; height:100%; object-fit:contain; }
/* The detail hero selects media in place; only playable posters are actions. */
#gr-game-media [data-gr-inline-media] .game-media-stage-open { cursor:pointer; color:inherit; }
#gr-game-media [data-gr-inline-media] .game-media-stage-open:disabled { cursor:default; opacity:1; }
.gr-hover-player { position:absolute; z-index:1; inset:0; display:block; width:100%; height:100%; min-height:0; border:0; background:var(--slate-850); pointer-events:none; }
.gr-hover-video { object-fit:contain; }
.game-media-stage-open.is-hover-preview .game-media-stage-play,.gr-media-sidebar-preview.is-hover-preview .game-media-stage-play { display:none; }
.game-media-stage-play { position:absolute; inset:0; margin:auto; width:max-content; height:max-content; padding:12px 18px; border:1px solid color-mix(in srgb,var(--slate-120) 45.1%,transparent); border-radius:5px; background:color-mix(in srgb,var(--slate-820) 85.9%,transparent); color:var(--slate-20); font-size:14px; font-weight:600; pointer-events:none; }
/* A still image needs no call to action over the art: the hint waits in the corner for hover or focus. */
.game-media-stage-open[data-gr-media-kind="image"] .game-media-stage-play { inset:auto 12px 12px auto; margin:0; padding:7px 11px; font-size:12px; opacity:0; transition:opacity 140ms ease; }
.game-media-stage-open[data-gr-media-kind="image"]:is(:hover,:focus-visible) .game-media-stage-play { opacity:1; }
@media (hover:none) { .game-media-stage-open[data-gr-media-kind="image"] .game-media-stage-play { opacity:.92; } }
.game-media-stage-open:focus-visible,.gr-media-sidebar-preview:focus-visible { outline:2px solid var(--cyan-130); outline-offset:-3px; }
.game-media-stage-source { pointer-events:none; }
.gr-media-strip { display:flex; gap:6px; overflow-x:auto; scrollbar-width:thin; }
.gr-media-strip button { position:relative; flex:0 0 88px; height:54px; padding:0; overflow:hidden; border:2px solid transparent; border-radius:3px; background:var(--slate-790); }
.gr-media-strip button.is-active { border-color:var(--cyan-210); }
.gr-media-strip img { width:100%; height:100%; object-fit:cover; }
.gr-media-strip span { position:absolute; right:3px; bottom:3px; padding:1px 4px; border-radius:2px; background:color-mix(in srgb,var(--slate-820) 86.7%,transparent); color:#fff; font-size:8px; }
@media (pointer:coarse) {
 .gr-app :is(.game-media-thumb,.gr-media-strip button) { min-width:44px; min-height:44px; }
 .gr-app .game-media-stage-play { max-width:calc(100% - 24px); padding:12px; text-align:center; }
}
@media (max-width:620px) { .gr-media-dialog { width:calc(100vw - 40px); height:calc(100vh - 40px); height:calc(100dvh - 40px); border-radius:10px; } .gr-media-stage-shell { grid-template-columns:44px minmax(0,1fr) 44px; gap:4px; padding:4px; } .gr-media-nav { width:44px; height:52px; font-size:30px; } .gr-media-strip button { flex-basis:72px; height:46px; } }
@media (pointer:coarse) { .gr-app .gr-card-media-hover { display:none!important; } }

/* Direct store action replaces source-detail disclosures on cards. */
.gr-app .gr-steam-action { display:inline-flex; align-items:center; justify-content:center; gap:5px; min-height:32px; padding:5px 9px; border:1px solid var(--slate-520); border-radius:4px; background:var(--slate-730); color:var(--slate-120); font-size:11px; font-weight:600; text-decoration:none; }
.gr-app .gr-steam-action:hover,.gr-app .gr-steam-action:focus-visible { border-color:var(--cyan-210); background:var(--slate-670); color:#fff; }
.gr-app .gr-steam-action .gr-icon { width:12px; height:12px; }

.gr-app .gr-steam-demo { display:flex; flex-wrap:wrap; align-items:center; gap:6px 10px; font-size:12px; line-height:1.5; }
.gr-app .gr-game-list .gr-steam-demo { grid-column:1 / -1; }
.gr-app .gr-steam-demo > span { color:var(--gr-accent, var(--green-130)); font-weight:600; }
.gr-app .gr-steam-demo a { color:inherit; }
.gr-app .gr-steam-demo .gr-demo-download { padding:4px 9px; border:1px solid currentColor; border-radius:6px; white-space:nowrap; }
.gr-app .gr-steam-demo a:focus-visible { outline:2px solid currentColor; outline-offset:3px; }
.gr-app .gr-steam-demo-detail { margin-top:16px; }
.gr-app .gr-steam-demo-detail small { flex-basis:100%; color:var(--gr-muted, var(--slate-280)); }

/* Compact density reuses the complete GameCard contract for calendar and other dense surfaces. */
.gr-app .gr-game-card-compact .gr-card-content { gap:7px; padding:10px; }
.gr-app .gr-game-card-compact h3 { min-height:2.5em; font-size:14px; line-height:1.25; }
.gr-app .gr-game-card-compact .gr-card-genres { margin-top:4px; font-size:11px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.gr-app .gr-game-card-compact .gr-card-bottom { align-items:center; gap:6px; row-gap:6px; }
.gr-app .gr-game-card-compact .gr-card-facts { gap:2px; }
.gr-app .gr-game-card-compact .gr-card-date { font-size:12px; }
.gr-app .gr-game-card-compact .gr-card-rating strong,
.gr-app .gr-game-card-compact .gr-card-index strong { font-size:13px; }
.gr-app .gr-game-card-compact .gr-card-rating small { display:none; }
.gr-app .gr-game-card-compact .gr-steam-action { min-height:30px; padding:4px 7px; font-size:10px; }