/* DURAK Premium: Ace center alignment and readable attack/defence cards.
   Scope all corrections to premium face / premium game, preserving Classic. */
.c.face-premium .m > .premium-single {
  display:grid;
  width:100%;
  height:100%;
  place-items:center;
  align-content:center;
  justify-content:center;
  line-height:1;
  font-size:inherit;
}
.c.face-premium .m > .premium-single > i {
  display:block;
  position:relative;
  font:normal 600 calc(var(--cw)*.54)/1 Georgia,serif;
  transform:none;
  margin:0;
}
#app.premium-game .tbl .pair > .c:not(:first-child) {
  /* Premium .c sets position:relative with ID specificity and used to
     defeat the classic attack/defence stacking rule. Restore stacking. */
  position:absolute;
  left:16px;
  top:12px;
  transform:rotate(7deg);
  z-index:2;
}
#app.premium-game .tbl .pair > .c:first-child {
  position:relative;
  z-index:1;
}
/* If a narrow screen cannot hold every pair, allow vertical access
   instead of clipping the last cards inside the invisible overflow. */
#app.premium-game .mid .tbl {
  min-width:0;
  max-height:100%;
  overflow-y:auto;
  overflow-x:hidden;
  overscroll-behavior:contain;
  scrollbar-width:thin;
  scrollbar-color:#c7ad7b66 transparent;
  padding:5px 4px 9px;
  align-content:safe center;
}
#app.premium-game .mid .tbl:focus-visible{
  outline:2px solid #e1c18d;
  outline-offset:-3px;
}
/* Compact cards for 5–6 simultaneous attacks, without changing hand cards. */
#app.premium-game .mid .tbl:is([data-pair-count="5"],[data-pair-count="6"]){
 --cw:clamp(40px,13vw,50px);
}
#app.premium-game .mid .tbl {touch-action:pan-y;-webkit-overflow-scrolling:touch}