/* ==========================================================================
   v30.25.1 — owner's table polish
   1. Trick piles: the two far seats of a 5-player table keep their pile on the
      outer side (left seat → left, right seat → right), clear of the trick.
      The side seats keep theirs on the felt beside the HUD (inner side), not
      on the rail where it was hard to see.
   2. The far seats of a 5-player table sit a little higher, at the table edge.
   3. HUD values and labels are sized from their box, so they always fit
      (Danish and English).
   ========================================================================== */

/* ---- 3. values and labels fit their boxes (every layout) ---- */
.poker-stage .player.hud-skin .player-static-stats > span{container-type:size}
html body #app.shell .poker-stage .player.hud-skin .player-static-stats > span > strong{
  font-size:min(80cqh, calc(100cqw * .84 / (var(--len, 2) * .66)))!important;
  line-height:1!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  letter-spacing:0!important;
  padding:0 2%!important;
}
.poker-stage .player.hud-skin .player-static-stats .hud-lbl{container-type:size}
html body .poker-stage .player.hud-skin .player-static-stats .hud-lbl{font-size:inherit!important}
html body .poker-stage .player.hud-skin .player-static-stats .hud-lbl > span{
  font-size:min(72cqh, calc(100cqw * .88 / 3.9));
  line-height:1;
  white-space:nowrap;
}

@media (orientation:landscape){
  /* value pills: 50 % taller and 8 % wider than the painted slot, centred on it, so the
     numbers can be read and still fit; the label plates get the same height */
  html body.game-scroll-locked #app.shell .poker-stage .player.hud-skin .player-static-stats > span{
    height:calc(var(--hud-value-height,6.5%) * 1.5)!important;
    translate:0 -16.7%!important;
    left:calc(var(--hud-value-left,60%) - var(--hud-value-width,25%) * .04)!important;
    width:calc(var(--hud-value-width,25%) * 1.08)!important;
  }
  html body.game-scroll-locked #app.shell .poker-stage .player.hud-skin .player-static-stats .hud-lbl{
    height:calc(var(--hud-value-height,6.5%) * 1.5)!important;
    translate:0 -16.7%!important;
  }

  /* ---- 1. trick piles ---- */
  html body.game-scroll-locked #app.shell .poker-stage .player.seat-r1 .trick-pile{
    left:calc(100% + calc(3 * var(--px)))!important;right:auto!important;top:20%!important;bottom:auto!important;transform:none!important;
  }
  html body.game-scroll-locked #app.shell .poker-stage.count-3 .player.seat-r2 .trick-pile,
  html body.game-scroll-locked #app.shell .poker-stage.count-4 .player.seat-r3 .trick-pile,
  html body.game-scroll-locked #app.shell .poker-stage.count-5 .player.seat-r4 .trick-pile{
    right:calc(100% + calc(3 * var(--px)))!important;left:auto!important;top:20%!important;bottom:auto!important;transform:none!important;
  }
  html body.game-scroll-locked #app.shell .poker-stage.count-5 .player.seat-r2 .trick-pile{
    right:calc(100% + calc(3 * var(--px)))!important;left:auto!important;top:20%!important;bottom:auto!important;transform:none!important;
  }
  html body.game-scroll-locked #app.shell .poker-stage.count-5 .player.seat-r3 .trick-pile{
    left:calc(100% + calc(3 * var(--px)))!important;right:auto!important;top:20%!important;bottom:auto!important;transform:none!important;
  }

  /* ---- 2. the 5-player far seats a little higher, at the table edge ---- */
  html body.game-scroll-locked #app.shell .poker-stage.count-5 .seat-r2,
  html body.game-scroll-locked #app.shell .poker-stage.count-5 .seat-r3{
    top:calc(15vh + var(--lt-far) * .30)!important;
  }
}