.static-mock {
  min-width: 0;
}
.static-mock__back {
  min-height: var(--touch-min);
  margin-bottom: var(--space-12);
  padding: var(--space-8) var(--space-16);
  border: 1px solid var(--color-line-strong);
  border-radius: var(--radius-control);
  background: var(--color-paper);
  color: var(--color-ink);
  font-size: var(--font-size-body);
}
.static-mock__content {
  width: 1600px;
  zoom: var(--static-mock-scale, 1);
  /* 見本の中のボタンやリンクは動かないので、押せるように見せない */
  pointer-events: none;
}
/* 見本は中身を絶対位置で並べているので、取り除いた上部帯の分だけ上へ寄せる（量は static-mock.js が測る） */
.static-mock__content {
  overflow: hidden;
}
/* 見本の CSS は .static-mock--ID .game{margin:auto} を後から読み込むので、より強い指定で上書きする */
.static-mock .static-mock__content > .game {
  margin-top: calc(-1 * var(--static-mock-shift, 0px));
}
.static-mock-index__list {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
  gap: var(--space-8);
  padding: 0;
  list-style: none;
}
.static-mock-index__item {
  width: 100%;
  min-height: var(--touch-min);
  padding: var(--space-12) var(--space-16);
  border: 1px solid var(--color-line-strong);
  border-radius: var(--radius-control);
  background: var(--color-paper);
  color: var(--color-ink);
  font-size: var(--font-size-body);
  text-align: left;
}