/* Shared Game Hub presentation. Catalogs and material detail pages are untouched. */
.or-editorial .or-gamepage--game { gap: 32px; padding-top: 24px; color: var(--ui-text); min-width: 0; }
.or-editorial .or-gamepage--game :is(a, button):focus-visible { outline: 2px solid var(--ui-accent); outline-offset: 3px; }
.or-editorial .or-gamepage--game .or-gamepage-hero { border: 0; border-radius: 0; min-height: 320px; background: #111315; box-shadow: none; }
.or-editorial .or-gamepage--game .or-gamepage-hero__bg { z-index: 0; filter: none; object-position: center; }
.or-editorial .or-gamepage--game .or-gamepage-hero::before { z-index: 1; background: linear-gradient(90deg, #111315f2, #111315bd 50%, #11131599), linear-gradient(0deg, #111315a6, transparent); }
.or-editorial .or-gamepage--game .or-gamepage-hero::after { content: none; }
.or-editorial .or-gamepage--game .or-gamepage-hero__inner { z-index: 2; min-height: 320px; padding: 28px 32px; }
.or-editorial .or-gamepage--game .or-gamepage-crumbs { flex-wrap: wrap; gap: 8px; font-size: 12px; color: #c4cbd3; }
.or-editorial .or-gamepage--game .or-gamepage-crumbs b { color: #fff; overflow-wrap: anywhere; }
.or-editorial .or-gamepage--game .or-gamepage-hero__grid { grid-template-columns: 104px minmax(0, 1fr) 150px; gap: 24px; margin-top: 30px; align-items: center; }
.or-editorial .or-gamepage--game .or-gamepage-icon { width: 104px; height: 104px; border-radius: 8px; border-color: #ffffff30; box-shadow: none; align-self: start; }
.or-editorial .or-gamepage--game .or-gamepage-identity { margin: 0; padding: 0; border: 0; border-radius: 0; background: none; box-shadow: none; backdrop-filter: none; gap: 14px; }
.or-editorial .or-gamepage--game .or-gamepage-identity h1 { font-size: 36px; line-height: 1.2; font-weight: 750; overflow-wrap: anywhere; }
.or-editorial .or-gamepage--game .or-gamepage-identity h1 > span { flex: 0 0 22px; width: 22px; height: 22px; background: #86bfff; color: #10243b; box-shadow: none; }
.or-editorial .or-gamepage--game .or-gamepage-status { font-size: 13px; color: #d5dbe2; text-shadow: none; gap: 12px; }
.or-editorial .or-gamepage--game .or-gamepage-status strong { color: #79deb0; }
.or-editorial .or-gamepage--game .or-gamepage-status i { width: 7px; height: 7px; background: #79deb0; box-shadow: none; }
.or-editorial .or-gamepage--game .or-gamepage-status > span { display: none; }
.or-editorial .or-gamepage--game .or-gamepage-meta { display: flex; font-size: 12px; line-height: 1.6; color: #eef0f2; gap: 6px 18px; text-shadow: none; }
.or-editorial .or-gamepage--game .or-gamepage-meta b { color: #c4cbd3; }
.or-editorial .or-gamepage--game .or-gamepage-meta span + span::before { content: none; }
.or-editorial .or-gamepage--game .or-gamepage-actions { display: flex; width: 100%; gap: 10px; margin-top: 6px; }
.or-editorial .or-gamepage--game .or-gamepage-btn { flex: 0 1 auto; width: auto; min-width: 0; min-height: 44px; padding: 0 18px; border: 1px solid #ffffff35; border-radius: 6px; font-size: 13px; font-weight: 650; color: #fff; background: #191c20df; box-shadow: none; }
.or-editorial .or-gamepage--game .or-gamepage-btn--primary { background: #86bfff; color: #10243b; border-color: #86bfff; min-width: 132px; }
.or-editorial .or-gamepage--game .or-gamepage-btn--square { flex: 0 0 44px; width: 44px; padding: 0; }
.or-editorial .or-gamepage--game .or-gamepage-btn:is(:hover, :focus-visible) { transform: none; box-shadow: none; background: #30363d; border-color: #86bfff; }
.or-editorial .or-gamepage--game .or-gamepage-btn--primary:is(:hover, :focus-visible) { background: #a7d0ff; }
.or-editorial .or-gamepage--game .or-gamepage-btn[aria-disabled="true"] { opacity: .5; pointer-events: none; }
.or-editorial .or-gamepage--game .or-gamepage-rating { width: auto; min-width: 0; margin: 0; padding: 12px 0 12px 24px; border: 0; border-left: 1px solid #ffffff35; border-radius: 0; background: none; box-shadow: none; backdrop-filter: none; text-align: left; justify-items: start; gap: 8px; }
.or-editorial .or-gamepage--game .or-gamepage-rating > span { font-size: 12px; font-weight: 500; color: #d5dbe2; }
.or-editorial .or-gamepage--game .or-gamepage-rating > strong { font-size: 30px; color: #79deb0; }
.or-editorial .or-gamepage--game .or-gamepage-rating small { color: #d5dbe2; font-size: 12px; }
.or-editorial .or-gamepage--game .or-gamepage-rating-stars { display: none; }
.or-editorial .or-gamepage--game .or-gamepage-tabs { gap: 26px; min-width: 0; padding: 0; margin-top: -16px; border: 0; border-bottom: 1px solid var(--ui-line); border-radius: 0; background: none; }
.or-editorial .or-gamepage--game .or-gamepage-tabs a { flex-shrink: 0; min-height: 52px; font-size: 13px; font-weight: 600; color: var(--ui-muted); }
.or-editorial .or-gamepage--game .or-gamepage-tabs a span { background: var(--ui-raised); color: var(--ui-muted); border: 0; border-radius: 4px; min-width: 22px; }
.or-editorial .or-gamepage--game .or-gamepage-tabs a:is(:hover, .is-active) { color: var(--ui-text); background: none; box-shadow: none; }
.or-editorial .or-gamepage--game .or-gamepage-tabs a.is-active::after { bottom: 0; height: 2px; border-radius: 0; background: var(--ui-accent); box-shadow: none; }
.or-editorial .or-gamepage--game .or-gamepage-layout { grid-template-columns: minmax(0, 1fr) 288px; gap: 40px; }
.or-editorial .or-gamepage--game .or-gamepage-card { padding: 0; border: 0; border-radius: 0; background: none; box-shadow: none; }
.or-editorial .or-gamepage--game :is(.or-gamepage-card h2, .or-gamepage-head h2) { font-size: 23px; line-height: 1.3; font-weight: 700; color: var(--ui-text); }
.or-editorial .or-gamepage--game .or-gamepage-overview { grid-template-columns: minmax(0, 1fr); gap: 24px; }
.or-editorial .or-gamepage--game .or-gamepage-overview__text { gap: 20px; }
.or-editorial .or-gamepage--game .or-gamepage-story { font-size: 14px; line-height: 1.85; color: var(--ui-muted); max-width: 80ch; }
.or-editorial .or-gamepage--game .or-gamepage-story :is(b, strong, h3) { color: var(--ui-text); }
.or-editorial .or-gamepage--game .or-gamepage-story p { margin: 0 0 14px; }
.or-editorial .or-gamepage--game .or-gamepage-tags span { border-color: var(--ui-line); background: var(--ui-surface); color: var(--ui-muted); border-radius: 4px; font-weight: 500; }
.or-editorial .or-gamepage--game .or-gamepage-stats { margin: 0; padding: 20px 0; border: 0; border-block: 1px solid var(--ui-line); border-radius: 0; background: none; }
.or-editorial .or-gamepage--game .or-gamepage-stats div { gap: 6px; border-color: var(--ui-line); }
.or-editorial .or-gamepage--game .or-gamepage-stats b { font-size: 22px; color: var(--ui-text); }
.or-editorial .or-gamepage--game .or-gamepage-stats span { color: var(--ui-muted); }
.or-editorial .or-gamepage--game .or-gamepage-side { gap: 28px; grid-template-columns: minmax(0, 1fr); border-left: 1px solid var(--ui-line); padding-left: 28px; }
.or-editorial .or-gamepage--game .or-gamepage-side h2 { font-size: 18px; margin-bottom: 16px; }
.or-editorial .or-gamepage--game .or-gamepage-info { gap: 0; }
.or-editorial .or-gamepage--game .or-gamepage-info div { grid-template-columns: minmax(0, .85fr) minmax(0, 1fr); gap: 12px; padding: 12px 0; border-bottom: 1px solid var(--ui-line); }
.or-editorial .or-gamepage--game .or-gamepage-info dt { color: var(--ui-muted); font-size: 12px; }
.or-editorial .or-gamepage--game .or-gamepage-info dd { margin: 0; justify-self: end; text-align: right; color: var(--ui-text); font-size: 12px; overflow-wrap: anywhere; }
.or-editorial .or-gamepage--game .or-gamepage-info dd.is-active { color: var(--ui-success); }
.or-editorial .or-gamepage--game .or-gamepage-links a { min-height: 44px; color: var(--ui-text); }
.or-editorial .or-gamepage--game .or-gamepage-links a:hover { color: var(--ui-accent); background: none; }
.or-editorial .or-gamepage--game .or-gamepage-links .or-gamepage-btn__icon { color: var(--ui-muted); }
.or-editorial .or-gamepage--game :is(.or-gamepage-shots__main, .or-gamepage-thumbs img) { border-color: var(--ui-line); border-radius: 6px; }
/* Generic fallbacks are not screenshots of the selected game. */
.or-editorial .or-gamepage--game .or-gamepage-shots img[src$="/onero/hero.png"] { display: none; }
.or-editorial .or-gamepage--game .or-gamepage-shots:has(img):not(:has(img:not([src$="/onero/hero.png"]))) { display: none; }
.or-editorial .or-gamepage--game :is(.or-gamepage-duo, .or-gamepage-media) { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 40px; padding-top: 32px; border-top: 1px solid var(--ui-line); }
.or-editorial .or-gamepage--game > .or-gamepage-card { padding-top: 32px; border-top: 1px solid var(--ui-line); }
.or-editorial .or-gamepage--game .or-gamepage-head { align-items: baseline; gap: 12px; flex-wrap: wrap; margin-bottom: 20px; }
.or-editorial .or-gamepage--game .or-gamepage-head a { min-height: 32px; font-size: 12px; font-weight: 600; color: var(--ui-accent); }
.or-editorial .or-gamepage--game .or-gamepage-head a:hover { background: none; color: var(--ui-text); text-decoration: none; }
.or-editorial .or-gamepage--game .or-gamepage-empty { min-height: 84px; padding: 20px; border: 1px dashed var(--ui-line); border-radius: 6px; background: none; color: var(--ui-muted); font-size: 13px; }
.or-editorial .or-gamepage--game .or-gamepage-code-list { gap: 10px; }
.or-editorial .or-gamepage--game .or-gamepage-code { grid-template-columns: minmax(0, 1fr) auto 8px; gap: 12px; padding: 14px; border: 1px solid var(--ui-line); border-radius: 6px; background: var(--ui-surface); min-height: 76px; }
.or-editorial .or-gamepage--game .or-gamepage-code > i { display: none; }
.or-editorial .or-gamepage--game .or-gamepage-code > span { grid-column: 1; grid-row: 1; min-width: 0; }
.or-editorial .or-gamepage--game .or-gamepage-code b { font-size: 14px; color: var(--ui-text); overflow-wrap: anywhere; }
.or-editorial .or-gamepage--game .or-gamepage-code small { color: var(--ui-muted); font-size: 12px; }
.or-editorial .or-gamepage--game .or-gamepage-code button { grid-column: 2; grid-row: 1; width: auto; min-height: 44px; padding: 0 12px; font-size: 12px; background: var(--ui-raised); color: var(--ui-accent); border: 1px solid var(--ui-line); border-radius: 6px; box-shadow: none; }
.or-editorial .or-gamepage--game .or-gamepage-code button:is(:hover, .is-copied) { background: var(--ui-raised); border-color: var(--ui-accent); transform: none; box-shadow: none; }
.or-editorial .or-gamepage--game .or-gamepage-code em { grid-column: 3; grid-row: 1; width: 7px; height: 7px; background: var(--ui-success); box-shadow: none; }
.or-editorial .or-gamepage--game .or-gamepage-wide-link { margin-top: 14px; border: 0; border-radius: 0; background: none; font-size: 12px; color: var(--ui-accent); }
.or-editorial .or-gamepage--game .or-gamepage-wide-link:hover { background: none; color: var(--ui-text); }
.or-editorial .or-gamepage--game :is(.or-gamepage-script, .or-gamepage-video-grid a, .or-gamepage-article-grid a) { background: none; border: 0; border-radius: 0; box-shadow: none; }
.or-editorial .or-gamepage--game :is(.or-gamepage-script, .or-gamepage-video-grid a, .or-gamepage-article-grid a):hover { transform: none; background: none; }
.or-editorial .or-gamepage--game :is(.or-gamepage-video-grid, .or-gamepage-article-grid) { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 280px), 1fr)); gap: 20px; }
.or-editorial .or-gamepage--game :is(.or-gamepage-video-grid, .or-gamepage-article-grid) > a { width: 100%; max-width: 360px; padding: 0; }
.or-editorial .or-gamepage--game :is(.or-gamepage-video-grid, .or-gamepage-article-grid) > .or-gamepage-empty { grid-column: 1 / -1; }
.or-editorial .or-gamepage--game :is(.or-gamepage-video-grid img, .or-gamepage-article-grid img) { width: 100%; height: auto; aspect-ratio: 16 / 9; object-fit: cover; border-radius: 6px; filter: none; }
.or-editorial .or-gamepage--game :is(.or-gamepage-video-grid b, .or-gamepage-article-grid b, .or-gamepage-script b) { font-size: 16px; line-height: 1.5; color: var(--ui-text); }
.or-editorial .or-gamepage--game :is(.or-gamepage-video-grid small, .or-gamepage-article-grid span, .or-gamepage-script small) { color: var(--ui-muted); font-size: 12px; }
.or-editorial .or-gamepage--game .or-gamepage-video-grid i { left: 50%; top: 50%; right: auto; bottom: auto; transform: translate(-50%, -50%); width: 44px; height: 44px; background: #111315c9; border-color: #ffffff40; box-shadow: none; }
.or-editorial .or-gamepage--game .or-gamepage-script { grid-template-columns: 100px minmax(0, 1fr); padding: 0; gap: 16px; }
.or-editorial .or-gamepage--game .or-gamepage-script img { width: 100px; height: 76px; object-fit: cover; border-radius: 6px; }
.or-editorial .or-gamepage--game .or-gamepage-script strong { grid-column: 2; font-size: 12px; color: var(--ui-accent); background: none; border: 0; padding: 0; justify-self: start; }
.or-editorial .or-gamepage--game .or-gamepage-update-list a { color: var(--ui-text); border-color: var(--ui-line); background: none; }
.or-editorial .or-gamepage--game .or-gamepage-update-list span { color: var(--ui-muted); }
.or-editorial .or-gamepage--game .or-gamepage-update-list::before { background: var(--ui-line); }
.or-editorial .or-gamepage--game .or-gamepage-update-list a::before { background: var(--ui-accent); box-shadow: none; }
.or-editorial .or-gamepage--game .or-gamepage-disclaimer { color: var(--ui-muted); border-top: 1px solid var(--ui-line); padding-top: 24px; margin: 0 0 24px; font-size: 12px; line-height: 1.7; }
@media (max-width: 1100px) {
  .or-editorial .or-gamepage--game .or-gamepage-hero__grid { grid-template-columns: 80px minmax(0, 1fr) 128px; gap: 20px; }
  .or-editorial .or-gamepage--game .or-gamepage-icon { width: 80px; height: 80px; }
  .or-editorial .or-gamepage--game .or-gamepage-layout { grid-template-columns: minmax(0, 1fr) 248px; gap: 28px; }
  .or-editorial .or-gamepage--game .or-gamepage-identity h1 { font-size: 30px; }
}
@media (max-width: 800px) {
  .or-editorial .or-gamepage--game { padding-top: 16px; gap: 24px; }
  .or-editorial .or-gamepage--game .or-gamepage-hero__inner { padding: 24px; }
  .or-editorial .or-gamepage--game .or-gamepage-hero__grid { grid-template-columns: 72px minmax(0, 1fr); align-items: start; }
  .or-editorial .or-gamepage--game .or-gamepage-icon { width: 72px; height: 72px; }
  .or-editorial .or-gamepage--game .or-gamepage-rating { grid-column: 1 / -1; display: flex; align-items: center; flex-wrap: wrap; gap: 12px; padding: 16px 0 0; border-left: 0; border-top: 1px solid #ffffff30; }
  .or-editorial .or-gamepage--game .or-gamepage-rating > strong { font-size: 24px; }
  .or-editorial .or-gamepage--game .or-gamepage-layout { grid-template-columns: minmax(0, 1fr); gap: 28px; }
  .or-editorial .or-gamepage--game .or-gamepage-side { grid-template-columns: repeat(2, minmax(0, 1fr)); border-left: 0; border-top: 1px solid var(--ui-line); padding: 24px 0 0; }
  .or-editorial .or-gamepage--game :is(.or-gamepage-duo, .or-gamepage-media) { gap: 28px; grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 520px) {
  .or-editorial .or-gamepage--game .or-gamepage-hero { margin-inline: -16px; }
  .or-editorial .or-gamepage--game .or-gamepage-hero__inner { padding: 20px 16px; }
  .or-editorial .or-gamepage--game .or-gamepage-hero::before { background: linear-gradient(90deg, #111315df, #11131599), linear-gradient(0deg, #111315e6, transparent); }
  .or-editorial .or-gamepage--game .or-gamepage-hero__grid { grid-template-columns: 56px minmax(0, 1fr); gap: 16px 14px; margin-top: 24px; }
  .or-editorial .or-gamepage--game .or-gamepage-icon { width: 56px; height: 56px; }
  .or-editorial .or-gamepage--game .or-gamepage-identity { display: contents; }
  .or-editorial .or-gamepage--game .or-gamepage-identity h1 { grid-column: 2; min-height: 56px; font-size: 26px; }
  .or-editorial .or-gamepage--game :is(.or-gamepage-status, .or-gamepage-meta, .or-gamepage-actions) { grid-column: 1 / -1; }
  .or-editorial .or-gamepage--game .or-gamepage-actions { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.3fr) 44px; gap: 8px; margin: 0; }
  .or-editorial .or-gamepage--game .or-gamepage-btn { min-width: 0; width: 100%; padding: 0 8px; font-size: 12px; gap: 6px; }
  .or-editorial .or-gamepage--game .or-gamepage-btn--primary { grid-column: auto; }
  .or-editorial .or-gamepage--game .or-gamepage-btn--square { padding: 0; width: 44px; }
  .or-editorial .or-gamepage--game .or-gamepage-tabs { gap: 20px; margin-top: -8px; }
  .or-editorial .or-gamepage--game .or-gamepage-side { grid-template-columns: minmax(0, 1fr); }
  .or-editorial .or-gamepage--game .or-gamepage-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .or-editorial .or-gamepage--game .or-gamepage-stats div:nth-child(3) { border-left: 0; }
  .or-editorial .or-gamepage--game .or-gamepage-stats div:nth-child(n+3) { margin-top: 16px; padding-top: 16px; border-top: 1px solid var(--ui-line); }
  .or-editorial .or-gamepage--game :is(.or-gamepage-video-grid, .or-gamepage-article-grid) { grid-template-columns: minmax(0, 1fr); }
  .or-editorial .or-gamepage--game .or-gamepage-head h2 { font-size: 21px; }
}