/* A compact public call, leaving every player's cup and bid unobstructed. */
body.first-person-demo.at-table .table.is-playing #latest-call-stage.center-stage{
  --call-seats-top:84px;--call-cup:56px;--call-stack:86px;--call-far-top:12px;
  position:absolute;display:flex;align-items:center;justify-content:center;
  left:50%;right:auto;top:calc(var(--call-seats-top) * .71 + 29% + var(--call-far-top) * .5 + var(--call-stack) * .25);
  transform:translate(-50%,-50%);width:max-content;max-width:min(46%,160px);height:auto;min-height:0;z-index:5;
  padding:3px 9px;border:1px solid #82e7ef30;border-radius:12px;
  background:#15263bcc;box-shadow:inset 0 1px 0 #c4ffff10;
  pointer-events:none;text-align:center;
}
body.first-person-demo.at-table .table:not(.is-playing) #latest-call-stage.center-stage{display:none}
body.first-person-demo.at-table .table.is-playing .table-inlay{opacity:.15}
body.first-person-demo.at-table .table.is-playing #latest-call-stage.center-stage :is(.stage-eyebrow,#stage-note){display:none}
body.first-person-demo.at-table .table.is-playing #latest-call-stage.center-stage h2{
  margin:0;color:#e8fafa;font-size:13px;letter-spacing:0;line-height:28px;white-space:nowrap;
}
body.first-person-demo.at-table .table.is-playing #latest-call-stage.center-stage .current-bid{
  display:flex;align-items:center;justify-content:center;gap:4px;height:28px;margin:0;line-height:1;
}
body.first-person-demo.at-table .table.is-playing #latest-call-stage.center-stage .current-bid[hidden]{display:none}
body.first-person-demo.at-table .table.is-playing #latest-call-stage.center-stage .bid-number{
  font:800 28px/1 var(--font,sans-serif);letter-spacing:-1px;color:#f3fdff;text-shadow:none;
}
body.first-person-demo.at-table .table.is-playing #latest-call-stage.center-stage .bid-unit{font-size:12px;margin:0;color:#c8e1eb}
body.first-person-demo.at-table .table.is-playing #latest-call-stage.center-stage .die{
  width:26px;height:28px;min-width:26px;padding:5px;gap:2px;border-radius:6px;transform:none;
}
.latest-bid-mode{align-self:center;font-size:10px;line-height:1.2;border-radius:4px;color:#f3c6f7;white-space:nowrap}
.latest-bid-mode:empty{display:none}
/* Mirror the seat geometry at its existing container breakpoints. Keeping the
   measured cup stack in the formula centres the pill in the actual free band. */
@container(max-width:330px){
  body.first-person-demo.at-table .table.is-playing #latest-call-stage.center-stage{--call-cup:48px;--call-stack:75px;--call-far-top:6px}
}
@container(max-height:365px){
  body.first-person-demo.at-table .table.is-playing #latest-call-stage.center-stage{--call-cup:48px;--call-stack:75px;--call-far-top:6px}
}
@container(max-height:355px){
  body.first-person-demo.at-table .table.is-playing #latest-call-stage.center-stage{--call-seats-top:72px}
}
@container(max-height:310px){
  body.first-person-demo.at-table .table.is-playing #latest-call-stage.center-stage{--call-seats-top:46px;--call-cup:36px;--call-stack:58px;--call-far-top:4px}
}
@container(min-width:600px) and (min-height:500px){
  body.first-person-demo.at-table .table.is-playing #latest-call-stage.center-stage{--call-seats-top:114px;--call-cup:84px;--call-stack:117px}
}
/* Short tables have no wide band between rows. Use the clear centre between
   the two rear cups; its width is their separation minus one cup and 8px. */
@container(max-height:400px){
  /* The rear-left pure badge points outwards, away from the centre gap. */
  body.first-person-demo.at-table .table[data-seat-count="5"].is-playing .seats .seat:nth-child(3) .seat-bid.is-pure::after{left:-7px;right:auto}
  body.first-person-demo.at-table .table.is-playing #latest-call-stage.center-stage{
    top:calc(var(--call-seats-top) + var(--call-far-top) + var(--call-stack) * .5);
    width:calc(30% - var(--call-cup) - 8px);max-width:54px;padding:4px 2px;border-radius:9px;
  }
  body.first-person-demo.at-table .table.is-playing #latest-call-stage.center-stage .current-bid{
    display:grid;grid-template-columns:auto auto;gap:3px 1px;height:auto;
  }
  body.first-person-demo.at-table .table.is-playing #latest-call-stage.center-stage .bid-number{font-size:18px;justify-self:end}
  body.first-person-demo.at-table .table.is-playing #latest-call-stage.center-stage .bid-unit{font-size:8px;justify-self:start}
  body.first-person-demo.at-table .table.is-playing #latest-call-stage.center-stage .die{grid-column:1/-1;justify-self:center;width:22px;min-width:22px;height:23px;padding:4px}
  body.first-person-demo.at-table .table.is-playing #latest-call-stage.center-stage .latest-bid-mode{grid-column:1/-1;font-size:8px;white-space:normal}
  body.first-person-demo.at-table .table.is-playing #latest-call-stage.center-stage h2{font-size:10px;line-height:14px;white-space:normal}
}