/* Workshop touch + play parity — Frame Lab 44px + safe areas */
.sk-nav a,
.sk-game-nav a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  min-width: 44px;
  padding: 12px 14px;
  box-sizing: border-box;
}
.sk-game-nav .inner {
  min-height: 48px;
  gap: 0.5rem;
}
.sk-game-nav .lbl {
  min-height: 44px;
  display: inline-flex;
  align-items: center;
}
/*  The strip printed on top of itself on the fourteen film pages.
 *
 *  Every page declares `.sk-game-nav .inner { display: flex; overflow-x: auto }`,
 *  so the scroller looks declared — but the home page and the workshop hub also
 *  give the links `flex: 0 0 auto`, and the film pages do not. Without an
 *  explicit flex-shrink of 0, fourteen flex items each shrink to a fourteenth
 *  of the bar while the `white-space: nowrap` those pages set holds every label
 *  at full width. Each title then overflows its own box and paints through its
 *  neighbours, and `overflow-x` never engages because the row never grows wider
 *  than the bar. The rule above is the other half of the sum: it makes each
 *  link an inline-flex box with a 44px floor, which is exactly the kind of item
 *  a shrinking flex row squeezes hardest.
 *
 *  Fixed here rather than on fourteen pages, and scoped through `.inner` so it
 *  outranks each page's own `.sk-game-nav a` without needing !important. */
.sk-game-nav .inner {
  flex-wrap: nowrap;
  overflow-x: auto;
  overflow-y: hidden;
  scrollbar-width: none;
  -webkit-overflow-scrolling: touch;
  background: inherit;
}
.sk-game-nav .inner::-webkit-scrollbar { display: none; }
.sk-game-nav .inner > a,
.sk-game-nav .inner > .lbl {
  flex: 0 0 auto;
  white-space: nowrap;
}
/*  "Now showing" is the heading for the strip, not a stop on it, so it stays
 *  put while the films scroll past. The background is inherited rather than
 *  named because the hub paints the bar #14110F and the film pages #120f0c. */
.sk-game-nav .inner > .lbl {
  position: sticky;
  left: 0;
  z-index: 1;
  background: inherit;
  padding-right: 0.5rem;
}
/* Poster cards are excluded: .film-poster, .cabinet-poster and .poster are
   full-bleed title cards that happen to link at /play/, and taking over their
   display would collapse each one to a padding-sized chip. */
a[href*="/play/"]:not([class*="poster"]) {
  min-height: 44px;
  display: inline-flex;
  align-items: center;
  padding: 12px 16px;
  box-sizing: border-box;
}
.play-escape a,
.film-hop a {
  min-height: 44px;
  min-width: 44px;
}
/* A floor, not a ceiling — :where() holds this at zero specificity so a stage
   that already asks for bigger thumb pads (climb runs 52/56px) keeps them. */
:where(.padbar button, .controls button) {
  min-height: 44px;
  min-width: 44px;
}