/* One complete character, on its own floor, with a quiet coming-soon caption. */
html:root body #work.screen.work:has(.work-content[data-category="games"]) {
  grid-template-columns:var(--g-nav,220px) minmax(0,1040px) !important;
  padding-block:clamp(20px,4dvh,48px) !important;
  align-content:stretch !important;
}
html:root body #work .work-content[data-category="games"] {
  height:100% !important; align-self:stretch !important;
  grid-template-rows:auto minmax(0,1fr) !important;
  align-content:stretch !important;
}
html:root body #work .work-content[data-category="games"] > .work-heading {
  width:100% !important; padding-bottom:0 !important;
}
html:root body #work .work-content[data-category="games"] > :is(#gallery,#project-meta,.gallery-bottom) {
  display:none !important;
}
html:root body #work .work-content[data-category="games"] > #games-preview {
  grid-row:2 !important; display:flex; flex-direction:column; justify-content:center;
  height:100%; min-height:0; width:100% !important; overflow:hidden;
}
#games-preview iframe { display:block; width:100%; height:auto; aspect-ratio:1.6; max-height:calc(100% - 85px); min-height:0; flex:0 1 auto; border:0; background:transparent; }
#games-preview .games-caption { flex:none; text-align:center; padding:12px 8px 6px; }
#games-preview .games-coming { margin:0; color:#cc2d25; font-size:clamp(24px,2.4vw,38px); font-weight:500; line-height:1.2; letter-spacing:-.025em; }
#games-preview .games-credit { display:inline-block; margin-top:14px; color:#777; font-size:9px; line-height:1.4; text-decoration:none; }
#games-preview .games-credit:hover { text-decoration:underline; }
#games-preview .games-credit:focus-visible { outline:2px solid #d52c24; outline-offset:4px; }
@media (min-width:801px) and (max-width:1199px) {
  html:root body #work.screen.work:has(.work-content[data-category="games"]) { grid-template-columns:190px minmax(0,1fr) !important; }
}
@media (max-width:800px) {
  html:root body #work.screen.work:has(.work-content[data-category="games"]) {
    grid-template-columns:minmax(0,1fr) !important; padding-block:10px 18px !important;
  }
  #games-preview .games-caption { padding-top:6px; }
  #games-preview .games-credit { margin-top:10px; font-size:8px; }
}
@media (max-height:560px) {
  html:root body #work.screen.work:has(.work-content[data-category="games"]) { padding-block:8px !important; }
  #games-preview .games-coming { font-size:22px; }
  #games-preview .games-credit { margin-top:5px; }
}