.hero-img{
  max-width:320px;
  width:100%;
  height:auto;
  display:block;
  margin:12px auto 16px;
  border-radius:18px;
}/* POP "How to Play" panel */
.howto {
  background:#f77b10;                 /* orange */
  color:#fff;
  border:0;
  border-radius:18px;
  box-shadow:0 10px 30px rgba(0,0,0,.15);
  padding:20px 18px;
  text-align:left;
}
.howto h3{
  margin:0 0 10px;
  text-align:center;
  color:#ffd84a;                       /* yellow */
  font-weight:900;
  letter-spacing:.5px;
  text-transform:uppercase;
  text-shadow:0 2px 0 rgba(0,0,0,.35);
}
.howto ol{list-style:none;margin:0;padding:0}
.howto li{
  display:flex; gap:10px;
  align-items:flex-start;
  font-weight:900;
  font-size:18px;
  line-height:1.4;
  text-shadow:0 1px 0 rgba(0,0,0,.25);
  margin:10px 0;
}
.howto .num{
  width:28px;height:28px; flex:0 0 28px;
  display:inline-flex; align-items:center; justify-content:center;
  background:#111; color:#ffd84a;       /* black circle, yellow number */
  border-radius:999px; font-weight:900;
  box-shadow: inset 0 -2px 0 rgba(255,255,255,.08);
}