/**

 * 顶栏截至定稿：icon_player 在第 3 列上；倒计时同列正下方；文案占 1–2 列右对齐，右缘贴倒计时左缘

 */



.ref-game.ref-skin .ref-brand-lower,

.ref-game[data-kind] .ref-brand-lower {

  display: grid;

  grid-template-columns: var(--h5-ref-player-col-lead, 52px) minmax(0, 1fr) var(--h5-img-player-w);

  grid-template-rows: var(--h5-img-player-h) minmax(

    max(var(--h5-ref-cut-row-min-h, 52px), calc(var(--h5-ref-cut-clock-font, 38px) * 1.35)),

    auto

  );

  column-gap: 0;

  row-gap: 2px;

  width: 100%;

  align-items: end;

  justify-items: stretch;

  box-sizing: border-box;

  flex-shrink: 0;

}



.ref-game.ref-skin .ref-head-brand .crowd-dock.ref-player-dock,

.ref-game[data-kind] .ref-head-brand .crowd-dock.ref-player-dock {

  grid-column: 3;

  grid-row: 1;

  margin: 0 !important;

  align-self: end;

  justify-self: stretch;

  width: auto;

  max-width: none;

}



.ref-game.ref-skin .ref-head-brand .ref-cut,

.ref-game[data-kind] .ref-head-brand .ref-cut {

  display: contents !important;

}



.ref-game.ref-skin .ref-cut-lab,

.ref-game[data-kind] .ref-cut-lab {

  grid-column: 1 / 3;

  grid-row: 2;

  align-self: center;

  justify-self: stretch;

  box-sizing: border-box;

  font-size: var(--h5-ref-cut-font) !important;

  font-weight: 800;

  color: #f2f2f4;

  text-align: right !important;

  white-space: nowrap;

  min-width: 0;

  width: auto;

  max-width: none;

  margin: 0 !important;

  padding: 0 !important;

  line-height: 1.35 !important;

  letter-spacing: 0.05em;

  overflow: visible !important;

}



.ref-game.ref-skin .ref-cut-gap,

.ref-game[data-kind] .ref-cut-gap {

  display: none !important;

  width: 0 !important;

  min-width: 0 !important;

  max-width: 0 !important;

  margin: 0 !important;

  padding: 0 !important;

  overflow: hidden !important;

}



.ref-game.ref-skin .ref-cut-clock,

.ref-game[data-kind] .ref-cut-clock {

  grid-column: 3;

  grid-row: 2;

  align-self: center;

  justify-self: stretch;

  box-sizing: border-box;

  width: auto;

  min-width: 0;

  max-width: none;

  margin: 0 !important;

  padding: 0 !important;

  font-size: var(--h5-ref-cut-clock-font) !important;

  font-weight: 800;

  color: #7dff6b;

  text-align: center !important;

  white-space: nowrap;

  line-height: 1.35 !important;

  overflow: visible !important;

  font-variant-numeric: tabular-nums;

  font-feature-settings: "tnum";

  letter-spacing: 0.06em;

}



.ref-game.ref-skin .ref-head-row .ref-last,

.ref-game[data-kind] .ref-head-row .ref-last {

  display: flex !important;

  flex-flow: row nowrap !important;

  align-items: center !important;

  justify-content: flex-end !important;

  gap: var(--h5-ref-last-tag-gap, 10px) !important;

  overflow: visible !important;

}



.ref-game.ref-skin .ref-head-row .ref-last > .tag.tag-img + .tag.tag-img,

.ref-game.ref-skin .ref-head-row .ref-last > .tag.tag-img + .ball.ball-img,

.ref-game.ref-skin .ref-head-row .ref-last > .ball.ball-img + .tag.tag-img,

.ref-game[data-kind] .ref-head-row .ref-last > .tag.tag-img + .tag.tag-img,

.ref-game[data-kind] .ref-head-row .ref-last > .tag.tag-img + .ball.ball-img,

.ref-game[data-kind] .ref-head-row .ref-last > .ball.ball-img + .tag.tag-img {

  margin-left: var(--h5-ref-last-tag-gap, 10px) !important;

}