/* EP01 player-facing text-size toggle.
   Scope rule: this layer changes typography size only. It must not change authored
   choice-card geometry, spacing, frame-device placement, dialogue-box geometry, or staging.

   NORMAL = game-default 29px reading anchor.
   LARGE  = 32px accessibility / YouTube capture size.
*/

@media (min-width:761px){
  html[data-ao-text-size="normal"] #dialogue-text{
    font-size:29px;
  }
  html[data-ao-text-size="normal"] .choice-button > span:last-child,
  html[data-ao-text-size="normal"] .choice-text{
    font-size:29px;
  }
  html[data-ao-text-size="normal"] #choice-layer.choice-compact-4 .choice-text,
  html[data-ao-text-size="normal"] #choice-layer.choice-compact-4 .choice-button > span:last-child{
    font-size:29px;
  }
  html[data-ao-text-size="normal"] #choice-layer.choice-compact-5-plus .choice-text,
  html[data-ao-text-size="normal"] #choice-layer.choice-compact-5-plus .choice-button > span:last-child{
    font-size:28px;
  }

  html[data-ao-text-size="large"] #dialogue-text{
    font-size:32px;
  }
  html[data-ao-text-size="large"] .choice-button > span:last-child,
  html[data-ao-text-size="large"] .choice-text{
    font-size:32px;
  }
  html[data-ao-text-size="large"] #choice-layer.choice-compact-4 .choice-text,
  html[data-ao-text-size="large"] #choice-layer.choice-compact-4 .choice-button > span:last-child{
    font-size:30px;
  }
  html[data-ao-text-size="large"] #choice-layer.choice-compact-5-plus .choice-text,
  html[data-ao-text-size="large"] #choice-layer.choice-compact-5-plus .choice-button > span:last-child{
    font-size:28px;
  }
}