/* DURAK Premium Excellence 5.3 — larger Black action keys.
   Scoped to Black game UI; Classic and all rules remain untouched. */
:root[data-ui-theme="highend"] #app.premium-game .bar {
  gap: clamp(7px, 1.8vw, 12px);
  padding: 9px clamp(9px, 3.2vw, 16px);
}
:root[data-ui-theme="highend"] #app.premium-game .bar>.premium-bito-action {
  box-sizing: border-box;
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  min-width: 122px;
  width: clamp(122px, 35vw, 166px);
  min-height: 60px;
  padding: 10px 16px;
  border-radius: 13px;
  border: 1px solid #f1d7a1;
  background: linear-gradient(165deg,#f6e5bb 0%,#dfc08a 48%,#b99253 100%);
  color: #241a0c;
  font: 800 16px/1.2 system-ui, sans-serif;
  letter-spacing: .025em;
  white-space: nowrap;
  box-shadow: inset 0 1px 0 #fff8, inset 0 -2px 0 #92724566,
    0 3px 0 #584126, 0 7px 16px #0008;
  touch-action: manipulation;
}
:root[data-ui-theme="highend"] #app.premium-game .bar>.premium-bito-action:active {
  transform: translateY(2px);
  box-shadow: inset 0 1px 0 #fff5, 0 1px 0 #584126, 0 3px 9px #0006;
}
:root[data-ui-theme="highend"] #app.premium-game .bar>.premium-bito-action:focus-visible {
  outline: 3px solid #fff0c7;
  outline-offset: 3px;
}
/* The player name is allowed to yield space to the larger action. */
:root[data-ui-theme="highend"] #app.premium-game .premium-player {
  flex: 1 1 0;
  min-width: 0;
}
:root[data-ui-theme="highend"] #app.premium-game .premium-player .premium-me-label {
  flex: 1 1 auto;
  max-width: none;
  overflow: hidden;
}
:root[data-ui-theme="highend"] #app.premium-game .premium-player .premium-me-label b {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
@media(max-width:390px) {
  :root[data-ui-theme="highend"] #app.premium-game .bar>.premium-bito-action {
    min-width: 112px;
    width: clamp(112px, 34vw, 130px);
    padding-inline: 10px;
    font-size: 15px;
  }
  :root[data-ui-theme="highend"] #app.premium-game .premium-player {
    gap: 7px;
  }
  :root[data-ui-theme="highend"] #app.premium-game .premium-player .premium-portrait {
    width: 40px;
    height: 40px;
  }
}
/* If Quick Move and Bito appear together in a state transition, keep both
   buttons visible rather than allowing either to run off the right edge. */
@media(max-width:390px) {
  :root[data-ui-theme="highend"] #app.premium-game .bar.premium-multi-actions .premium-me-label {
    display:none;
  }
  :root[data-ui-theme="highend"] #app.premium-game .bar.premium-multi-actions .premium-player {
    flex: 0 0 auto;
  }
}
@media(orientation:landscape) and (max-height:520px) {
  :root[data-ui-theme="highend"] #app.premium-game .bar>.premium-bito-action {
    min-height: 46px;
    min-width: 105px;
    width: 120px;
    font-size: 14px;
  }
}
@media(prefers-reduced-motion:reduce) {
  :root[data-ui-theme="highend"] #app.premium-game .bar>.premium-bito-action {
    transition:none;
  }
}