/*
 * street2-mobile: HUD de celular em pé com altura sobrando (classe .street-tall, posta por HudView.position).
 * Posições tiradas do mockup 2 (853x1844): adversário debruçado no topo da mesa com placa e contador à direita,
 * logo no canto superior direito, você embaixo com a faixa de turno por cima da placa.
 * Em tela baixa o placar compacto antigo continua valendo (o tabuleiro tem prioridade).
 */
html.painted .street-tall > .street-player {
  position: absolute;
  display: block;
  padding: 0;
  border: 0;
  border-radius: 0;
  outline: 0;
  background: none;
  box-shadow: none;
  overflow: visible;
  pointer-events: none;
}
html.painted .street-tall > .street-player .portrait,
html.painted .street-tall > .street-player .street-pose {
  position: absolute;
  left: 1%;
  bottom: -22px;
  max-height: none;
  max-width: none;
  width: var(--portrait) !important;
  height: var(--portrait) !important;
  object-fit: contain;
  object-position: left bottom;
  filter: drop-shadow(0 4px 0 #07142c66);
}
html.painted .street-tall > .street-self .portrait,
html.painted .street-tall > .street-self .street-pose {
  left: -2%;
  bottom: -4px;
}
html.painted .street-tall > .street-player .street-pose {
  width: var(--pose) !important;
  height: auto !important;
  max-height: 26vh;
  left: 7%;
  bottom: -16px;
}
html.painted .street-tall > .street-self .street-pose {
  left: -1%;
  bottom: -2px;
  max-height: 25vh;
}
html.painted .street-tall > .street-player .street-pose ~ .portrait {
  display: none;
}
html.painted .street-tall > .street-player:not(.is-active) .portrait,
html.painted .street-tall > .street-player:not(.is-active) .street-pose {
  filter: drop-shadow(0 4px 0 #07142c66) saturate(0.88) brightness(0.95);
}

html.painted .street-tall > .street-player .street-team,
html.painted .street-tall > .street-player .count-row .king-ico,
html.painted .street-tall > .street-player .count-row .num.kings,
html.painted .street-tall > .street-player .count-row::before {
  display: none;
}
html.painted .street-tall > .street-player .street-player-info {
  position: absolute;
  padding: 0;
  border: 0;
  text-align: center;
  gap: 0;
}
html.painted .street-tall > .street-player .name {
  display: grid;
  place-items: center;
  overflow: visible;
  transform: rotate(-4deg);
  background: var(--art-street-hud-tag) center/100% 100% no-repeat;
  font-family: var(--font-street);
  font-style: italic;
  font-weight: 400;
  line-height: 1;
  color: #fff;
  text-transform: uppercase;
  white-space: nowrap;
  -webkit-text-stroke: 0.2em var(--street-ink);
  paint-order: stroke fill;
}
html.painted .street-tall > .street-player .count-row {
  display: flex;
  align-items: center;
  justify-content: center;
  transform: rotate(-2deg);
  background: var(--art-street-hud-counter) center/100% 100% no-repeat;
  color: #fff;
}
html.painted .street-tall > .street-player .count-row .pile img {
  object-fit: contain;
}
html.painted .street-tall > .street-player .count-row .pile img:not(:last-child) {
  display: none;
}
html.painted .street-tall > .street-player .count-row .num {
  font-family: var(--font-street);
  font-style: italic;
  font-weight: 400;
  line-height: 1;
  color: #fff;
  -webkit-text-stroke: 0.18em var(--street-ink);
  paint-order: stroke fill;
}
html.painted .street-tall > .street-player.is-active .name {
  filter: drop-shadow(0 0 10px #ffd83acc);
}

/* Adversário: placa em x56,9% y15,2% (38,6% x 8%) e contador em x66,2% y20,3% (29,4% x 6,2%). */
html.painted .street-tall > .street-opponent .street-player-info {
  right: -1%;
  bottom: -46px;
  width: 43%;
  display: grid;
  justify-items: end;
}
html.painted .street-tall > .street-opponent .name {
  width: 100%;
  height: calc(8vh - 2px);
  padding: 0 10px 4px;
  font-size: clamp(26px, 9.6vw, 40px);
}
html.painted .street-tall > .street-opponent .count-row {
  width: 76%;
  height: 6.2vh;
  gap: 8px;
  padding: 0 14px 2px 10px;
  margin-top: -6px;
}
html.painted .street-tall > .street-opponent .count-row .pile img {
  width: 9.4vw;
  height: 4.4vh;
  transform: scale(1.55);
}
html.painted .street-tall > .street-opponent .count-row .num {
  font-size: clamp(22px, 7.6vw, 34px);
  min-width: 1.3em;
}

/* Você: placa em x37,5% y80,8% (28,1% x 8,7%) e contador em x61,5% (35,8% x 9,2%), lado a lado. */
html.painted .street-tall > .street-self .street-player-info {
  right: -1%;
  bottom: 2px;
  width: 64%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
html.painted .street-tall > .street-self .name {
  width: 46%;
  height: 8.6vh;
  padding: 0 4px 4px;
  font-size: clamp(26px, 9vw, 38px);
}
html.painted .street-tall > .street-self .count-row {
  width: 54%;
  height: 8.8vh;
  gap: 8px;
  padding: 0 14px 2px 8px;
}
html.painted .street-tall > .street-self .count-row .pile img {
  width: 10.5vw;
  height: 4.9vh;
  transform: scale(1.55);
}
html.painted .street-tall > .street-self .count-row .num {
  font-size: clamp(26px, 9vw, 40px);
  min-width: 1.3em;
}

/* Faixa de turno: x50,4% y74,3% (45,1% x 5,8%), letra escura sobre o amarelo. */
html.painted .street-tall .hud-top.street-scoreboard {
  display: block !important;
  padding: 0;
  border: 0 !important;
  background: none !important;
  box-shadow: none !important;
  overflow: visible;
}
html.painted .street-tall .hud-top .street-match-status {
  width: 100%;
  height: 100%;
  padding: 4px 20px 0;
  background-size: 100% 100%;
}
html.painted .street-tall .hud-top .street-match-status .status {
  font-size: clamp(22px, 7.4vw, 32px);
  color: var(--street-ink);
  -webkit-text-stroke: 0;
  text-shadow: none;
}

/* Logo no canto superior direito: x64,5% y0,8% (32% de largura). */
html.painted .street-tall .street-brand {
  display: block !important;
  position: absolute;
  left: auto;
  right: 3.5%;
  top: max(0.8vh, env(safe-area-inset-top));
  width: 32%;
  height: auto;
  max-height: 10vh;
  object-fit: contain;
}

/* Botões: três de 30,5% x 7,6% a partir de y91,6%. */
html.painted .street-tall .hud-bottom.street-controls {
  gap: 0;
  padding: 0;
}
html.painted .street-tall .hud-bottom .btn {
  height: min(8.8vh, 76px);
  max-width: none;
  border-width: 0 24px;
  border-image-width: 0 24px;
  gap: 3px;
  margin: 0 -1%;
}
html.painted .street-tall .hud-bottom .btn > span {
  font-size: clamp(14px, 4.4vw, 19px);
  letter-spacing: 0;
}
html.painted .street-tall .hud-bottom .btn svg {
  width: 30px;
  height: 30px;
  flex-basis: 30px;
}
html.painted .street-tall .hud-bottom .btn.hint svg {
  color: #fff3a6;
}

/* End of src/street2-mobile.css */

/* End of assets/street2-mobile-BTOI0x-t.css */