/* Poster-inspired display type. Keep instructions, units, and inputs upright. */
.heading h1,
.card h2,
.side h2,
.editor-head h2,
.count {
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: -.035em;
  transform: skewX(-10deg);
}
.heading h1, .side h2, .editor-head h2 { transform-origin: left bottom; }
.heading h1 { padding-inline-end: .2em; }
.count { letter-spacing: -.05em; }
.stat strong {
  font-weight: 800;
  font-style: oblique;
}
.stat small {
  display: inline-block;
  font-style: normal;
  letter-spacing: 0;
}
#best { font-size: clamp(15px, 2.5vw, 27px); }
.start, .touch button:is([data-key="up"], [data-key="down"]) {
  font-weight: 800;
  font-style: oblique;
  text-transform: uppercase;
  letter-spacing: .045em;
}
@media (orientation: landscape) and (max-width: 1050px) and (max-height: 540px) {
  #best { font-size: 15px; }
}