/* β12 mobile polish: keep β11 structure, reduce visual weight and vertical cost. */
.app{
  padding-bottom:calc(6.4rem + env(safe-area-inset-bottom));
}

.turnCard{
  padding:.95rem;
}

.eventType{
  margin-top:.65rem;
  font-size:clamp(1.65rem,7vw,2.15rem);
}

.eventText{
  margin-top:.6rem;
  line-height:1.5;
}

.rollMeta{
  margin-top:.7rem;
}

.subRow{
  margin-top:.65rem;
}

.small{
  margin-top:.45rem;
  font-size:.6rem;
}

.help{
  margin-top:.45rem;
  font-size:.58rem;
  line-height:1.4;
  opacity:.82;
}

.bottomDock{
  padding:.5rem .75rem calc(.5rem + env(safe-area-inset-bottom));
}

.next{
  min-height:3rem;
  border-radius:.9rem;
  font-size:.95rem;
  box-shadow:0 10px 28px rgba(0,0,0,.28);
}

@media(max-width:430px){
  .turnCard{padding:.9rem}
  .eventType{font-size:1.75rem}
  .eventText{font-size:.9rem}
  .bottomDock{padding-left:.65rem;padding-right:.65rem}
}