/* Large readable hand cards; arranged lanes keep their submitted order. */
.hand-tray { container-type: inline-size; flex-shrink: 0; }
.hand-tray > .cards { --card-w: clamp(76px,7.5vw,110px); gap: 6px; min-height: 0; }
.biji-hand-group .cards { --card-w: clamp(60px,6.8vw,94px); }
.arrange-actions .fold-button { min-width: 76px; border-color: #d68a70; color: #ffdbc9; background: #6c3d30; }
.folded-lane { display: grid; place-items: center; width: 100%; min-height: calc(var(--review-card-w,50px)*1.452); border: 1px dashed #b5ab83; border-radius: 6px; color: #7b7763; font-size: 14px; }
@supports (width: 1cqw) {
  .hand-tray > .cards { --card-w: min(110px,calc((100cqw - 48px)/9)); }
}
@media (orientation: landscape) and (max-height: 600px) {
  .arrange-scene:not(.is-fully-placed) .hand-tray { min-height: 0; padding: 18px 8px 5px; }
  .hand-tray > .cards { --card-w: min(72px,calc((100vw - 110px)/9),16.5dvh); gap: 4px; min-height: 0; }
  .biji-hand-group .cards { --card-w: min(78px,calc((100vw - 154px)/9),19dvh); gap: 4px; }
  .biji-hand-groups { gap: 12px; }
  .arrange-board .lane { min-height: 0; }
  .arrange-board .lane .cards { min-height: 0; height: auto; width: 100%; align-self: stretch; justify-content: center; }
  .arrange-actions .btn { min-width: 96px; }
  .arrange-actions .fold-button { min-width: 62px; }
  @supports (height: 1cqh) {
    .arrange-board .lane .cards { container-type: size; }
    .arrange-scene .arrange-board .card,.arrange-scene .arrange-board .card-slot { --card-w: min(86px,calc((100cqw - 6px)/3),calc((100cqh - 2px)/1.452)); }
  }
}
@media (orientation: landscape) and (max-height: 350px) {
  .arrange-scene .opponent-strip { display: none; }
  .arrange-scene { gap: 4px; }
  .arrange-scene .arrange-status { min-height: 14px; font-size: 9px; line-height: 1.2; }
  .lane:has(.card-slot) .lane-type { display: none; }
  .hand-tray > .cards { --card-w: min(58px,calc((100vw - 110px)/9),15.8dvh); }
}