/* ==========================================================================
   v30.25.3 — the decision box on desktops and iPads
   It grew with the screen (--px up to 2.8) and became big and clumsy, and its
   title ran out of the box. Inside the box --px now grows more slowly (at most
   1.55x the phone design) and on taller screens the title may wrap onto two lines.
   Phones (up to ~520px high) are unchanged.
   ========================================================================== */
@media (orientation:landscape){
  html body.game-scroll-locked #app.shell #decisionDock{
    --px:max(1px,min(1.55px,calc(100vh / 520)));
    --lt-box-w:clamp(calc(168 * var(--px)),23vw,calc(200 * var(--px)));
  }
}
@media (orientation:landscape) and (min-height:520px){
  html body.game-scroll-locked #app.shell #decisionDock .decision-dock-title,
  html body.game-scroll-locked #app.shell #decisionDock #actions .decision-dock-title{
    white-space:normal!important;overflow:visible!important;text-overflow:clip!important;
    line-height:1.2!important;letter-spacing:.02em!important;text-wrap:balance;
    font-size:calc(9 * var(--px))!important;
  }
}
@media (orientation:landscape){
  /* PAS / PASS fits its button in both languages */
  html body.game-scroll-locked #app.shell #decisionDock #actions .btn.number-choice.decision-pass{
    font-size:calc(11 * var(--px))!important;padding:0!important;letter-spacing:0!important;
  }
}

/* ==========================================================================
   v30.25.5 — hand cards never overlap (owner: iPad and iPhone players found the
   cards "stuck together"). The tray now reserves only the width the compact
   decision box really uses (v30.25.3), so it is wider on iPads and desktops;
   when 7 cards still do not fit (iPhones with the camera insets) the cards get
   smaller - keeping their card shape and the gap between them - instead of
   overlapping (v30.25.2) or getting thin (before).
   ========================================================================== */
@media (orientation:landscape){
  html body.game-scroll-locked #app.shell{
    --lt-pxb:max(1px,min(1.55px,calc(100vh / 520)));
    --lt-box-w:clamp(calc(168 * var(--lt-pxb)),23vw,calc(200 * var(--lt-pxb)));
    --lt-slot:calc((var(--lt-tray-max) - calc(64 * var(--px))) / 7);
    --lt-tray-h0:clamp(calc(64 * var(--px)),17.5vh,calc(82 * var(--px)));
    --lt-card-w:min(calc((var(--lt-tray-h0) - calc(18 * var(--px))) * .70),var(--lt-slot));
    --lt-card-h:calc(var(--lt-card-w) / .70);
    /* the tray hugs the cards (no empty band when they had to get smaller) */
    --lt-tray-h:calc(var(--lt-card-h) + calc(18 * var(--px)));
  }
}