/* EP01 English release readability layer — Director Lock v1.5.
   English-only visual adaptation: keep the canonical Korean runtime/style layers untouched. */

/* Desktop director lock: dialogue and choice body copy share the same 33px reading size. */
#dialogue-text{
  font-size:33px;
  line-height:1.45;
}

/* Enlarged English speaker nameplate for readability. */
#speaker{
  min-width:154px;
  min-height:48px;
  padding:10px 26px;
  font-size:22px;
  line-height:1.2;
  text-align:center;
}

#choice-layer{
  width:min(74%,1200px);
  gap:1.3vh;
}

/* 1–3 choices: director-approved taller card proportions. */
.choice-button{
  height:clamp(236px,24vh,262px);
  line-height:1.34;
  padding:12px 4.1%;
}

/* Choice body copy matches dialogue body copy exactly on desktop. */
.choice-button > span:last-child,
.choice-text{
  font-family:var(--font-record);
  font-size:33px;
  line-height:1.34;
  padding-left:3.5%;
  padding-right:2%;
}

/* Preferred restrained serif A/B/C/... treatment. */
.choice-key,
#choice-layer.choice-compact-4 .choice-key,
#choice-layer.choice-compact-5-plus .choice-key{
  font-family:var(--font-record);
  font-weight:600;
  font-size:24px;
  letter-spacing:.01em;
}

#choice-layer.choice-compact-4{
  width:min(74%,1200px);
  gap:1.05vh;
}

/* 4-choice layouts receive a moderate height increase. */
#choice-layer.choice-compact-4 .choice-button{
  height:clamp(184px,18.7vh,207px);
  line-height:1.34;
  padding:10px 3.8%;
}

#choice-layer.choice-compact-5-plus{
  width:min(76%,1220px);
  gap:.88vh;
}

/* 5+ choices: modest height increase while preserving five-choice fit at full desktop. */
#choice-layer.choice-compact-5-plus .choice-button{
  height:clamp(151px,15.2vh,170px);
  line-height:1.32;
  padding:9px 3.7%;
}

/*
  Short desktop / 720p fit contract.
  Typography remains director-locked at 33px; only card geometry compresses so
  the enlarged treatment does not escape the 16:9 game frame.
*/
@media (min-width:761px) and (max-height:800px){
  .choice-button{
    height:228px;
  }

  #choice-layer.choice-compact-4 .choice-button{
    height:164px;
    border-width:25px 92px;
    padding:6px 3.8%;
  }

  #choice-layer.choice-compact-5-plus .choice-button{
    height:132px;
    border-width:18px 77px;
    padding:5px 3.7%;
  }

  #choice-layer.choice-compact-5-plus .choice-text{
    line-height:1.30;
  }
}

@media (max-width:760px){
  /* Small screens remain responsive rather than forcing the desktop 33px lock. */
  #dialogue-text{
    font-size:clamp(15px,3.15vw,18px);
    line-height:1.5;
  }

  #speaker{
    min-width:116px;
    min-height:40px;
    padding:7px 16px;
    font-size:clamp(15px,3vw,17px);
  }

  #choice-layer,
  #choice-layer.choice-compact-4,
  #choice-layer.choice-compact-5-plus{
    width:94%;
  }

  .choice-button{
    height:clamp(120px,17vh,138px);
  }

  #choice-layer.choice-compact-4 .choice-button{
    height:clamp(114px,16.5vh,130px);
  }

  #choice-layer.choice-compact-5-plus .choice-button{
    height:clamp(100px,14vh,114px);
  }

  .choice-button > span:last-child,
  .choice-text{
    font-size:clamp(15px,3.15vw,18px);
  }

  .choice-key,
  #choice-layer.choice-compact-4 .choice-key,
  #choice-layer.choice-compact-5-plus .choice-key{
    font-size:clamp(14px,2.8vw,16px);
  }
}