:root {
  --color-gold-primary: #cf9518;
  --color-gold-primary-rgb: 207, 149, 24;
  color-scheme: dark;
  font-family: Arial, Helvetica, sans-serif;
  background: #0d1321;
  color: #eef3ff;
}

@font-face {
  font-family: "Coolvetica";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Coolvetica Regular"), local("CoolveticaRg-Regular"), local("Coolvetica");
}

* { box-sizing: border-box; }

body { margin: 0; }
body.placar-overlay-aberto { overflow: hidden; }
.visualmente-oculto { height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; clip: rect(0 0 0 0); white-space: nowrap; }
.tela-inicial {
  --fonte-destaque-inicio: "Coolvetica", "Arial Narrow", "Helvetica Neue", Arial, sans-serif;
  background:
    radial-gradient(ellipse at 50% -12%, rgba(20, 126, 184, 0.2), transparent 38%),
    radial-gradient(circle at 12% 45%, rgba(0, 130, 190, 0.2), transparent 28%),
    radial-gradient(circle at 88% 40%, rgba(0, 92, 170, 0.18), transparent 30%),
    linear-gradient(72deg, transparent 20%, rgba(18, 97, 148, 0.08) 20.3%, transparent 20.8% 78%, rgba(193, 139, 35, 0.08) 78.3%, transparent 78.8%),
    linear-gradient(115deg, #020914 0%, #061526 28%, #030b17 50%, #061628 72%, #020812 100%);
  color: #eef5ff;
  display: grid;
  isolation: isolate;
  margin-bottom: -1.5rem;
  margin-left: calc(50% - 50vw);
  margin-top: -1.5rem;
  min-height: 100vh;
  overflow: hidden;
  position: relative;
  width: 100vw;
}
.tela-inicial::before,
.tela-inicial::after {
  border: 2px solid rgba(220, 166, 58, 0.55);
  box-shadow: 0 0 12px rgba(221, 164, 50, 0.12), inset 0 0 16px rgba(221, 164, 50, 0.06);
  content: "";
  pointer-events: none;
  position: absolute;
  z-index: -1;
}
.tela-inicial::before { border-bottom: 0; border-radius: 28px 28px 0 0; inset: 20px 24px auto; height: 56%; clip-path: polygon(0 0, 32% 0, 36% 3%, 41% 3%, 44% 0, 56% 0, 59% 3%, 64% 3%, 68% 0, 100% 0, 100% 100%, 96% 94%, 96% 15%, 92% 9%, 86% 9%, 82% 4%, 18% 4%, 14% 9%, 8% 9%, 4% 15%, 4% 94%, 0 100%); }
.tela-inicial::after { border-left: 0; border-right: 0; bottom: 92px; height: 3px; left: 0; right: 0; }
.tela-inicial__ornamento {
  background-image:
    radial-gradient(circle, rgba(105, 214, 255, 0.38) 0 1px, transparent 1.7px),
    radial-gradient(circle, rgba(219, 165, 57, 0.26) 0 1px, transparent 1.6px);
  background-position: 0 0, 21px 17px;
  background-size: 52px 52px, 79px 79px;
  inset: 0;
  opacity: 0.22;
  pointer-events: none;
  position: absolute;
  z-index: -2;
}
.tela-inicial__ornamento::before {
  background:
    radial-gradient(circle at 14% 47%, transparent 0 21.7%, rgba(23, 166, 224, 0.48) 22% 22.75%, transparent 23% 28.7%, rgba(218, 162, 50, 0.42) 29% 29.65%, transparent 29.9%),
    radial-gradient(circle at 88% 43%, transparent 0 24.7%, rgba(18, 132, 201, 0.48) 25% 25.85%, transparent 26.1% 32.7%, rgba(218, 162, 50, 0.4) 33% 33.65%, transparent 33.9%),
    conic-gradient(from 42deg at 8% 12%, transparent 0 8%, rgba(219, 163, 51, 0.4) 8.4% 9.2%, transparent 9.6% 14%, rgba(31, 161, 216, 0.25) 14.4% 15.1%, transparent 15.5% 100%),
    conic-gradient(from 222deg at 92% 12%, transparent 0 8%, rgba(219, 163, 51, 0.4) 8.4% 9.2%, transparent 9.6% 14%, rgba(31, 161, 216, 0.25) 14.4% 15.1%, transparent 15.5% 100%);
  content: "";
  inset: 0;
  position: absolute;
}
.tela-inicial__ornamento::after {
  background:
    linear-gradient(35deg, transparent 46.8%, rgba(25, 145, 203, 0.2) 47.1% 48%, transparent 48.3%),
    linear-gradient(145deg, transparent 46.8%, rgba(220, 164, 51, 0.18) 47.1% 47.9%, transparent 48.2%),
    radial-gradient(ellipse at 10% 24%, transparent 0 44%, rgba(225, 170, 60, 0.28) 44.5% 45.5%, transparent 46%),
    radial-gradient(ellipse at 90% 24%, transparent 0 44%, rgba(225, 170, 60, 0.28) 44.5% 45.5%, transparent 46%);
  background-size: 230px 230px, 310px 310px, 280px 190px, 280px 190px;
  background-position: 0 0, 18px 12px, left 24px top 54px, right 24px top 54px;
  background-repeat: repeat, repeat, no-repeat, no-repeat;
  content: "";
  inset: 0;
  mask-image: linear-gradient(90deg, #000, transparent 38%, transparent 62%, #000);
  position: absolute;
}
.tela-inicial__conteudo {
  display: grid;
  grid-template-areas: "formacao centro explicacao";
  grid-template-columns: minmax(260px, 1fr) minmax(380px, 1.8fr) minmax(260px, 1fr);
  margin: 0 auto;
  min-height: calc(100vh - 104px);
  position: relative;
  width: min(1500px, 100%);
}
.tela-inicial__conteudo::before,
.tela-inicial__conteudo::after {
  background:
    linear-gradient(135deg, rgba(229, 177, 68, 0.75) 0 2px, transparent 2px) 0 0 / 48px 48px no-repeat,
    radial-gradient(circle at 0 0, transparent 0 28px, rgba(31, 164, 219, 0.38) 29px 31px, transparent 32px 46px, rgba(221, 165, 53, 0.45) 47px 49px, transparent 50px) 0 0 / 110px 110px no-repeat;
  border-left: 3px double rgba(222, 166, 55, 0.64);
  border-radius: 28px 0 0;
  border-top: 3px double rgba(222, 166, 55, 0.64);
  content: "";
  filter: drop-shadow(0 0 7px rgba(226, 170, 57, 0.18));
  height: 118px;
  left: 34px;
  pointer-events: none;
  position: absolute;
  top: 34px;
  width: 156px;
  z-index: -1;
}
.tela-inicial__conteudo::after { left: auto; right: 34px; transform: scaleX(-1); }
.tela-inicial__formacao,
.tela-inicial__centro,
.tela-inicial__explicacao { align-items: center; display: flex; justify-content: center; min-width: 0; padding: clamp(1.5rem, 3vw, 3.25rem); }
.tela-inicial__formacao { grid-area: formacao; padding-left: 1.5rem; padding-right: 1.5rem; }
.tela-inicial__centro {
  border-left: 1px solid rgba(205, 151, 48, 0.42);
  border-right: 1px solid rgba(205, 151, 48, 0.42);
  flex-direction: column;
  grid-area: centro;
  position: relative;
}
.tela-inicial__centro::before { background: radial-gradient(circle, rgba(33, 160, 221, 0.2), transparent 68%); content: ""; height: 430px; pointer-events: none; position: absolute; top: 2%; width: 430px; z-index: -1; }
.tela-inicial__explicacao { align-items: stretch; flex-direction: column; grid-area: explicacao; }
.tela-inicial__explicacao::before { background: radial-gradient(ellipse, rgba(11, 121, 185, 0.15), transparent 68%); content: ""; inset: 12% 2%; pointer-events: none; position: absolute; z-index: -1; }
.tela-inicial__explicacao { position: relative; }
.tela-inicial__logo { display: block; height: auto; margin: 0 auto clamp(1.25rem, 3vh, 2.5rem); max-height: 220px; object-fit: contain; width: min(330px, 82%); filter: drop-shadow(0 0 22px rgba(24, 161, 219, 0.2)); }

.form-nome-time--inicio { gap: 0.75rem; margin: 0 auto; max-width: 480px; text-align: center; }
.form-nome-time--inicio > label,
.selecao-modo--inicio legend { color: #e6bd5d; font-family: var(--fonte-destaque-inicio); font-size: 0.9rem; font-weight: 800; letter-spacing: 0.12em; text-align: center; }
.form-nome-time--inicio input { background: rgba(2, 10, 20, 0.88); border: 1px solid #8e6824; border-radius: 4px; box-shadow: inset 0 0 18px rgba(0, 0, 0, 0.45); color: #f5f8ff; padding: 0.9rem 1rem; text-align: center; }
.form-nome-time--inicio input::placeholder { color: #77859b; }
.form-nome-time--inicio input:focus { border-color: #e2ad3d; box-shadow: 0 0 0 2px rgba(30, 165, 221, 0.28), 0 0 22px rgba(217, 160, 45, 0.16); outline: none; }
.form-nome-time--inicio .apoio-campo { min-height: 1.15rem; text-align: left; }
.selecao-modo--inicio { margin-top: 0.35rem; }
.selecao-modo--inicio legend { margin-bottom: 0.85rem; width: 100%; }
.opcoes-modo--inicio { gap: 0.9rem; }
.opcoes-dificuldade {
  display: grid;
  gap: 0.9rem;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  width: 100%;
}
.opcao-dificuldade {
  background: linear-gradient(145deg, rgba(10, 27, 46, 0.94), rgba(3, 12, 24, 0.98));
  border: 1px solid #42546b;
  border-radius: 3px;
  color: #aebdce;
  font-family: var(--fonte-destaque-inicio);
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  min-height: 29px;
  padding: 0.25rem 0.5rem;
  transition: transform 180ms ease, border-color 180ms ease, background-color 180ms ease, color 180ms ease;
}
.opcao-dificuldade:hover { border-color: rgba(var(--color-gold-primary-rgb), 0.7); color: #eef5ff; transform: scale(1.02); }
.opcao-dificuldade--selecionada {
  background: linear-gradient(145deg, rgba(var(--color-gold-primary-rgb), 0.24), rgba(7, 29, 48, 0.98));
  border-color: var(--color-gold-primary);
  color: #fff1c4;
}
.opcao-dificuldade:focus-visible { outline: 2px solid #eef5ff; outline-offset: 2px; }
.tela-inicial .opcao-modo {
  align-items: center;
  background: linear-gradient(145deg, rgba(12, 31, 52, 0.96), rgba(3, 12, 24, 0.98));
  border: 1px solid #42546b;
  border-radius: 3px;
  color: #e9f3ff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 126px;
  padding: 1rem 0.7rem;
  position: relative;
  text-transform: uppercase;
}
.tela-inicial .opcao-modo strong { font-family: var(--fonte-destaque-inicio); font-size: 1rem; letter-spacing: 0.07em; }
.tela-inicial .opcao-modo small { color: #5ed8ff; font-size: 0.68rem; font-weight: 700; letter-spacing: 0.04em; margin-top: 0.45rem; text-transform: none; }
.tela-inicial .opcao-modo__logo { display: block; height: 96px; margin: -0.25rem auto 0.2rem; max-width: calc(100% - 0.5rem); object-fit: contain; object-position: center; width: 174px; filter: drop-shadow(0 4px 8px rgba(0, 0, 0, 0.5)) drop-shadow(0 0 11px rgba(235, 180, 64, 0.26)); }
.tela-inicial .opcao-modo--selecionada { border-color: #d7a034; box-shadow: inset 0 0 0 1px rgba(44, 199, 255, 0.45), 0 0 22px rgba(24, 157, 211, 0.2); color: #fff3d0; }
.tela-inicial .opcao-modo--selecionada::after { align-items: center; background: #08233a; border: 1px solid #d7a034; border-radius: 50%; color: #ffd66f; content: "✓"; display: flex; height: 1.65rem; justify-content: center; position: absolute; right: -0.45rem; top: -0.45rem; width: 1.65rem; }
.tela-inicial .opcao-modo--bloqueada:disabled { background: linear-gradient(145deg, rgba(12, 19, 29, 0.86), rgba(3, 8, 14, 0.96)); border-color: #303947; color: #616a78; cursor: not-allowed; opacity: 0.68; }
.tela-inicial .opcao-modo--bloqueada small { color: #69727f; }
.opcao-modo__cadeado { font-size: 1.35rem; margin-bottom: 0.5rem; filter: grayscale(1); }
.erro-inicio { display: block; min-height: 1.2rem; text-align: center; }
.tela-inicial .botao-comecar-draft {
  background: linear-gradient(#f7d276, #d89b27 48%, #b87512);
  border: 1px solid #ffdc7b;
  border-radius: 3px;
  box-shadow: inset 0 0 0 3px #8f5b12, inset 0 0 0 4px #f4c85a, 0 8px 24px rgba(0, 0, 0, 0.38);
  color: #171007;
  font-family: var(--fonte-destaque-inicio);
  font-size: 1.05rem;
  letter-spacing: 0.08em;
  margin-top: 0.2rem;
  min-height: 58px;
  text-shadow: 0 1px rgba(255, 240, 184, 0.65);
  width: 100%;
}
.tela-inicial .botao-comecar-draft:hover:not(:disabled) { background: linear-gradient(#ffe295, #edb642 48%, #c98418); }
.tela-inicial .botao-comecar-draft:disabled { background: linear-gradient(#665a45, #443824); border-color: #75613a; box-shadow: inset 0 0 0 3px #312719; color: #aaa18f; }

.formacao-demo { display: grid; gap: clamp(0.3rem, 0.75vw, 0.65rem); grid-template-columns: repeat(6, minmax(0, 1fr)); grid-template-rows: repeat(2, auto); max-width: 350px; position: relative; width: 100%; }
.formacao-demo__arena {
  background:
    radial-gradient(ellipse at center, rgba(18, 160, 221, 0.18), transparent 48%),
    radial-gradient(ellipse at center, transparent 0 42%, rgba(30, 172, 226, 0.42) 42.4% 43%, transparent 43.5% 52%, rgba(222, 166, 55, 0.4) 52.4% 53%, transparent 53.5%),
    linear-gradient(90deg, transparent 48.8%, rgba(29, 155, 209, 0.22) 49.4% 50.6%, transparent 51.2%);
  border-bottom: 2px solid rgba(218, 161, 51, 0.32);
  border-radius: 46% 46% 22% 22%;
  border-top: 2px solid rgba(218, 161, 51, 0.42);
  box-shadow: inset 0 0 46px rgba(12, 112, 171, 0.18), 0 0 32px rgba(19, 145, 205, 0.09);
  inset: -11% -8%;
  overflow: hidden;
  pointer-events: none;
  position: absolute;
  z-index: 0;
}
.formacao-demo__arena::before,
.formacao-demo__arena::after {
  border: 2px solid rgba(33, 176, 229, 0.34);
  border-bottom-color: rgba(223, 167, 56, 0.38);
  border-radius: 50%;
  content: "";
  inset: 7% 3%;
  position: absolute;
  transform: rotate(-7deg);
}
.formacao-demo__arena::after { border-color: rgba(218, 162, 53, 0.28) rgba(24, 155, 211, 0.34); inset: 16% 9%; transform: rotate(8deg); }
.arena-marcador { background: #07253b; border: 2px solid #d5a039; box-shadow: 0 0 0 3px rgba(20, 142, 195, 0.25), 0 0 14px rgba(41, 179, 231, 0.35); height: 13px; left: 50%; position: absolute; transform: translateX(-50%) rotate(45deg); width: 13px; z-index: 1; }
.arena-marcador::after { background: #35bce9; content: ""; inset: 3px; position: absolute; }
.arena-marcador--topo { top: 1.5%; }
.arena-marcador--base { bottom: 1.5%; }
.formacao-demo__sinergia { height: 100%; inset: 0; overflow: visible; pointer-events: none; position: absolute; width: 100%; z-index: 1; }
.formacao-demo__sinergia line { fill: none; stroke-linecap: round; stroke-width: 7; vector-effect: non-scaling-stroke; }
.formacao-demo__sinergia .link--vermelho { color: #dc4b4b; stroke: #dc4b4b; filter: drop-shadow(0 0 5px currentColor); }
.formacao-demo__sinergia .link--amarelo { color: #f4d03f; stroke: #f4d03f; filter: drop-shadow(0 0 5px currentColor); }
.formacao-demo__sinergia .link--verde { color: #27ae60; stroke: #27ae60; filter: drop-shadow(0 0 5px currentColor); }
.formacao-demo__sinergia .link--roxo { color: #a66cff; stroke: #a66cff; filter: drop-shadow(0 0 5px currentColor); }
.inicio-carta {
  align-self: center;
  aspect-ratio: 744 / 1253;
  min-width: 0;
  position: relative;
  width: 100%;
  z-index: 2;
}
.inicio-carta--jungle { grid-column: 2 / span 2; grid-row: 1; }
.inicio-carta--sup { grid-column: 4 / span 2; grid-row: 1; }
.inicio-carta--top { grid-column: 1 / span 2; grid-row: 2; }
.inicio-carta--mid { grid-column: 3 / span 2; grid-row: 2; }
.inicio-carta--adc { grid-column: 5 / span 2; grid-row: 2; }
.inicio-carta img { display: block; height: 100%; max-width: 100%; object-fit: contain; object-position: center; width: 100%; filter: drop-shadow(0 10px 13px rgba(0, 0, 0, 0.55)) drop-shadow(0 0 7px rgba(24, 153, 207, 0.14)); }
.inicio-carta--jungle,
.inicio-carta--sup { transform: translateY(-3px); }
.inicio-carta--top,
.inicio-carta--mid,
.inicio-carta--adc { transform: translateY(3px); }

.tela-inicial__explicacao h2 { color: #e6bd5d; font-family: var(--fonte-destaque-inicio); font-size: 0.9rem; letter-spacing: 0.12em; margin: 0 0 1.25rem; text-align: center; }
.passos-inicio { list-style: none; margin: 0; padding: 0; }
.passos-inicio li { align-items: center; display: grid; gap: 0.9rem; grid-template-columns: 62px minmax(0, 1fr); min-height: 76px; position: relative; }
.passos-inicio li:not(:last-child)::after { background: linear-gradient(90deg, #a97823, transparent); bottom: 0; content: ""; height: 1px; left: 22px; position: absolute; right: 0; }
.passos-inicio__numero { align-items: center; align-self: center; color: #f2c458; display: flex; font-family: var(--fonte-destaque-inicio); font-size: clamp(2.35rem, 4vw, 3.55rem); font-weight: 800; height: 64px; justify-content: center; justify-self: center; line-height: 1; position: relative; text-align: center; text-shadow: 0 0 18px rgba(231, 172, 58, 0.32); width: 56px; }
.passos-inicio__numero::before { border: 1px solid rgba(19, 160, 218, 0.42); border-left-color: rgba(223, 165, 52, 0.72); border-radius: 50%; content: ""; inset: 5px -2px; position: absolute; transform: rotate(-22deg); }
.passos-inicio__numero b { align-items: center; display: flex; font: inherit; height: 100%; justify-content: center; line-height: 0.78; position: relative; transform: translateY(-0.075em); width: 100%; z-index: 1; }
.passos-inicio li:nth-child(3) .passos-inicio__numero b { transform: translate(0.035em, -0.05em); }
.passos-inicio li:nth-child(4) .passos-inicio__numero b { transform: translate(0.025em, -0.04em); }
.passos-inicio li:nth-child(5) .passos-inicio__numero b { transform: translate(0.018em, -0.05em); }
.passos-inicio p { align-items: center; align-self: stretch; color: #e8edf5; display: flex; font-size: clamp(0.76rem, 1vw, 0.9rem); line-height: 1.4; margin: 0; min-height: 64px; }

.tela-inicial__rodape { align-items: stretch; background: rgba(1, 7, 14, 0.78); border-top: 1px solid #9f7020; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); margin-top: auto; min-height: 104px; padding: 1rem max(5vw, calc((100vw - 1050px) / 2)); position: relative; }
.tela-inicial__rodape::before { background: linear-gradient(90deg, transparent, #e0aa3b, transparent); content: ""; height: 1px; left: 12%; position: absolute; right: 12%; top: 5px; }
.tela-inicial__rodape div { align-items: center; display: flex; flex-direction: column; justify-content: center; position: relative; }
.tela-inicial__rodape div + div::before { background: linear-gradient(transparent, #8b641e, transparent); bottom: 12%; content: ""; left: 0; position: absolute; top: 12%; width: 1px; }
.tela-inicial__rodape strong { color: #e7b74e; font-family: var(--fonte-destaque-inicio); font-size: clamp(1.4rem, 2.6vw, 2rem); letter-spacing: 0.08em; }
.tela-inicial__rodape span { color: #c9d2df; font-size: 0.78rem; margin-top: 0.2rem; }
body:has(.tela-inicial:not(.oculto)) .pagina > .mensagem { display: none; }

@media (max-width: 1050px) {
  .tela-inicial__conteudo {
    grid-template-areas:
      "centro centro"
      "formacao explicacao";
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .tela-inicial__centro { border-bottom: 1px solid rgba(205, 151, 48, 0.42); border-left: 0; border-right: 0; min-height: 590px; }
  .tela-inicial__formacao,
  .tela-inicial__explicacao { min-height: 520px; }
  .tela-inicial__formacao { border-right: 1px solid rgba(205, 151, 48, 0.32); }
  .tela-inicial__formacao:empty { border-right: 0; min-height: 0; padding: 0; }
}

@media (max-width: 680px) {
  .tela-inicial { margin-bottom: -1rem; margin-top: -1rem; }
  .tela-inicial::before { inset: 12px 10px auto; }
  .tela-inicial::after { display: none; }
  .tela-inicial__conteudo {
    grid-template-areas:
      "centro"
      "explicacao"
      "formacao";
    grid-template-columns: minmax(0, 1fr);
  }
  .tela-inicial__formacao,
  .tela-inicial__centro,
  .tela-inicial__explicacao { border-left: 0; border-right: 0; min-height: auto; padding: 2.4rem 1.2rem; }
  .tela-inicial__formacao:empty { padding: 0; }
  .tela-inicial__centro { padding-top: 3.25rem; }
  .tela-inicial__logo { margin-bottom: 1.5rem; width: min(270px, 78vw); }
  .opcoes-modo--inicio { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .tela-inicial .opcao-modo { min-height: 112px; padding: 0.75rem 0.4rem; }
  .tela-inicial .opcao-modo strong { font-size: 0.82rem; }
  .tela-inicial__explicacao h2 { margin-bottom: 0.8rem; }
  .passos-inicio li { min-height: 68px; }
  .formacao-demo { max-width: 340px; }
  .tela-inicial .opcao-modo__logo { height: 81px; width: 150px; }
  .passos-inicio li { grid-template-columns: 56px 1fr; }
  .passos-inicio__numero { font-size: 2.45rem; height: 56px; width: 49px; }
  .passos-inicio p { font-size: 0.76rem; min-height: 56px; }
  .tela-inicial__conteudo::before,
  .tela-inicial__conteudo::after { height: 76px; left: 14px; top: 14px; width: 92px; }
  .tela-inicial__conteudo::after { left: auto; right: 14px; }
  .tela-inicial__rodape { min-height: 90px; padding: 0.8rem 0.4rem; }
  .tela-inicial__rodape strong { font-size: 1.1rem; }
  .tela-inicial__rodape span { font-size: 0.64rem; }
}
.form-nome-time { display: grid; gap: 0.5rem; max-width: 420px; width: 100%; }
.form-nome-time label { font-weight: 700; }
.form-nome-time input { background: #111a2c; border: 1px solid #48526a; border-radius: 8px; color: #eef3ff; font: inherit; padding: 0.75rem; width: 100%; }
.form-nome-time input:focus { border-color: #f4b942; outline: 2px solid rgba(244,185,66,.25); }
.selecao-modo { border: 0; margin: 0.35rem 0; padding: 0; }
.selecao-modo legend { font-weight: 700; margin-bottom: 0.5rem; }
.opcoes-modo { display: grid; gap: 0.55rem; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.opcao-modo { background: #18233b; border: 1px solid #48526a; color: #eef3ff; }
.opcao-modo--selecionada { border-color: #f4b942; box-shadow: 0 0 0 1px #f4b942; color: #ffd36d; }
.apoio-campo { color: #bdc8db; display: flex; font-size: 0.75rem; justify-content: space-between; min-height: 1rem; }
.erro-campo { color: #ff9b9b; }
.modo-atual { color: #8ea3c7; font-size: 0.78rem; font-weight: 700; margin: 0.35rem 0 0; }

button {
  border: 0;
  border-radius: 8px;
  background: #f4b942;
  color: #10182b;
  cursor: pointer;
  font: inherit;
  font-weight: 700;
  padding: 0.65rem 0.9rem;
}

button:hover:not(:disabled) { background: #ffd36d; }
button:focus-visible { outline: 3px solid #fff; outline-offset: 2px; }
button:disabled { background: #535c70; color: #c9cfda; cursor: not-allowed; }

.pagina { margin: 0 auto; max-width: 1220px; padding: 1.5rem; }
.cabecalho { margin-bottom: 1.25rem; }
.cabecalho h1, h2 { margin: 0; }
.sobretitulo { color: #f4b942; font-size: 0.8rem; font-weight: 700; letter-spacing: 0.12em; margin: 0 0 0.35rem; text-transform: uppercase; }

.legenda-atributos { color: #bdc8db; font-size: 0.78rem; margin-top: 0.75rem; }
.legenda-atributos summary { color: #f4b942; cursor: pointer; font-weight: 700; }
.legenda-atributos p { margin: 0.45rem 0 0; }
.legenda-atributos strong { color: #f4b942; }

.mensagem { margin: 0.5rem 0; min-height: 1.25rem; }
.mensagem-erro { color: #ff9b9b; }
.mensagem-feedback { color: #8ef0b0; }

.secao-draft, .secao-time { margin-top: 1.75rem; }
.titulo-secao-time { align-items: center; display: flex; flex-wrap: wrap; gap: 0.75rem; justify-content: space-between; }
.oculto { display: none; }
.selecao-estilo { margin-top: 1.25rem; }
.selecao-estilo h3 { margin: 0 0 0.65rem; }
.opcoes-estilo { display: grid; gap: 0.65rem; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.opcao-estilo { background: #18233b; border: 1px solid #48526a; color: #eef3ff; min-height: 94px; text-align: left; }
.opcao-estilo strong, .opcao-estilo span { display: block; }
.opcao-estilo span { color: #bdc8db; font-size: 0.78rem; font-weight: 400; line-height: 1.35; margin-top: 0.35rem; }
.opcao-estilo--selecionada { border-color: #f4b942; box-shadow: 0 0 0 1px #f4b942; }

.cabecalho-time {
  align-items: center;
  background: #18233b;
  border: 1px solid #2b3b5d;
  border-radius: 12px;
  display: flex;
  gap: 0.85rem;
  margin: 0.75rem 0;
  padding: 0.75rem;
}

.cabecalho-time h3, .cabecalho-time p { margin: 0; }
.cabecalho-time p { color: #bdc8db; font-size: 0.9rem; margin-top: 0.2rem; }
.controles-reroll { align-items: center; display: flex; flex-wrap: wrap; gap: 0.65rem; justify-content: space-between; margin: -0.2rem 0 0.9rem; }
.controles-reroll.oculto { display: none; }
.controles-reroll__acoes { display: flex; flex-wrap: wrap; gap: 0.55rem; }
.contador-rerolls { color: #bdc8db; font-size: 0.82rem; font-weight: 700; }
.historico-serie { background: #111a2c; border: 1px solid #2b3b5d; border-radius: 10px; margin-top: 1rem; padding: 0.85rem; }
.historico-serie h3 { margin: 0 0 0.7rem; }
.lista-jogos-serie { display: flex; flex-wrap: wrap; gap: 0.55rem; }
.acoes-encerramento, .campanha-acoes { display: flex; flex-wrap: wrap; gap: 0.65rem; margin-top: 1rem; }
.tela-campanha { padding: 0.5rem 0 2rem; }
.campanha-cabecalho h2 { margin: 0; }
.campanha-resumo-geral { display: grid; gap: 0.65rem; grid-template-columns: repeat(auto-fit, minmax(145px, 1fr)); margin-top: 1rem; }
.campanha-metrica, .campanha-resumo-fase, .campanha-mvp, .campanha-fase { background: #18233b; border: 1px solid #2b3b5d; border-radius: 10px; padding: 0.8rem; }
.campanha-metrica strong, .campanha-metrica span { display: block; }
.campanha-metrica span { color: #bdc8db; font-size: 0.78rem; margin-top: 0.2rem; }
.campanha-mvp { margin-top: 1rem; }
.campanha-mvp h3, .campanha-fase h3 { margin: 0 0 0.7rem; }
.campanha-abas { display: flex; flex-wrap: wrap; gap: 0.55rem; margin: 1rem 0 0.75rem; }
.campanha-aba { background: #18233b; border: 1px solid #48526a; color: #eef3ff; }
.campanha-aba--ativa { border-color: #f4b942; color: #ffd36d; }
.campanha-resumo-fase { color: #bdc8db; line-height: 1.55; margin-bottom: 0.75rem; white-space: pre-line; }
.campanha-lista-partidas { display: grid; gap: 0.55rem; }
.campanha-partida { align-items: center; background: #111a2c; border: 1px solid #2b3b5d; color: #eef3ff; display: flex; gap: 0.65rem; justify-content: space-between; text-align: left; width: 100%; }
.campanha-partida--vitoria { border-left: 4px solid #55d68a; }
.campanha-partida--derrota { border-left: 4px solid #f06c6c; }
.campanha-partida small { color: #bdc8db; }
.tabela-grupo-area, .tabela-grupo-campanha { background: #111a2c; border: 1px solid #2b3b5d; border-radius: 10px; margin-top: 1rem; padding: 0.8rem; }
.tabela-grupo-titulo { align-items: center; display: flex; flex-wrap: wrap; gap: 0.6rem; justify-content: space-between; }
.tabela-grupo-titulo h3 { margin: 0; }
.tabela-grupo-titulo span { color: #bdc8db; font-size: 0.78rem; }
.tabela-grupo-scroll { margin-top: 0.65rem; overflow-x: auto; }
.tabela-grupo { border-collapse: collapse; min-width: 760px; width: 100%; }
.tabela-grupo th, .tabela-grupo td { border-bottom: 1px solid #2b3b5d; padding: 0.5rem 0.55rem; text-align: center; }
.tabela-grupo th:nth-child(2), .tabela-grupo td:nth-child(2) { text-align: left; }
.tabela-grupo th { color: #bdc8db; font-size: 0.72rem; text-transform: uppercase; }
.grupo-linha--jogador { background: rgba(244,185,66,.12); color: #ffd36d; font-weight: 700; }
.grupo-linha--classificada td:first-child { border-left: 3px solid #55d68a; }
.resultados-paralelos { margin-top: 0.8rem; }
.resultados-paralelos h4 { margin: 0 0 0.45rem; }
.resultados-paralelos ul { color: #bdc8db; line-height: 1.55; margin: 0; padding-left: 1.2rem; }
.resumo-classificacao-grupo { color: #bdc8db; font-size: 0.76rem; margin: 0.65rem 0 0; }

.imagem-time, .fallback-imagem-time { height: 56px; width: 56px; }
.imagem-jogador, .fallback-imagem-jogador { height: 78px; width: 78px; }
.imagem-time, .imagem-jogador { border-radius: 8px; }
.imagem-time { object-fit: contain; }
.imagem-jogador { object-fit: cover; }
.fallback-imagem-time, .fallback-imagem-jogador {
  align-items: center;
  background: #344566;
  border-radius: 8px;
  color: #dce6ff;
  display: flex;
  font-size: 0.72rem;
  justify-content: center;
  padding: 0.35rem;
  text-align: center;
}

.grade-cartas, .grade-time { display: grid; gap: 0.8rem; grid-template-columns: repeat(auto-fit, minmax(215px, 1fr)); }

.carta-jogador {
  background: #18233b;
  border: 1px solid #2b3b5d;
  border-radius: 12px;
  display: flex;
  flex-direction: column;
  gap: 0.7rem;
  min-width: 0;
  padding: 0.8rem;
  position: relative;
}

.carta-jogador--compacta { gap: 0.5rem; padding: 0.65rem; }
.cabecalho-carta { align-items: center; display: flex; gap: 0.65rem; min-width: 0; }
.cabecalho-carta h3, .cabecalho-carta p { margin: 0; }
.cabecalho-carta h3 { font-size: 1rem; overflow-wrap: anywhere; }
.metadados { color: #bdc8db; font-size: 0.78rem; line-height: 1.35; }
.ger { color: #f4b942; font-size: 1.15rem; font-weight: 800; }
.atributos { display: grid; font-size: 0.78rem; gap: 0.3rem; grid-template-columns: repeat(2, 1fr); }
.atributos span { background: #243252; border-radius: 5px; padding: 0.3rem 0.4rem; }
.aviso-indisponivel { color: #ffcc80; font-size: 0.8rem; font-weight: 700; margin: 0; }
.slot-vazio { align-items: center; border-color: #48526a; color: #bdc8db; justify-content: center; min-height: 125px; }
.slot-vazio strong { color: #eef3ff; }

body:has(#areaDraft:not(.oculto)) {
  background:
    radial-gradient(circle at 12% 22%, rgba(9, 126, 188, 0.2), transparent 28%),
    radial-gradient(circle at 88% 48%, rgba(19, 86, 156, 0.18), transparent 30%),
    linear-gradient(118deg, #020812, #071829 42%, #030b18 72%, #061525);
  background-attachment: fixed;
}
body:has(#areaDraft:not(.oculto)) .pagina { max-width: 1380px; position: relative; }
body:has(#areaDraft:not(.oculto)) .pagina::before {
  background:
    radial-gradient(circle, rgba(72, 192, 235, 0.22) 0 1px, transparent 1.6px) 0 0 / 58px 58px,
    linear-gradient(135deg, transparent 48.8%, rgba(214, 159, 50, 0.08) 49.2% 50.8%, transparent 51.2%) 0 0 / 190px 190px;
  content: "";
  inset: 0;
  pointer-events: none;
  position: fixed;
  z-index: -1;
}
body:has(#areaDraft:not(.oculto)) #cabecalhoJogo {
  border-bottom: 1px solid rgba(214, 159, 50, 0.48);
  padding: 0.5rem 0 1rem;
  position: relative;
}
body:has(#areaDraft:not(.oculto)) #cabecalhoJogo::after {
  background: linear-gradient(90deg, transparent, rgba(38, 180, 230, 0.65), #d6a33e, rgba(38, 180, 230, 0.65), transparent);
  bottom: -2px;
  content: "";
  height: 2px;
  left: 0;
  position: absolute;
  width: min(560px, 78%);
}
body:has(#areaDraft:not(.oculto)) #cabecalhoJogo h1,
body:has(#areaDraft:not(.oculto)) #areaDraft h2,
body:has(#areaDraft:not(.oculto)) #areaTimeDraft h2,
body:has(#areaDraft:not(.oculto)) #areaTimeDraft h3 { color: #f3d17a; font-family: Georgia, "Times New Roman", serif; letter-spacing: 0.035em; text-shadow: 0 0 18px rgba(225, 172, 63, 0.12); }
#areaDraft,
#areaTimeDraft {
  background: linear-gradient(145deg, rgba(7, 22, 38, 0.9), rgba(2, 10, 20, 0.94));
  border: 1px solid rgba(178, 129, 39, 0.48);
  border-radius: 16px;
  box-shadow: inset 0 0 38px rgba(14, 100, 153, 0.08), 0 18px 46px rgba(0, 0, 0, 0.24);
  overflow: hidden;
  padding: clamp(1rem, 2vw, 1.5rem);
  position: relative;
}
#areaDraft::before,
#areaTimeDraft::before {
  border-left: 2px solid rgba(225, 171, 59, 0.45);
  border-top: 2px solid rgba(225, 171, 59, 0.55);
  content: "";
  height: 46px;
  left: 10px;
  pointer-events: none;
  position: absolute;
  top: 10px;
  width: 70px;
}
#elencoSorteado .cabecalho-time {
  background: linear-gradient(100deg, rgba(10, 35, 57, 0.94), rgba(4, 17, 31, 0.88));
  border-color: rgba(208, 154, 48, 0.5);
  box-shadow: inset 0 0 24px rgba(15, 125, 182, 0.1);
}
#elencoSorteado .cabecalho-time h3 { color: #f2cb6c; font-family: Georgia, "Times New Roman", serif; }
#controlesReroll { border-bottom: 1px solid rgba(182, 134, 44, 0.25); padding-bottom: 0.9rem; }
#areaDraft .botao-secundario,
#areaTimeDraft #iniciarCampeonato {
  background: linear-gradient(#e9bd5c, #bb7c18);
  border: 1px solid #f4d47e;
  border-radius: 4px;
  box-shadow: inset 0 0 0 2px rgba(83, 48, 7, 0.7), 0 5px 14px rgba(0, 0, 0, 0.28);
  color: #160e05;
  font-family: Georgia, "Times New Roman", serif;
  letter-spacing: 0.03em;
}
#areaDraft .botao-secundario:disabled,
#areaTimeDraft #iniciarCampeonato:disabled { background: #303846; border-color: #56606f; box-shadow: none; color: #9da6b4; }
#opcoesJogadores,
#timeSelecionado {
  gap: clamp(0.85rem, 1.5vw, 1.3rem);
  grid-template-columns: repeat(auto-fit, minmax(205px, 1fr));
  justify-items: center;
}
.carta-jogador.player-card--draft-premium {
  aspect-ratio: 2 / 3;
  background: transparent;
  border: 0;
  border-radius: 0;
  clip-path: none;
  display: block;
  filter: drop-shadow(0 14px 18px rgba(0, 0, 0, 0.48));
  isolation: isolate;
  max-width: 235px;
  overflow: visible;
  padding: 0;
  position: relative;
  width: 100%;
}
.player-card--draft-premium::after {
  background: linear-gradient(90deg, transparent, rgba(61, 200, 244, 0.34), transparent);
  bottom: 2.2%;
  content: "";
  height: 1px;
  left: 20%;
  position: absolute;
  right: 20%;
  z-index: 3;
}
.draft-card__fundo {
  background:
    radial-gradient(circle at 50% 25%, rgba(22, 132, 185, 0.22), transparent 45%),
    linear-gradient(165deg, #102b45 0%, #071522 52%, #030a12 100%);
  clip-path: polygon(8% 3%, 92% 3%, 97% 8%, 97% 92%, 91% 98%, 9% 98%, 3% 92%, 3% 8%);
  inset: 2.5% 3%;
  position: absolute;
  z-index: 0;
}
.draft-card__area-foto {
  clip-path: polygon(5% 0, 95% 0, 100% 7%, 100% 100%, 0 100%, 0 7%);
  inset: 5.5% 6.5% auto;
  height: 62%;
  overflow: hidden;
  position: absolute;
  z-index: 1;
}
.player-card--draft-premium .draft-card__foto,
.player-card--draft-premium .draft-card__area-foto .fallback-imagem-jogador {
  border-radius: 0;
  height: 100%;
  inset: 0;
  object-fit: cover;
  object-position: center top;
  padding: 0;
  position: absolute;
  width: 100%;
}
.player-card--draft-premium .draft-card__area-foto .fallback-imagem-jogador {
  background:
    radial-gradient(circle at 50% 35%, rgba(28, 139, 190, 0.24), transparent 28%),
    linear-gradient(160deg, #102b43, #030b13);
  color: #9fb1c6;
}
.draft-card__vinheta {
  background: linear-gradient(180deg, rgba(2, 8, 14, 0.05) 35%, rgba(3, 10, 17, 0.76) 82%, #030a11 100%), linear-gradient(90deg, rgba(2, 8, 14, 0.4), transparent 20% 80%, rgba(2, 8, 14, 0.4));
  inset: 0;
  position: absolute;
}
.draft-card__moldura { height: 100%; inset: 0; object-fit: fill; pointer-events: none; position: absolute; width: 100%; z-index: 4; }
.draft-card__logo-time {
  border-radius: 0;
  filter: drop-shadow(0 2px 3px rgba(0, 0, 0, 0.7));
  height: 9%;
  left: 8.5%;
  object-fit: contain;
  pointer-events: none;
  position: absolute;
  top: 7.4%;
  width: 14%;
  z-index: 6;
}
.player-card__logo-time {
  border-radius: 0;
  height: 24px;
  left: 7px;
  object-fit: contain;
  pointer-events: none;
  position: absolute;
  top: 7px;
  width: 24px;
  z-index: 3;
}
.draft-card__rota {
  color: #f8d877;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(0.64rem, 0.92vw, 0.78rem);
  font-weight: 800;
  left: 50%;
  letter-spacing: 0.1em;
  max-width: 42%;
  overflow: hidden;
  position: absolute;
  text-align: center;
  text-overflow: ellipsis;
  text-shadow: 0 2px 4px #000, 0 0 8px rgba(230, 177, 64, 0.35);
  text-transform: uppercase;
  top: 8.8%;
  transform: translateX(-50%);
  width: 42%;
  white-space: nowrap;
  z-index: 5;
}
.draft-card__time {
  align-items: center;
  color: #d7e2ed;
  display: flex;
  font-size: clamp(0.46rem, 0.62vw, 0.56rem);
  font-weight: 700;
  bottom: 11.5%;
  height: 4%;
  justify-content: center;
  left: 12%;
  line-height: 1.1;
  overflow: hidden;
  padding: 0 0.1rem;
  position: absolute;
  text-align: center;
  text-overflow: ellipsis;
  text-shadow: 0 1px 4px #000;
  top: auto;
  white-space: nowrap;
  width: 76%;
  z-index: 5;
}
.draft-card__ger {
  align-items: center;
  color: #f9d771;
  display: flex;
  flex-direction: column;
  height: 11.8%;
  justify-content: center;
  line-height: 0.94;
  padding: 0.28rem 0.2rem 0.18rem;
  position: absolute;
  right: 9.5%;
  text-shadow: 0 2px 5px #000;
  top: 7.8%;
  width: 18.5%;
  z-index: 5;
}
.draft-card__ger span { font-size: 0.4rem; letter-spacing: 0.06em; line-height: 1; }
.draft-card__ger strong { font-family: Georgia, "Times New Roman", serif; font-size: clamp(1rem, 1.85vw, 1.34rem); line-height: 0.95; }
.draft-card__bandeira {
  align-items: center;
  background: linear-gradient(145deg, rgba(4, 16, 27, 0.92), rgba(12, 39, 58, 0.82));
  border: 1px solid rgba(215, 164, 58, 0.55);
  border-radius: 3px;
  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.42), inset 0 0 7px rgba(34, 166, 218, 0.12);
  display: flex;
  font-family: "Segoe UI Emoji", "Apple Color Emoji", sans-serif;
  font-size: clamp(0.86rem, 1.45vw, 1.05rem);
  height: 5.8%;
  justify-content: center;
  line-height: 1;
  overflow: hidden;
  padding: 0.08rem 0.18rem;
  position: absolute;
  right: 10.4%;
  top: 20.7%;
  width: 13.8%;
  z-index: 5;
}
.draft-card__informacoes {
  align-content: start;
  bottom: 11.5%;
  display: grid;
  gap: 0.22rem;
  left: 9%;
  position: absolute;
  right: 9%;
  top: 56.5%;
  z-index: 3;
}
.draft-card__nome {
  color: #fff0bd;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(0.88rem, 1.25vw, 1.05rem) !important;
  letter-spacing: 0.035em;
  line-height: 1.05;
  margin: 0;
  overflow: hidden;
  text-align: center;
  text-overflow: ellipsis;
  text-shadow: 0 2px 5px #000;
  white-space: nowrap;
}
.draft-card__ano {
  color: #b8c9da;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(0.62rem, 0.85vw, 0.72rem);
  letter-spacing: 0.12em;
  line-height: 1;
  margin: 0.05rem 0 0.08rem;
  text-align: center;
  text-shadow: 0 1px 4px #000;
  transform: translateY(-0.12rem);
}
.player-card--draft-premium .draft-card__atributos {
  display: grid;
  font-size: clamp(0.54rem, 0.75vw, 0.65rem);
  gap: 0.22rem 0.28rem;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin-top: 0.15rem;
}
.player-card--draft-premium .draft-card__atributos span {
  background: linear-gradient(90deg, rgba(10, 35, 53, 0.72), rgba(5, 18, 30, 0.85));
  border: 1px solid rgba(192, 139, 38, 0.28);
  border-radius: 2px;
  color: #f1c96b;
  padding: 0.2rem 0.22rem;
  text-align: center;
}
#opcoesJogadores .player-card--draft-premium > button {
  background: linear-gradient(#f1ca69, #bd7d17);
  border: 1px solid #f8dc8c;
  border-radius: 3px;
  bottom: 3.2%;
  box-shadow: inset 0 0 0 2px rgba(81, 45, 4, 0.75), 0 4px 10px rgba(0, 0, 0, 0.42);
  color: #160e05;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 0.68rem;
  left: 12%;
  letter-spacing: 0.07em;
  min-height: 0;
  padding: 0.34rem 0.45rem;
  position: absolute;
  right: 12%;
  text-transform: uppercase;
  z-index: 6;
}
#opcoesJogadores .player-card--draft-premium > button:hover:not(:disabled) { background: linear-gradient(#ffe69a, #d99b2b); }
#opcoesJogadores .player-card--draft-premium > button:disabled { background: linear-gradient(#48505d, #282f39); border-color: #6b7480; box-shadow: none; color: #aeb4bc; }
#opcoesJogadores .player-card--draft-premium .aviso-indisponivel {
  bottom: 15.8%;
  color: #ffc96a;
  font-size: 0.55rem;
  left: 9%;
  margin: 0;
  position: absolute;
  right: 9%;
  text-align: center;
  text-shadow: 0 1px 3px #000;
  z-index: 6;
}
.player-card--draft-selecionada .draft-card__informacoes { bottom: 5.5%; }
#timeSelecionado .slot-vazio {
  aspect-ratio: 2 / 3;
  background: linear-gradient(160deg, rgba(12, 38, 59, 0.7), rgba(3, 12, 22, 0.9));
  border: 1px solid rgba(193, 140, 40, 0.42);
  border-radius: 8px;
  clip-path: polygon(8% 0, 92% 0, 100% 7%, 100% 93%, 92% 100%, 8% 100%, 0 93%, 0 7%);
  max-width: 235px;
  min-height: 0;
  width: 100%;
}
#timeSelecionado .slot-vazio strong { color: #8ea0b5; font-family: Georgia, "Times New Roman", serif; }
#areaTimeDraft .selecao-estilo {
  background: linear-gradient(120deg, rgba(10, 34, 55, 0.88), rgba(3, 14, 25, 0.9));
  border: 1px solid rgba(188, 136, 40, 0.4);
  border-radius: 10px;
  padding: 1rem;
}
#areaTimeDraft .opcao-estilo {
  background: linear-gradient(145deg, rgba(15, 43, 67, 0.94), rgba(4, 17, 30, 0.96));
  border-color: #405673;
  color: #edf5ff;
}
#areaTimeDraft .opcao-estilo:hover:not(:disabled) { background: linear-gradient(145deg, #153d5d, #071c31); border-color: #d3a03d; }
#areaTimeDraft .opcao-estilo--selecionada { border-color: #e2b451; box-shadow: inset 0 0 0 1px #e2b451, 0 0 18px rgba(40, 170, 220, 0.16); }
#areaTimeDraft .opcao-estilo--selecionada strong { color: #f4d47f; }

@media (max-width: 720px) {
  #areaDraft,
  #areaTimeDraft { border-radius: 10px; padding: 1rem 0.75rem; }
  #opcoesJogadores,
  #timeSelecionado { grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); }
  .player-card--draft-premium,
  #timeSelecionado .slot-vazio { max-width: 220px; }
}

/* Refinamento das cartas premium usado somente na sessao de confronto. */
.player-card--confronto-premium .draft-card__informacoes {
  bottom: auto;
  display: block;
  inset: 0;
  position: absolute;
  z-index: 5;
}
.player-card--confronto-premium .draft-card__rota {
  font-size: 0.68rem;
  left: 50%;
  max-width: 40%;
  top: 8.9%;
  transform: translateX(-50%);
  width: 40%;
}
.player-card--confronto-premium .draft-card__ger {
  height: 10.2%;
  padding: 0.16rem 0.12rem 0.1rem;
  right: 10.7%;
  top: 8.5%;
  width: 16.2%;
}
.player-card--confronto-premium .draft-card__ger span { font-size: 0.32rem; }
.player-card--confronto-premium .draft-card__ger strong { font-size: 1.02rem; }
.player-card--confronto-premium .draft-card__bandeira {
  font-size: 0.82rem;
  height: 4.9%;
  right: 11.3%;
  top: 19.3%;
  width: 12.8%;
}
.player-card--confronto-premium .draft-card__nome {
  font-size: 0.86rem !important;
  left: 9%;
  line-height: 1.05;
  margin: 0;
  position: absolute;
  right: 9%;
  top: 51.2%;
}
.player-card--confronto-premium .draft-card__ano {
  font-size: 0.6rem;
  left: 12%;
  letter-spacing: 0.1em;
  margin: 0;
  position: absolute;
  right: 12%;
  top: 59.2%;
  transform: none;
}
.player-card--confronto-premium .draft-card__atributos {
  bottom: auto;
  font-size: 0.55rem;
  gap: 0.18rem 0.22rem;
  left: 9.5%;
  margin: 0;
  position: absolute;
  right: 9.5%;
  top: 72.2%;
}
.player-card--confronto-premium .draft-card__atributos span { padding: 0.16rem 0.14rem; }
.player-card--confronto-premium .draft-card__time {
  bottom: 8.1%;
  font-size: 0.49rem;
  height: 3.8%;
  left: 11%;
  padding: 0 0.08rem;
  width: 78%;
}
.area-confronto--pre .formacao-time .player-card--confronto-premium,
.area-confronto--pre .formacao-time .player-card--confronto-premium[data-rota="Jungle"],
.area-confronto--pre .formacao-time .player-card--confronto-premium[data-rota="Sup"] { max-width: 182px; }

.area-confronto--partida .painel-time-confronto { padding-inline: 0.7rem; }
.area-confronto--partida .times-confronto { gap: clamp(0.65rem, 1vw, 1rem); }
.area-confronto--partida .formacao-time {
  min-height: 392px;
  padding: 0.45rem 0.1rem 0.7rem;
}
.area-confronto--partida .formacao-time .player-card--confronto-premium,
.area-confronto--partida .formacao-time .player-card--confronto-premium[data-rota="Jungle"],
.area-confronto--partida .formacao-time .player-card--confronto-premium[data-rota="Sup"] {
  max-width: 132px;
  width: 132px;
}
.area-confronto--partida .player-card--confronto-premium .draft-card__rota { font-size: 0.56rem; top: 9%; }
.area-confronto--partida .player-card--confronto-premium .draft-card__ger { height: 10%; right: 10.8%; top: 8.6%; width: 16%; }
.area-confronto--partida .player-card--confronto-premium .draft-card__ger span { font-size: 0.32rem; }
.area-confronto--partida .player-card--confronto-premium .draft-card__ger strong { font-size: 0.94rem; }
.area-confronto--partida .player-card--confronto-premium .draft-card__bandeira { font-size: 0.72rem; top: 19.2%; }
.area-confronto--partida .player-card--confronto-premium .draft-card__nome { font-size: 0.75rem !important; top: 51.4%; }
.area-confronto--partida .player-card--confronto-premium .draft-card__ano { font-size: 0.53rem; top: 59.3%; }
.area-confronto--partida .player-card--confronto-premium .draft-card__atributos { font-size: 0.47rem; gap: 0.14rem 0.16rem; top: 72.2%; }
.area-confronto--partida .player-card--confronto-premium .draft-card__atributos span { padding: 0.12rem 0.1rem; }
.area-confronto--partida .player-card--confronto-premium .draft-card__time { bottom: 8.1%; font-size: 0.43rem; }

@media (max-width: 720px) {
  .area-confronto--partida .formacao-time { min-height: 338px; }
  .area-confronto--partida .formacao-time .player-card--confronto-premium,
  .area-confronto--partida .formacao-time .player-card--confronto-premium[data-rota="Jungle"],
  .area-confronto--partida .formacao-time .player-card--confronto-premium[data-rota="Sup"] {
    max-width: 112px;
    width: 112px;
  }
}

/* Novo arranjo visual compartilhado por todas as cartas premium. */
.draft-card-option {
  align-items: center;
  display: flex;
  flex: 0 0 calc((100% - 4rem) / 5);
  flex-direction: column;
  min-width: 0;
  position: relative;
}

#opcoesJogadores.carrossel-elenco__trilho .draft-card-option > .player-card--draft-premium {
  flex: none;
  max-width: none;
  width: 100%;
}

#opcoesJogadores .draft-card-option > button {
  background: linear-gradient(#f1ca69, #bd7d17);
  border: 1px solid #f8dc8c;
  border-radius: 3px;
  box-shadow: inset 0 0 0 2px rgba(81, 45, 4, 0.75), 0 4px 10px rgba(0, 0, 0, 0.42);
  color: #160e05;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 0.68rem;
  letter-spacing: 0.07em;
  margin: 0.2rem auto 0;
  min-height: 0;
  padding: 0.36rem 0.45rem;
  position: static;
  text-transform: uppercase;
  transform-origin: center;
  width: 76%;
}

#opcoesJogadores .draft-card-option > button:hover:not(:disabled) {
  background: linear-gradient(#ffe69a, #d99b2b);
  transform: scale(1.03);
}

#opcoesJogadores .draft-card-option > button:disabled {
  background: linear-gradient(#48505d, #282f39);
  border-color: #6b7480;
  box-shadow: none;
  color: #aeb4bc;
}

#opcoesJogadores .draft-card-option > .aviso-indisponivel {
  bottom: 2.55rem;
  color: #ffc96a;
  font-size: 0.55rem;
  left: 8%;
  margin: 0;
  pointer-events: none;
  position: absolute;
  right: 8%;
  text-align: center;
  text-shadow: 0 1px 3px #000;
  z-index: 8;
}

body .player-card--draft-premium .draft-card__fundo {
  background:
    radial-gradient(circle at 50% 26%, rgba(36, 156, 203, 0.25), transparent 47%),
    linear-gradient(165deg, #173b58 0%, #0b263d 50%, #061725 100%);
}

body .player-card--draft-premium .draft-card__area-foto {
  height: 54%;
  inset: 9.5% 6.5% auto;
}

body .player-card--draft-premium .draft-card__foto,
body .player-card--draft-premium .draft-card__area-foto .fallback-imagem-jogador {
  object-fit: contain;
  object-position: center bottom;
}

body .player-card--draft-premium .draft-card__logo-time {
  height: 10.5%;
  left: 10.5%;
  top: 12.2%;
  width: 16.5%;
}

body .player-card--draft-premium .draft-card__ano {
  color: var(--color-gold-primary);
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(0.64rem, 0.92vw, 0.78rem);
  font-weight: 800;
  left: 31%;
  letter-spacing: 0.1em;
  line-height: 1;
  margin: 0;
  overflow: hidden;
  position: absolute;
  right: 31%;
  text-align: center;
  text-overflow: ellipsis;
  text-shadow: 0 2px 4px #000, 0 0 8px rgba(230, 177, 64, 0.35);
  top: 9.6%;
  transform: none;
  white-space: nowrap;
  z-index: 5;
}

body .player-card--draft-premium .draft-card__ger {
  height: 12.2%;
  padding: 0.12rem;
  right: 9.3%;
  top: 8.2%;
  width: 19%;
}

body .player-card--draft-premium .draft-card__ger span {
  display: block !important;
  font-size: clamp(0.42rem, 0.56vw, 0.5rem);
  letter-spacing: 0.09em;
  line-height: 1;
  transform: none;
}

body .player-card--draft-premium .draft-card__ger strong {
  font-size: clamp(1.08rem, 1.95vw, 1.42rem);
  line-height: 0.95;
  transform: none;
}

body .player-card--draft-premium .draft-card__bandeira {
  right: 10.4%;
  top: 21%;
}

.draft-card__lane-icon {
  filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.72));
  height: 7.5%;
  object-fit: contain;
  pointer-events: none;
  position: absolute;
  right: 10.7%;
  top: 28.3%;
  width: 13.2%;
  z-index: 5;
}

body .player-card--draft-premium .draft-card__informacoes {
  align-content: start;
  bottom: 12%;
  display: grid;
  gap: 0.42rem;
  left: 9%;
  position: absolute;
  right: 9%;
  top: 60%;
  z-index: 5;
}

body .player-card--draft-premium .draft-card__nome {
  font-size: clamp(0.88rem, 1.25vw, 1.05rem) !important;
  left: auto;
  margin: 0;
  position: static;
  right: auto;
  top: auto;
}

body .player-card--draft-premium .draft-card__atributos {
  bottom: auto;
  left: auto;
  margin: 0;
  position: static;
  right: auto;
  top: auto;
}

body .player-card--draft-premium .draft-card__time {
  bottom: 6.3%;
  height: 4.2%;
  left: 11%;
  width: 78%;
}

@media (max-width: 1100px) {
  #opcoesJogadores.carrossel-elenco__trilho .draft-card-option {
    flex-basis: calc((100% - 2rem) / 3);
  }
}

@media (max-width: 760px) {
  #opcoesJogadores.carrossel-elenco__trilho .draft-card-option {
    flex-basis: calc((100% - 1rem) / 2);
  }
}

@media (max-width: 560px) {
  #opcoesJogadores .carrossel-elenco__pagina .draft-card-option {
    flex: none;
    max-width: 142px;
    min-width: 0;
    width: 100%;
  }

  #opcoesJogadores .draft-card-option > button {
    font-size: 0.6rem;
    padding-block: 0.32rem;
    width: 80%;
  }

  body .player-card--draft-premium .draft-card__ano {
    font-size: 0.56rem;
    top: 9.8%;
  }

  body .player-card--draft-premium .draft-card__ger span {
    font-size: 0.34rem;
  }

  body .player-card--draft-premium .draft-card__ger strong {
    font-size: 0.9rem;
  }

  body .player-card--draft-premium .draft-card__informacoes {
    gap: 0.28rem;
    top: 59.5%;
  }

  body .player-card--draft-premium .draft-card__nome {
    font-size: 0.74rem !important;
  }

  body .player-card--draft-premium .draft-card__time {
    font-size: 0.48rem;
  }

  .draft-card__lane-icon {
    height: 7%;
    top: 28%;
  }
}

.popup-evento-mago {
  align-items: center;
  background: rgba(1, 12, 25, 0.82);
  display: flex;
  inset: 0;
  justify-content: center;
  padding: 1rem;
  position: fixed;
  z-index: 10020;
}

.popup-evento-mago.oculto {
  display: none;
}

.popup-evento-mago__painel {
  background: linear-gradient(145deg, #071d31, #03111f);
  border: 1px solid var(--color-gold-primary);
  border-radius: 14px;
  box-sizing: border-box;
  color: #f4f7ff;
  max-width: 36rem;
  padding: 2.4rem 2rem 1.8rem;
  position: relative;
  text-align: center;
  width: min(100%, 36rem);
}

.popup-evento-mago__painel p {
  line-height: 1.55;
  margin: 0;
}

.popup-evento-mago__fechar {
  background: transparent;
  border: 0;
  color: #f4f7ff;
  cursor: pointer;
  font-size: 1.55rem;
  line-height: 1;
  padding: 0.3rem;
  position: absolute;
  right: 0.65rem;
  top: 0.55rem;
}

.popup-evento-mago__fechar:hover {
  transform: scale(1.03);
}

@media (max-width: 460px) {
  #opcoesJogadores,
  #timeSelecionado { grid-template-columns: 1fr; }
  .player-card--draft-premium,
  #timeSelecionado .slot-vazio { max-width: 238px; }
}

.area-confronto { margin-top: 1.75rem; }
.titulo-confronto { align-items: center; display: flex; flex-wrap: wrap; gap: 0.75rem; justify-content: space-between; }
.acoes-confronto { align-items: center; display: flex; flex-wrap: wrap; gap: 0.6rem; }
.atalho-placar { color: #8ea3c7; font-size: 0.78rem; opacity: 0.65; }
.botao-secundario { background: #18233b; border: 1px solid #f4b942; color: #ffd36d; }
.botao-secundario:hover:not(:disabled) { background: #243252; }
.times-confronto { display: grid; gap: 1.5rem; grid-template-columns: repeat(2, minmax(0, 1fr)); margin-top: 1rem; }
.times-confronto h3 { margin: 0 0 0.75rem; }
.estilo-confronto { color: #f4b942; font-size: 0.82rem; font-weight: 700; margin: -0.4rem 0 0.7rem; }
.sinergia-confronto { color: #8ef0b0; font-size: 0.82rem; font-weight: 700; margin: -0.4rem 0 0.7rem; }
.formacao-time { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0.45rem; min-height: 300px; position: relative; }
.formacao-time--aguardando { align-content: center; color: #bdc8db; font-size: 0.9rem; grid-template-columns: 1fr; justify-items: center; padding: 1rem; text-align: center; }
.formacao-time .player-card--formacao { gap: 0.34rem; grid-row: 2; justify-self: center; min-width: 0; padding: 0.34rem; width: 88%; z-index: 1; }
.formacao-time .player-card--formacao[data-rota="Jungle"] { grid-column: 1 / span 2; grid-row: 1; justify-self: center; transform: translateX(-20%); width: 44%; }
.formacao-time .player-card--formacao[data-rota="Sup"] { grid-column: 2 / span 2; grid-row: 1; justify-self: center; transform: translateX(20%); width: 44%; }
.links-sinergia { height: 100%; inset: 0; pointer-events: none; position: absolute; width: 100%; z-index: 0; }
.links-sinergia line { stroke-linecap: round; stroke-width: 5; filter: drop-shadow(0 0 3px currentColor); }
.links-sinergia .link--vermelho { stroke: #dc4b4b; color: #dc4b4b; }
.links-sinergia .link--amarelo { stroke: #f4d03f; color: #f4d03f; }
.links-sinergia .link--verde { stroke: #27ae60; color: #27ae60; }
.links-sinergia .link--roxo { stroke: #a66cff; color: #a66cff; }
.player-card { background: linear-gradient(145deg, #243b63, #121b2d); border: 1px solid #4c6598; clip-path: polygon(8% 0, 100% 0, 100% 90%, 92% 100%, 0 100%, 0 9%); }
.player-card--formacao .cabecalho-carta { gap: 0.38rem; }
.player-card--formacao .cabecalho-carta h3 { font-size: 0.88rem; }
.player-card--formacao:not(.player-card--draft-premium) .imagem-jogador,
.player-card--formacao:not(.player-card--draft-premium) .fallback-imagem-jogador { height: 54px; width: 54px; }
.player-card--formacao .imagem-jogador { object-fit: cover; object-position: center top; }
.player-card--formacao .metadados { font-size: 0.6rem; line-height: 1.25; }
.player-card--formacao .atributos { font-size: 0.59rem; gap: 0.16rem; }
.player-card--formacao .atributos span { padding: 0.24rem 0.3rem; }
.player-card--formacao .ger { font-size: 0.88rem; }
#botaoContinuacaoRodape { display: block; margin: 1.5rem 0 0 auto; }
.indicador-campeonato { display: flex; flex-wrap: wrap; gap: 0.45rem; margin-top: 1rem; }
.legenda-sinergia { color: #bdc8db; font-size: 0.78rem; margin: 0.65rem 0 0; }
.legenda-sinergia summary { color: #f4b942; cursor: pointer; font-weight: 700; width: fit-content; }
.legenda-sinergia div { background: #18233b; border: 1px solid #2b3b5d; border-radius: 8px; margin-top: 0.5rem; max-width: 680px; padding: 0.65rem; }
.legenda-sinergia p, .legenda-sinergia ul { margin: 0; }
.legenda-sinergia ul { line-height: 1.55; margin-top: 0.4rem; padding-left: 1.2rem; }
.campeonato-etapa { border: 1px solid #48526a; border-radius: 999px; color: #bdc8db; font-size: 0.78rem; padding: 0.35rem 0.65rem; }
.campeonato-etapa--concluida { border-color: #55d68a; color: #8ef0b0; }
.campeonato-etapa--atual { border-color: #f4b942; color: #ffd36d; font-weight: 700; }
.campeonato-etapa--futura { opacity: 0.65; }
.campeonato-etapa--eliminado { border-color: #f06c6c; color: #ffaaaa; text-decoration: line-through; }
.chaveamento { display: grid; gap: 0.75rem; grid-template-columns: repeat(4, minmax(150px, 1fr)); margin-top: 1rem; overflow-x: auto; padding-bottom: 0.35rem; }
.chaveamento section { display: flex; flex-direction: column; gap: 0.55rem; justify-content: space-around; }
.chaveamento h4 { color: #bdc8db; margin: 0; }
.chave-jogo { background: #18233b; border: 1px solid #2b3b5d; border-radius: 7px; font-size: 0.75rem; min-width: 140px; padding: 0.45rem; }
.chave-jogo--jogador { border-color: #f4b942; color: #ffd36d; box-shadow: 0 0 0 1px #f4b942 inset; }
.chave-jogo--eliminado { border-color: #f06c6c; color: #ffaaaa; }
.chave-slot { display: block; overflow: hidden; padding: 0.25rem; text-overflow: ellipsis; white-space: nowrap; }
.chave-slot + .chave-slot { border-top: 1px solid #2b3b5d; }
.chave-slot--jogador { color: #ffd36d; font-weight: 700; }
.painel-fase { background: #18233b; border: 1px solid #2b3b5d; border-radius: 10px; margin-top: 1rem; padding: 0.75rem; }
.painel-fase h3, .painel-fase p { margin: 0; }
.painel-fase p { color: #bdc8db; line-height: 1.5; margin-top: 0.35rem; white-space: pre-line; }
.placar-ao-vivo { background: linear-gradient(135deg, #111a2c, #18233b); border: 1px solid #48526a; border-radius: 12px; margin-top: 1.25rem; padding: 0.75rem 1rem 1rem; }
.placar-ao-vivo__cabecalho { display: flex; justify-content: center; }
.placar-ao-vivo__estado { color: #bdc8db; font-size: 0.68rem; font-weight: 800; letter-spacing: 0.14em; text-transform: uppercase; }
.placar-ao-vivo__estado--ativo { color: #ff7b7b; }
.placar-ao-vivo__estado--ativo::before { background: currentColor; border-radius: 50%; content: ""; display: inline-block; height: 0.45rem; margin-right: 0.35rem; width: 0.45rem; }
.placar-ao-vivo__estado--final { color: #8ef0b0; }
.placar-ao-vivo__nomes, .placar-ao-vivo__numeros { display: grid; grid-template-columns: minmax(0, 1fr) 42px minmax(0, 1fr); text-align: center; }
.placar-ao-vivo__nomes { color: #dce6ff; gap: 0.5rem; margin-top: 0.45rem; }
.placar-ao-vivo__nomes strong:first-child { grid-column: 1; }
.placar-ao-vivo__nomes strong:last-child { grid-column: 3; }
.placar-ao-vivo__nomes strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.placar-ao-vivo__numeros { align-items: center; color: #fff; font-size: clamp(2rem, 6vw, 3.35rem); font-weight: 900; line-height: 1; margin-top: 0.3rem; }
.placar-ao-vivo__separador { color: #71809e; font-size: 0.62em; }
.placar-ao-vivo__vitorias-md5 { align-items: center; display: flex; justify-content: space-between; margin-top: 0.55rem; padding: 0 0.2rem; }
.placar-ao-vivo__vitorias-md5.oculto { display: none; }
.placar-ao-vivo__bolinhas { display: flex; gap: 0.42rem; }
.placar-ao-vivo__bolinhas span { background: rgba(3, 16, 27, 0.9); border: 1px solid rgba(218, 172, 68, 0.58); border-radius: 50%; box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.55); height: 0.7rem; transition: background-color 180ms ease, border-color 180ms ease, box-shadow 180ms ease; width: 0.7rem; }
.placar-ao-vivo__bolinhas span.placar-ao-vivo__bolinha--ativa { background: #29c76f; border-color: #63eba0; box-shadow: 0 0 8px rgba(41, 199, 111, 0.58), inset 0 0 3px rgba(255, 255, 255, 0.3); }
.log-partida-area { margin-top: 1.5rem; }
.log-partida-area h3 { margin: 0 0 0.75rem; }
.log-partida {
  background: #111a2c;
  border: 1px solid #2b3b5d;
  border-radius: 10px;
  min-height: 4.5rem;
  padding: 0.75rem;
}
.log-partida p { border-left: 3px solid #71809e; margin: 0.4rem 0; padding-left: 0.55rem; }
.log-andamento { color: #c6d1e7; }
.log-vitoria { border-color: #55d68a !important; color: #8ef0b0; }
.log-derrota { border-color: #f06c6c !important; color: #ffaaaa; }
.log-final { border-color: #f4b942 !important; color: #ffd36d; font-weight: 700; }
.tela-encerramento { background: #18233b; border: 1px solid #f4b942; border-radius: 10px; margin-top: 1.5rem; padding: 1rem; }
.tela-encerramento h3, .tela-encerramento p { margin: 0; }
.tela-encerramento p { color: #bdc8db; line-height: 1.5; margin: 0.5rem 0 1rem; }
.encerramento-grade { display: grid; gap: 0.8rem; grid-template-columns: repeat(3, minmax(0, 1fr)); margin-bottom: 1rem; }
.encerramento-card { background: #111a2c; border: 1px solid #2b3b5d; border-radius: 10px; padding: 0.85rem; }
.encerramento-card--principal { border-color: #f4b942; grid-column: 1 / -1; }
.encerramento-card h4 { color: #f4b942; margin: 0 0 0.55rem; }
.encerramento-card div { color: #bdc8db; line-height: 1.6; white-space: pre-line; }
.mvp-card { align-items: center; display: grid; gap: 0.35rem 0.7rem; grid-template-columns: 58px 1fr; }
.mvp-card img, .mvp-card .fallback-imagem-jogador { grid-row: span 2; height: 58px; width: 58px; }
.mvp-card p { margin: 0; }
.maior-artilheiro { align-items: center; border-top: 1px solid #2b3b5d; display: grid; gap: 0.45rem 0.7rem; grid-template-columns: 52px 1fr; padding-top: 0.85rem; }
.maior-artilheiro img, .maior-artilheiro .fallback-imagem-jogador { grid-row: span 2; height: 52px; width: 52px; }
.maior-artilheiro p { margin: 0; }
.resumo-pos-partida { background: #18233b; border: 1px solid #2b3b5d; border-radius: 10px; margin-top: 1.5rem; padding: 0.85rem; }
.resumo-pos-partida h3, .resumo-pos-partida p { margin: 0; }
.resumo-pos-partida p { color: #bdc8db; line-height: 1.55; margin-top: 0.35rem; white-space: pre-line; }
.placar-tab { background: #111a2c; border: 1px solid #2b3b5d; border-radius: 10px; margin-top: 1.5rem; overflow: hidden; padding: 0.85rem; }
.placar-tab h3, .cabecalho-placar-tab { margin: 0; }
.cabecalho-placar-tab { display: grid; gap: 0.5rem; grid-template-columns: repeat(5, minmax(0, 1fr)); margin-top: 0.65rem; }
.cabecalho-placar-tab span { background: #18233b; border: 1px solid #2b3b5d; border-radius: 7px; color: #dce6ff; font-size: 0.76rem; padding: 0.5rem; text-align: center; }
.tabela-tab { margin-top: 1rem; overflow-x: auto; }
.tabela-tab h4 { margin: 0 0 0.45rem; }
.tabela-tab--vencedor h4 { color: #8ef0b0; }
.placar-tabela { border-collapse: collapse; min-width: 620px; width: 100%; }
.placar-tabela th, .placar-tabela td { border-bottom: 1px solid #293754; padding: 0.45rem; text-align: left; }
.placar-tabela th { color: #bdc8db; font-size: 0.72rem; text-transform: uppercase; }
.placar-jogador { align-items: center; display: flex; gap: 0.45rem; min-width: 155px; }
.placar-jogador img, .placar-jogador .fallback-imagem-jogador { height: 32px; width: 32px; }
.placar-jogador small { color: #bdc8db; display: block; }
.destaque-tab { color: #ffd36d; font-weight: 800; }

.placar-overlay { align-items: center; backdrop-filter: blur(5px); background: rgba(5, 8, 15, 0.82); display: flex; inset: 0; justify-content: center; padding: 1rem; position: fixed; z-index: 5000; }
.placar-overlay--oculto { display: none; }
.placar-overlay__conteudo { background: #0d1321; border: 1px solid #48526a; border-radius: 14px; box-shadow: 0 24px 70px rgba(0,0,0,.55); max-height: 92vh; overflow-y: auto; padding: 1rem; position: relative; width: min(1180px, 95vw); }
.placar-overlay__conteudo:focus { outline: 2px solid #f4b942; outline-offset: -4px; }
.placar-overlay__conteudo > h2 { margin: 0 3rem 0.8rem 0; }
.placar-overlay__fechar { align-items: center; background: #243252; color: #eef3ff; display: flex; font-size: 1.35rem; height: 2.35rem; justify-content: center; padding: 0; position: absolute; right: 0.8rem; top: 0.8rem; width: 2.35rem; z-index: 2; }
.placar-overlay__parcial { background: #111a2c; border: 1px solid #2b3b5d; border-radius: 10px; padding: 0.9rem; }
.placar-overlay__placar-atual { align-items: center; display: grid; gap: 0.7rem; grid-template-columns: minmax(0,1fr) 42px minmax(0,1fr); margin-top: 0.75rem; text-align: center; }
.placar-overlay__placar-atual div { display: grid; gap: 0.3rem; min-width: 0; }
.placar-overlay__placar-atual strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.placar-overlay__placar-atual span { color: #ffd36d; font-size: clamp(2.2rem, 7vw, 4rem); font-weight: 900; }
.placar-overlay__placar-atual b { color: #71809e; font-size: 1.65rem; }
.placar-overlay__detalhes { color: #bdc8db; line-height: 1.5; text-align: center; white-space: pre-line; }
.placar-overlay__formacoes { display: grid; gap: 1rem; grid-template-columns: repeat(2, minmax(0, 1fr)); margin-top: 1rem; }
.placar-overlay__aviso { color: #bdc8db; font-size: 0.78rem; margin: 0.75rem 0 0; text-align: center; }
.placar-overlay .placar-tab { margin-top: 0; }

.chaveamento--dois-lados { align-items: center; display: grid; gap: 1rem; grid-template-columns: minmax(300px, 1fr) minmax(170px, 0.55fr) minmax(300px, 1fr); min-width: 850px; }
.chaveamento--dois-lados .chave-lado { display: grid; gap: 0.65rem 1rem; grid-template-columns: 1fr 1fr; grid-template-rows: 1fr 1fr; position: relative; }
.chave-lado .chave-confronto:nth-child(1) { grid-column: 1; grid-row: 1; }
.chave-lado .chave-confronto:nth-child(2) { align-self: center; grid-column: 2; grid-row: 1 / span 2; }
.chave-lado .chave-confronto:nth-child(3) { grid-column: 1; grid-row: 2; }
.chave-lado--direito .chave-confronto:nth-child(1), .chave-lado--direito .chave-confronto:nth-child(3) { grid-column: 2; }
.chave-lado--direito .chave-confronto:nth-child(2) { grid-column: 1; }
.chave-centro { display: flex; align-items: center; justify-content: center; }
.chave-confronto { background: #18233b; border: 1px solid #2b3b5d; border-radius: 8px; min-width: 135px; padding: 0.45rem; position: relative; }
.chave-confronto strong { color: #bdc8db; display: block; font-size: 0.7rem; margin-bottom: 0.25rem; }
.chave-confronto--jogador-atual { border-color: #f4b942; box-shadow: 0 0 0 1px #f4b942 inset, 0 0 12px rgba(244,185,66,.22); }
.chave-confronto--concluido { border-color: #426452; opacity: 0.78; }
.chave-confronto--futuro { opacity: 0.58; }
.chave-confronto--eliminado { border-color: #f06c6c; opacity: 1; }
.chave-lado--esquerdo .chave-confronto::after, .chave-lado--direito .chave-confronto::before { border-top: 2px solid #48526a; content: ""; position: absolute; top: 50%; width: 1rem; }
.chave-lado--esquerdo .chave-confronto::after { left: 100%; }
.chave-lado--direito .chave-confronto::before { right: 100%; }

@media (max-width: 560px) {
  .pagina { padding: 1rem; }
  .grade-cartas, .grade-time { grid-template-columns: 1fr; }
  .titulo-secao-time { align-items: stretch; }
  .titulo-secao-time button { width: 100%; }
  .titulo-confronto { align-items: stretch; }
  .titulo-confronto button { width: 100%; }
  .acoes-confronto { width: 100%; }
  .atalho-placar { display: none; }
  .times-confronto { grid-template-columns: 1fr; }
  .opcoes-estilo { grid-template-columns: 1fr; }
  .formacao-time { min-height: 260px; }
  .formacao-time .player-card--formacao[data-rota="Jungle"] { transform: translateX(-10%); }
  .formacao-time .player-card--formacao[data-rota="Sup"] { transform: translateX(10%); }
  .cabecalho-placar-tab { grid-template-columns: 1fr; }
  .encerramento-grade { grid-template-columns: 1fr; }
  .encerramento-card--principal { grid-column: 1; }
  .placar-overlay { padding: 0.45rem; }
  .placar-overlay__conteudo { max-height: 96vh; padding: 0.8rem; width: 98vw; }
  .placar-overlay__formacoes { grid-template-columns: 1fr; }
  .campanha-partida { align-items: flex-start; flex-direction: column; }
  .campanha-acoes button, .acoes-encerramento button { width: 100%; }
}

/* Desktop: o fundo do draft permanece uniforme ate o fim da pagina. */
@media (min-width: 561px) {
  body:has(#areaDraft:not(.oculto)),
  body:has(#areaDraft:not(.oculto)) .pagina {
    background: #020812;
    min-height: 100vh;
  }

  body:has(#areaDraft:not(.oculto)) .pagina::before {
    display: none;
  }
}

/* O agrupador e neutro fora do celular, preservando integralmente o layout desktop. */
.painel-transmissao-mobile,
.carrossel-elenco__pagina {
  display: contents;
}

.jogador-selecionado-mobile { display: none; }

/* Layouts exclusivos para celulares. */
@media (max-width: 560px) {
  /* Draft: paginas de seis cartas em grade 2 x 3. */
  #areaDraft .carrossel-elenco {
    gap: 0.28rem;
    grid-template-columns: 1.65rem minmax(0, 1fr) 1.65rem;
    max-width: 360px;
  }

  #areaDraft .carrossel-elenco__seta {
    height: 3.25rem;
    width: 1.65rem;
  }

  #opcoesJogadores.carrossel-elenco__trilho {
    align-items: start;
    display: flex;
    gap: 0;
  }

  #opcoesJogadores .carrossel-elenco__pagina {
    align-items: start;
    display: grid;
    flex: 0 0 100%;
    gap: 0.7rem 0.5rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-template-rows: repeat(3, auto);
    min-width: 100%;
  }

  #opcoesJogadores.carrossel-elenco__trilho .carrossel-elenco__pagina .carta-jogador.player-card--draft-premium {
    flex: none;
    max-width: 142px;
    min-width: 0;
    width: 100%;
  }

  /* O elenco escolhido vira uma lista de cinco linhas apenas no draft mobile. */
  #areaTimeDraft #timeSelecionado {
    display: grid;
    gap: 0.38rem;
    grid-template-columns: 1fr;
    width: 100%;
  }

  #areaTimeDraft #timeSelecionado .player-card--draft-selecionada {
    aspect-ratio: auto;
    background: linear-gradient(100deg, rgba(9, 34, 54, 0.96), rgba(3, 16, 28, 0.98));
    border: 1px solid rgba(var(--color-gold-primary-rgb), 0.34);
    border-left: 3px solid var(--color-gold-primary);
    border-radius: 4px;
    filter: none;
    height: auto;
    max-width: none;
    min-height: 42px;
    overflow: hidden;
    width: 100%;
  }

  #areaTimeDraft #timeSelecionado .player-card--draft-selecionada::after,
  #areaTimeDraft #timeSelecionado .player-card--draft-selecionada > :not(.jogador-selecionado-mobile) {
    display: none;
  }

  #areaTimeDraft #timeSelecionado .jogador-selecionado-mobile {
    align-items: center;
    display: grid;
    gap: 0.55rem;
    grid-template-columns: 56px minmax(0, 1fr);
    min-height: 42px;
    padding: 0.48rem 0.62rem;
  }

  #areaTimeDraft #timeSelecionado .jogador-selecionado-mobile strong {
    color: var(--color-gold-primary);
    font-family: var(--font-display, Georgia, serif);
    font-size: 0.75rem;
  }

  #areaTimeDraft #timeSelecionado .jogador-selecionado-mobile span {
    color: #d6e1ea;
    font-size: 0.69rem;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  #areaTimeDraft #timeSelecionado .slot-vazio {
    align-items: center;
    aspect-ratio: auto;
    display: flex;
    justify-content: flex-start;
    max-width: none;
    min-height: 42px;
    padding: 0.48rem 0.62rem;
    width: 100%;
  }

  /* Identificacao dos confrontos afastada da borda somente no celular. */
  .area-confronto .titulo-confronto > div:first-child {
    padding-left: 0.85rem;
  }

  /* Tela 1: refinamentos internos das cartas. */
  .area-confronto--pre .player-card--confronto-premium .draft-card__time {
    font-size: 0.43rem;
  }

  .area-confronto--pre .player-card--confronto-premium .draft-card__ger strong {
    transform: translateY(-0.1rem);
  }

  .area-confronto--pre .player-card--confronto-premium .draft-card__atributos {
    font-size: 0.51rem;
  }

  /* No pre-confronto, o estilo vem logo depois dos paineis explicativos. */
  .area-confronto--pre {
    display: flex;
    flex-direction: column;
  }

  .area-confronto--pre > .titulo-confronto { order: 1; }
  .area-confronto--pre > .painel-competicao-pre { order: 2; }
  .area-confronto--pre > .paineis-explicativos { order: 3; }
  .area-confronto--pre > .selecao-estilo--campeonato { order: 4; }
  .area-confronto--pre > .times-confronto { order: 5; }
  .area-confronto--pre > .historico-serie { order: 6; }
  .area-confronto--pre > .tela-encerramento { order: 7; }
  .area-confronto--pre > #botaoContinuacaoRodape { order: 8; }

  .area-confronto .selecao-estilo--campeonato {
    margin-top: 0.55rem;
    padding: 0.55rem;
  }

  .area-confronto .selecao-estilo--campeonato h3 {
    font-size: 0;
    margin: 0 0 0.45rem;
    text-align: center;
  }

  .area-confronto .selecao-estilo--campeonato h3::after {
    color: var(--color-gold-primary);
    content: "Estilo do time";
    font-family: var(--font-display, Georgia, serif);
    font-size: 0.95rem;
  }

  .area-confronto .selecao-estilo--campeonato .opcoes-estilo {
    display: grid;
    gap: 0.35rem;
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .area-confronto .selecao-estilo--campeonato .opcao-estilo {
    height: 68px;
    min-height: 68px;
    padding: 0.42rem 0.25rem;
    text-align: center;
  }

  .area-confronto .selecao-estilo--campeonato .opcao-estilo strong {
    font-size: 0.68rem;
  }

  .area-confronto .selecao-estilo--campeonato .opcao-estilo span {
    font-size: 0;
    line-height: 1.15;
    margin-top: 0.22rem;
  }

  .area-confronto .selecao-estilo--campeonato .opcao-estilo span::after { font-size: 0.54rem; }
  .area-confronto .selecao-estilo--campeonato .opcao-estilo[data-estilo="agressivo"] span::after { content: "Mais forte no early"; }
  .area-confronto .selecao-estilo--campeonato .opcao-estilo[data-estilo="balanceado"] span::after { content: "Balanceado"; }
  .area-confronto .selecao-estilo--campeonato .opcao-estilo[data-estilo="scaling"] span::after { content: "Mais forte no late"; }

  /* O atalho de teclado nao ocupa espaco em nenhuma tela mobile. */
  .atalho-placar,
  .controle-placar-confronto .atalho-placar {
    display: none !important;
  }

  /* Tela 2: transmissao e placar formam um unico painel acima dos times. */
  .area-confronto--partida {
    display: flex;
    flex-direction: column;
  }

  .area-confronto--partida > .titulo-confronto { order: 1; }
  .area-confronto--partida > .placar-serie-md5 { order: 2; }
  .area-confronto--partida > .painel-transmissao-mobile { order: 3; }
  .area-confronto--partida > .times-confronto { order: 4; }
  .area-confronto--partida > .historico-serie { order: 5; }
  .area-confronto--partida > .tela-encerramento { order: 6; }
  .area-confronto--partida > #botaoContinuacaoRodape { order: 7; }

  .area-confronto--partida .painel-transmissao-mobile {
    background: linear-gradient(145deg, rgba(8, 31, 50, 0.97), rgba(2, 13, 24, 0.99));
    border: 1px solid rgba(var(--color-gold-primary-rgb), 0.42);
    border-radius: 10px;
    box-shadow: inset 0 0 24px rgba(20, 125, 171, 0.08);
    display: flex;
    flex-direction: column;
    margin-top: 0.55rem;
    padding: 0.65rem;
    width: 100%;
  }

  .area-confronto--partida .painel-transmissao-mobile::before {
    color: var(--color-gold-primary);
    content: "Transmissao ao vivo";
    display: block;
    font-family: var(--font-display, Georgia, serif);
    font-size: 1rem;
    margin-bottom: 0.4rem;
    order: 1;
    text-align: center;
  }

  .area-confronto--partida .painel-transmissao-mobile .log-partida-area {
    background: transparent;
    border: 0;
    box-shadow: none;
    display: block;
    margin: 0.45rem 0 0;
    order: 3;
    padding: 0;
  }

  .area-confronto--partida .painel-transmissao-mobile #titulo-log-partida {
    display: none;
  }

  .area-confronto--partida .painel-transmissao-mobile .placar-ao-vivo {
    background: rgba(4, 18, 31, 0.58);
    border-radius: 7px;
    margin: 0;
    order: 2;
    padding: 0.5rem 0.6rem;
  }

  .area-confronto--partida .painel-transmissao-mobile .placar-ao-vivo__cabecalho { order: 3; }
  .area-confronto--partida .painel-transmissao-mobile .placar-ao-vivo__nomes { order: 1; }
  .area-confronto--partida .painel-transmissao-mobile .placar-ao-vivo__numeros { order: 2; }
  .area-confronto--partida .painel-transmissao-mobile .placar-ao-vivo__vitorias-md5 { order: 4; }
  .area-confronto--partida .painel-transmissao-mobile .placar-ao-vivo { display: flex; flex-direction: column; }

  .area-confronto--partida .painel-transmissao-mobile .log-partida {
    margin-top: 0;
    max-height: none;
    min-height: 0;
    overflow: visible;
    padding: 0.45rem 0.5rem;
  }

  .area-confronto--partida .painel-transmissao-mobile:has(.log-partida-area--novidade) {
    border-color: rgba(71, 174, 201, 0.72);
  }

  /* Tela 2: formacoes uniformes e mais centrais. */
  .area-confronto--partida .formacao-time .player-card--confronto-premium[data-rota="Top"],
  .area-confronto--partida .formacao-time .player-card--confronto-premium[data-rota="Jungle"],
  .area-confronto--partida .formacao-time .player-card--confronto-premium[data-rota="Mid"] {
    transform: translateX(8%);
  }

  .area-confronto--partida .formacao-time .player-card--confronto-premium[data-rota="ADC"],
  .area-confronto--partida .formacao-time .player-card--confronto-premium[data-rota="Sup"] {
    transform: translateX(-8%);
  }

  .area-confronto--partida .player-card--confronto-premium .draft-card__time {
    font-size: 0.4rem;
  }

  .area-confronto--partida .player-card--confronto-premium .draft-card__atributos {
    font-size: 0.45rem;
  }
}

/* Ajuda compacta no cabecalho e modal unico para as duas explicacoes. */
.cabecalho-utilidades {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 0.28rem;
  left: 0;
  max-width: 310px;
  position: absolute;
  top: 0.45rem;
}

#cabecalhoJogo .cabecalho-utilidades .modo-atual {
  margin: 0;
  position: static;
  text-align: left;
}

.cabecalho-ajuda {
  display: flex;
  flex-wrap: wrap;
  gap: 0.3rem;
}

.cabecalho-ajuda__botao {
  background: transparent;
  border: 1px solid rgba(var(--color-gold-primary-rgb), 0.42);
  border-radius: 3px;
  color: #c7d4e2;
  font-size: 0.65rem;
  font-weight: 600;
  line-height: 1.1;
  padding: 0.28rem 0.42rem;
  transition: background-color 170ms ease, border-color 170ms ease, color 170ms ease;
}

.cabecalho-ajuda__botao:hover:not(:disabled) {
  background: rgba(12, 47, 68, 0.72);
  border-color: var(--color-gold-primary);
  color: #f1d488;
  transform: none;
}

body.modal-explicacoes-aberto { overflow: hidden; }

.modal-explicacoes {
  align-items: center;
  background: rgba(1, 7, 14, 0.82);
  display: flex;
  inset: 0;
  justify-content: center;
  padding: 1rem;
  position: fixed;
  z-index: 6000;
}

.modal-explicacoes.oculto { display: none; }

.modal-explicacoes__conteudo {
  background: linear-gradient(145deg, rgba(8, 31, 50, 0.99), rgba(2, 12, 23, 0.995));
  border: 1px solid rgba(var(--color-gold-primary-rgb), 0.58);
  border-radius: 12px;
  box-shadow: 0 24px 70px rgba(0, 0, 0, 0.58), inset 0 0 34px rgba(20, 124, 173, 0.08);
  max-height: min(88vh, 620px);
  max-width: 680px;
  overflow-y: auto;
  padding: clamp(1rem, 3vw, 1.65rem);
  position: relative;
  width: min(92vw, 680px);
}

.modal-explicacoes__fechar {
  align-items: center;
  background: rgba(5, 22, 37, 0.96);
  border: 1px solid rgba(var(--color-gold-primary-rgb), 0.4);
  border-radius: 50%;
  color: var(--color-gold-primary);
  display: flex;
  font-size: 1.25rem;
  height: 2rem;
  justify-content: center;
  padding: 0;
  position: absolute;
  right: 0.65rem;
  top: 0.65rem;
  width: 2rem;
}

.modal-explicacoes__fechar:hover:not(:disabled) {
  background: rgba(14, 48, 68, 0.98);
  transform: none;
}

.modal-explicacoes__painel h2 {
  color: var(--color-gold-primary);
  font-family: var(--font-display, Georgia, serif);
  margin: 0 2.3rem 0.8rem 0;
}

.modal-explicacoes__painel p,
.modal-explicacoes__painel li {
  color: #c8d5e4;
  line-height: 1.5;
}

.modal-explicacoes__painel p { margin: 0.4rem 0; }
.modal-explicacoes__painel ul { margin: 0.75rem 0 0; padding-left: 1.25rem; }
.modal-explicacoes__painel strong { color: var(--color-gold-primary); }

/* Superficies douradas sem contorno escuro ou sombra embutida. */
:is(
  .tela-inicial .botao-comecar-draft,
  #areaDraft .botao-secundario,
  #areaTimeDraft #iniciarCampeonato,
  #opcoesJogadores .player-card--draft-premium > button,
  .area-confronto [data-continuacao],
  #jogarNovamente,
  #jogarNovamenteCampanha,
  #proximaPartidaOverlay
) {
  border-color: transparent !important;
  box-shadow: none !important;
  filter: none !important;
  transition: transform 180ms ease;
}

@media (hover: hover) and (pointer: fine) {
  :is(
    .tela-inicial .botao-comecar-draft,
    #areaDraft .botao-secundario,
    #areaTimeDraft #iniciarCampeonato,
    #opcoesJogadores .player-card--draft-premium > button,
    .area-confronto [data-continuacao],
    #jogarNovamente,
    #jogarNovamenteCampanha,
    #proximaPartidaOverlay
  ):hover:not(:disabled) {
    box-shadow: none !important;
    filter: none !important;
    transform: scale(1.03);
  }
}

@media (hover: none) {
  :is(
    .tela-inicial .botao-comecar-draft,
    #areaDraft .botao-secundario,
    #areaTimeDraft #iniciarCampeonato,
    #opcoesJogadores .player-card--draft-premium > button,
    .area-confronto [data-continuacao],
    #jogarNovamente,
    #jogarNovamenteCampanha,
    #proximaPartidaOverlay
  ):hover:not(:disabled) {
    transform: none;
  }

  :is(
    .tela-inicial .botao-comecar-draft,
    #areaDraft .botao-secundario,
    #areaTimeDraft #iniciarCampeonato,
    #opcoesJogadores .player-card--draft-premium > button,
    .area-confronto [data-continuacao],
    #jogarNovamente,
    #jogarNovamenteCampanha,
    #proximaPartidaOverlay
  ):active:not(:disabled) {
    transform: scale(1.02);
  }
}

@media (max-width: 560px) {
  .cabecalho-utilidades {
    align-items: center;
    margin-top: 0.25rem;
    max-width: 100%;
    position: static;
    width: 100%;
  }

  #cabecalhoJogo .cabecalho-utilidades .modo-atual { text-align: center; }
  .cabecalho-ajuda { justify-content: center; }
  .cabecalho-ajuda__botao { font-size: 0.62rem; padding: 0.3rem 0.38rem; }

  .modal-explicacoes { padding: 0.55rem; }
  .modal-explicacoes__conteudo { max-height: 92vh; padding: 1rem; width: 96vw; }
  .modal-explicacoes__painel h2 { font-size: 1.2rem; }
  .modal-explicacoes__painel p,
  .modal-explicacoes__painel li { font-size: 0.82rem; }
}

/* Sessao de jogo: pre-confronto e transmissao ao vivo. */
body:has(#areaConfronto:not(.oculto)) {
  background:
    radial-gradient(circle at 12% 16%, rgba(18, 133, 190, 0.2), transparent 27%),
    radial-gradient(circle at 88% 38%, rgba(13, 82, 151, 0.2), transparent 31%),
    linear-gradient(125deg, #020812 0%, #071a2b 42%, #030b18 72%, #061624 100%);
  background-attachment: fixed;
}
body:has(#areaConfronto:not(.oculto)) .pagina { max-width: 1440px; position: relative; }
body:has(#areaConfronto:not(.oculto)) .pagina::before {
  background:
    radial-gradient(circle, rgba(61, 189, 233, 0.18) 0 1px, transparent 1.6px) 0 0 / 68px 68px,
    linear-gradient(135deg, transparent 49%, rgba(213, 158, 48, 0.055) 49.5% 50.5%, transparent 51%) 0 0 / 220px 220px;
  content: "";
  inset: 0;
  pointer-events: none;
  position: fixed;
  z-index: -1;
}
body:has(#areaConfronto:not(.oculto)) #cabecalhoJogo {
  border-bottom: 1px solid rgba(213, 158, 48, 0.4);
  padding-bottom: 0.9rem;
}
.area-confronto {
  background: linear-gradient(150deg, rgba(5, 20, 35, 0.94), rgba(2, 9, 18, 0.97));
  border: 1px solid rgba(197, 143, 39, 0.48);
  border-radius: 18px;
  box-shadow: inset 0 0 55px rgba(13, 105, 158, 0.08), 0 22px 60px rgba(0, 0, 0, 0.34);
  overflow: hidden;
  padding: clamp(1rem, 2.3vw, 2rem);
  position: relative;
}
.area-confronto::before,
.area-confronto::after {
  border-color: rgba(227, 175, 65, 0.58);
  border-style: solid;
  content: "";
  height: 54px;
  pointer-events: none;
  position: absolute;
  top: 10px;
  width: 78px;
}
.area-confronto::before { border-width: 2px 0 0 2px; left: 10px; }
.area-confronto::after { border-width: 2px 2px 0 0; right: 10px; }
.area-confronto .titulo-confronto {
  border-bottom: 1px solid rgba(197, 143, 39, 0.28);
  padding: 0.25rem 0 1rem;
}
.area-confronto .titulo-confronto h2,
.area-confronto .painel-time-confronto > h3,
.area-confronto .painel-fase h3,
.area-confronto .tabela-grupo-titulo h3,
.area-confronto .log-partida-area h3 {
  color: #f1cd72;
  font-family: Georgia, "Times New Roman", serif;
  letter-spacing: 0.035em;
  text-shadow: 0 0 17px rgba(232, 180, 69, 0.12);
}
.area-confronto--partida .confronto-pre-only,
.area-confronto--pre .confronto-partida-only { display: none !important; }
.painel-competicao-pre { margin-top: 1rem; }
.area-confronto .painel-fase,
.area-confronto .tabela-grupo-area,
.area-confronto .painel-time-confronto,
.area-confronto .placar-ao-vivo,
.area-confronto .log-partida {
  background: linear-gradient(145deg, rgba(10, 34, 54, 0.92), rgba(3, 14, 26, 0.96));
  border-color: rgba(184, 132, 38, 0.4);
  box-shadow: inset 0 0 30px rgba(21, 117, 166, 0.07);
}
.area-confronto .painel-fase { display: grid; gap: 0.25rem 1rem; grid-template-columns: auto 1fr; padding: 0.85rem 1rem; }
.area-confronto .painel-fase p { margin: 0; }
.area-confronto .tabela-grupo-area { border-radius: 12px; padding: 0.9rem 1rem; }
.area-confronto .tabela-grupo th { color: #d9b760; }
.area-confronto .tabela-grupo td { border-color: rgba(91, 120, 151, 0.28); }
.area-confronto .grupo-linha--jogador { background: linear-gradient(90deg, rgba(214, 161, 51, 0.16), rgba(18, 111, 157, 0.08)); }
.area-confronto .chaveamento--dois-lados {
  background: linear-gradient(145deg, rgba(9, 31, 50, 0.92), rgba(2, 12, 23, 0.96));
  border: 1px solid rgba(190, 137, 39, 0.42);
  border-radius: 12px;
  box-shadow: inset 0 0 34px rgba(18, 112, 164, 0.08);
  padding: 1rem;
}
.area-confronto .chave-confronto { background: rgba(4, 17, 30, 0.9); border-color: rgba(71, 100, 133, 0.62); }
.area-confronto .chave-confronto--jogador-atual { border-color: #d7a43d; box-shadow: inset 0 0 0 1px rgba(215, 164, 61, 0.55), 0 0 18px rgba(31, 156, 207, 0.14); }
.times-confronto { align-items: stretch; }
.painel-time-confronto {
  border: 1px solid rgba(184, 132, 38, 0.38);
  border-radius: 14px;
  min-width: 0;
  padding: clamp(0.75rem, 1.45vw, 1.15rem);
  position: relative;
}
.painel-time-confronto::before {
  background: linear-gradient(90deg, #d5a139, rgba(37, 169, 218, 0.7), transparent);
  content: "";
  height: 2px;
  left: 1rem;
  position: absolute;
  top: 0;
  width: 38%;
}
.painel-time-confronto > h3 { font-size: clamp(1rem, 1.8vw, 1.35rem); text-align: center; }
.resumo-time-confronto { align-items: center; display: flex; flex-wrap: wrap; gap: 0.35rem 1rem; justify-content: center; margin: 0.45rem 0 0.8rem; }
.resumo-time-confronto p { margin: 0; }
.area-confronto .estilo-confronto { color: #f0bf54; }
.area-confronto .sinergia-confronto { color: #73e6a1; }
.valor-time-confronto { color: #9eacc0; font-size: 0.76rem; font-weight: 700; }
.player-card--confronto-premium {
  aspect-ratio: 2 / 3;
  background: transparent;
  border: 0;
  border-radius: 0;
  clip-path: none;
  filter: drop-shadow(0 10px 13px rgba(0, 0, 0, 0.5));
  gap: 0;
  isolation: isolate;
  min-height: 0;
  overflow: visible;
  padding: 0 !important;
  position: relative;
}
.area-confronto--pre .times-confronto { gap: 1rem; grid-template-columns: 1fr; }
.area-confronto--pre .formacao-time {
  align-items: start;
  gap: clamp(0.45rem, 1.3vw, 1rem);
  grid-template-columns: repeat(5, minmax(125px, 1fr));
  min-height: 0;
  overflow-x: auto;
  padding: 0.35rem 0.15rem 0.8rem;
}
.area-confronto--pre .formacao-time .player-card--confronto-premium,
.area-confronto--pre .formacao-time .player-card--confronto-premium[data-rota="Jungle"],
.area-confronto--pre .formacao-time .player-card--confronto-premium[data-rota="Sup"] {
  grid-column: auto;
  grid-row: 1;
  max-width: 178px;
  transform: none;
  width: 100%;
}
.area-confronto--pre .links-sinergia { display: none; }
.area-confronto--pre .formacao-time--aguardando {
  align-content: center;
  grid-template-columns: 1fr;
  min-height: 170px;
}
.area-confronto--partida .times-confronto { gap: clamp(0.8rem, 1.4vw, 1.25rem); grid-template-columns: repeat(2, minmax(0, 1fr)); }
.area-confronto--partida .formacao-time { min-height: 350px; padding: 0.3rem; }
.area-confronto--partida .formacao-time .player-card--confronto-premium {
  max-width: 118px;
  padding: 0;
  width: min(82%, 118px);
}
.area-confronto--partida .formacao-time .player-card--confronto-premium[data-rota="Jungle"],
.area-confronto--partida .formacao-time .player-card--confronto-premium[data-rota="Sup"] { max-width: 118px; width: 118px; }
.area-confronto--partida .player-card--confronto-premium .draft-card__rota { font-size: 0.5rem; }
.area-confronto--partida .player-card--confronto-premium .draft-card__time { font-size: 0.39rem; }
.area-confronto--partida .player-card--confronto-premium .draft-card__ger strong { font-size: 0.83rem; }
.area-confronto--partida .player-card--confronto-premium .draft-card__ger span { font-size: 0.3rem; }
.area-confronto--partida .player-card--confronto-premium .draft-card__bandeira { font-size: 0.68rem; }
.area-confronto--partida .player-card--confronto-premium .draft-card__nome { font-size: 0.67rem !important; }
.area-confronto--partida .player-card--confronto-premium .draft-card__ano { font-size: 0.48rem; }
.area-confronto--partida .player-card--confronto-premium .draft-card__atributos { font-size: 0.41rem; gap: 0.12rem; }
.area-confronto--partida .player-card--confronto-premium .draft-card__atributos span { padding: 0.1rem; }
.placar-serie-md5 {
  align-items: center;
  background: linear-gradient(90deg, transparent, rgba(10, 37, 59, 0.96) 12% 88%, transparent);
  border-bottom: 1px solid rgba(207, 151, 45, 0.42);
  border-top: 1px solid rgba(207, 151, 45, 0.42);
  display: grid;
  gap: 0.75rem;
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
  margin: 1rem 0 0;
  padding: 0.75rem 1rem;
  text-align: center;
}
.placar-serie-md5 > span { color: #cdd8e7; font-size: 0.82rem; font-weight: 700; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.placar-serie-md5 strong { align-items: center; color: #f4cf72; display: flex; font-family: Georgia, "Times New Roman", serif; font-size: clamp(2.1rem, 5vw, 3.6rem); gap: 0.65rem; line-height: 1; text-shadow: 0 0 22px rgba(223, 166, 54, 0.22); }
.placar-serie-md5 i { color: #6383a8; font-size: 0.58em; font-style: normal; }
.placar-serie-md5.oculto,
.area-confronto .chaveamento.oculto { display: none; }
.area-confronto .placar-ao-vivo { border-color: rgba(206, 150, 44, 0.48); border-radius: 14px; box-shadow: inset 0 0 30px rgba(13, 111, 164, 0.1), 0 12px 28px rgba(0, 0, 0, 0.2); }
.area-confronto .placar-ao-vivo__numeros { color: #f6d77f; font-family: Georgia, "Times New Roman", serif; text-shadow: 0 0 20px rgba(231, 175, 61, 0.18); }
.area-confronto .log-partida-area {
  background: linear-gradient(145deg, rgba(8, 29, 48, 0.84), rgba(2, 12, 22, 0.9));
  border: 1px solid rgba(181, 131, 39, 0.35);
  border-radius: 12px;
  padding: 0.9rem;
}
.area-confronto .log-partida { max-height: 230px; overflow-y: auto; }
.area-confronto .selecao-estilo--campeonato {
  background: linear-gradient(145deg, rgba(9, 32, 52, 0.9), rgba(2, 13, 24, 0.94));
  border: 1px solid rgba(184, 132, 38, 0.38);
  border-radius: 12px;
  padding: 0.9rem;
}
.area-confronto .selecao-estilo--campeonato .opcao-estilo { background: linear-gradient(145deg, rgba(15, 43, 67, 0.94), rgba(4, 17, 30, 0.96)); }
.area-confronto .selecao-estilo--campeonato .opcao-estilo--selecionada { border-color: #d9a540; box-shadow: inset 0 0 0 1px #d9a540, 0 0 16px rgba(31, 158, 207, 0.14); }
.area-confronto #botaoContinuacaoTopo,
.area-confronto #botaoContinuacaoRodape {
  background: linear-gradient(#f1cb6d, #bd7d17);
  border: 1px solid #f8dd91;
  border-radius: 4px;
  box-shadow: inset 0 0 0 2px rgba(81, 45, 4, 0.72), 0 6px 16px rgba(0, 0, 0, 0.3);
  color: #160e05;
  font-family: Georgia, "Times New Roman", serif;
}

@media (max-width: 1000px) {
  .area-confronto--partida .times-confronto { grid-template-columns: 1fr; }
  .area-confronto--partida .formacao-time { margin: 0 auto; max-width: 650px; width: 100%; }
}

@media (max-width: 720px) {
  .area-confronto { border-radius: 12px; padding: 1rem 0.7rem; }
  .area-confronto .painel-fase { grid-template-columns: 1fr; }
  .area-confronto--pre .formacao-time { grid-template-columns: repeat(5, minmax(118px, 1fr)); }
  .placar-serie-md5 { gap: 0.35rem; padding-inline: 0.4rem; }
  .placar-serie-md5 > span { font-size: 0.68rem; }
  .area-confronto--partida .formacao-time { min-height: 305px; }
  .area-confronto--partida .formacao-time .player-card--confronto-premium,
  .area-confronto--partida .formacao-time .player-card--confronto-premium[data-rota="Jungle"],
  .area-confronto--partida .formacao-time .player-card--confronto-premium[data-rota="Sup"] { max-width: 102px; width: 102px; }
}

/* Ajustes finais de escala e distribuicao das cartas do confronto. */
body:has(#areaConfronto:not(.oculto)) .pagina { max-width: 1520px; }
.area-confronto--pre .formacao-time {
  gap: clamp(0.3rem, 0.7vw, 0.65rem);
  grid-template-columns: repeat(5, minmax(160px, 1fr));
}
.area-confronto--pre .formacao-time .player-card--confronto-premium,
.area-confronto--pre .formacao-time .player-card--confronto-premium[data-rota="Jungle"],
.area-confronto--pre .formacao-time .player-card--confronto-premium[data-rota="Sup"] { max-width: 205px; }
.area-confronto--pre .player-card--confronto-premium .draft-card__rota { font-size: 0.75rem; }
.area-confronto--pre .player-card--confronto-premium .draft-card__ger strong { font-size: 1.12rem; }
.area-confronto--pre .player-card--confronto-premium .draft-card__bandeira { top: 18.5%; }
.area-confronto--pre .player-card--confronto-premium .draft-card__nome { font-size: 0.98rem !important; top: 53.4%; }
.area-confronto--pre .player-card--confronto-premium .draft-card__ano { font-size: 0.67rem; top: 61.1%; }
.area-confronto--pre .player-card--confronto-premium .draft-card__atributos { font-size: 0.62rem; gap: 0.2rem 0.25rem; top: 72.1%; }
.area-confronto--pre .player-card--confronto-premium .draft-card__atributos span { padding: 0.18rem 0.16rem; }
.area-confronto--pre .player-card--confronto-premium .draft-card__time {
  bottom: 8%;
  font-size: 0.62rem;
  height: 4.2%;
  left: 10%;
  width: 80%;
}

.area-confronto--partida { padding-inline: clamp(0.7rem, 1.35vw, 1.35rem); }
.area-confronto--partida .painel-time-confronto { padding-inline: 0.45rem; }
.area-confronto--partida .times-confronto { gap: clamp(0.45rem, 0.8vw, 0.8rem); }
.area-confronto--partida .formacao-time {
  gap: 0.25rem 0;
  min-height: 510px;
  overflow: visible;
  padding: 0.55rem 0 0.9rem;
}
.area-confronto--partida .formacao-time .player-card--confronto-premium,
.area-confronto--partida .formacao-time .player-card--confronto-premium[data-rota="Jungle"],
.area-confronto--partida .formacao-time .player-card--confronto-premium[data-rota="Sup"] {
  max-width: 160px;
  width: min(160px, 92%);
}
.area-confronto--partida .formacao-time .player-card--confronto-premium[data-rota="Top"] {
  justify-self: start;
  transform: translateX(-3%);
}
.area-confronto--partida .formacao-time .player-card--confronto-premium[data-rota="Mid"] { justify-self: center; }
.area-confronto--partida .formacao-time .player-card--confronto-premium[data-rota="ADC"] {
  justify-self: end;
  transform: translateX(3%);
}
.area-confronto--partida .player-card--confronto-premium .draft-card__rota { font-size: 0.67rem; top: 9%; }
.area-confronto--partida .player-card--confronto-premium .draft-card__ger { height: 10.2%; right: 10.7%; top: 8.5%; width: 16.2%; }
.area-confronto--partida .player-card--confronto-premium .draft-card__ger span { font-size: 0.36rem; }
.area-confronto--partida .player-card--confronto-premium .draft-card__ger strong { font-size: 1.12rem; }
.area-confronto--partida .player-card--confronto-premium .draft-card__bandeira { font-size: 0.86rem; top: 18.6%; }
.area-confronto--partida .player-card--confronto-premium .draft-card__nome { font-size: 0.9rem !important; top: 53.2%; }
.area-confronto--partida .player-card--confronto-premium .draft-card__ano { font-size: 0.62rem; top: 61%; }
.area-confronto--partida .player-card--confronto-premium .draft-card__atributos { font-size: 0.56rem; gap: 0.18rem 0.2rem; top: 72.1%; }
.area-confronto--partida .player-card--confronto-premium .draft-card__atributos span { padding: 0.16rem 0.13rem; }
.area-confronto--partida .player-card--confronto-premium .draft-card__time { bottom: 8%; font-size: 0.56rem; height: 4%; }

@media (max-width: 720px) {
  .area-confronto--pre .formacao-time { grid-template-columns: repeat(5, minmax(145px, 1fr)); }
  .area-confronto--partida .formacao-time { min-height: 400px; }
  .area-confronto--partida .formacao-time .player-card--confronto-premium,
  .area-confronto--partida .formacao-time .player-card--confronto-premium[data-rota="Jungle"],
  .area-confronto--partida .formacao-time .player-card--confronto-premium[data-rota="Sup"] {
    max-width: 128px;
    width: min(128px, 108%);
  }
  .area-confronto--partida .formacao-time .player-card--confronto-premium[data-rota="Top"] { transform: translateX(-1.5%); }
  .area-confronto--partida .formacao-time .player-card--confronto-premium[data-rota="ADC"] { transform: translateX(1.5%); }
}

/* Ajustes internos finais exclusivos das cartas da Tela 2. */
.area-confronto--partida .player-card--confronto-premium .draft-card__bandeira { top: 18.1%; }
.area-confronto--partida .player-card--confronto-premium .draft-card__ger span {
  line-height: 1;
  transform: translateY(0.04rem);
}
.area-confronto--partida .player-card--confronto-premium .draft-card__ger strong {
  font-size: 1.04rem;
  line-height: 0.92;
  transform: translateY(-0.025rem);
}
.area-confronto--partida .player-card--confronto-premium .draft-card__nome { top: 52.5%; }
.area-confronto--partida .player-card--confronto-premium .draft-card__ano { top: 60.1%; }
.area-confronto--partida .player-card--confronto-premium .draft-card__atributos {
  gap: 0.14rem 0.2rem;
  top: 69.3%;
}
.area-confronto--partida .player-card--confronto-premium .draft-card__atributos span { padding: 0.13rem; }

/* Ajustes pontuais finais por contexto de carta. */
.player-card--draft-premium .draft-card__time {
  font-size: clamp(0.58rem, 0.8vw, 0.7rem);
}

.area-confronto--pre .player-card--confronto-premium .draft-card__ger span {
  font-size: 0.35rem;
}

.area-confronto--partida .player-card--confronto-premium .draft-card__bandeira {
  top: 17.6%;
}

.area-confronto--partida .player-card--confronto-premium .draft-card__ger {
  padding: 0;
}

.area-confronto--partida .player-card--confronto-premium .draft-card__ger span {
  display: none;
}

.area-confronto--partida .player-card--confronto-premium .draft-card__ger strong {
  font-size: 0.96rem;
  line-height: 1;
  transform: translateY(-0.04rem);
}

.area-confronto--partida .player-card--confronto-premium .draft-card__time {
  bottom: 8.6%;
}

/* TAB premium: o mesmo componente atende partida atual, historico e campanha. */
.placar-overlay {
  background:
    radial-gradient(circle at 50% 12%, rgba(18, 117, 173, 0.2), transparent 38%),
    rgba(1, 7, 16, 0.9);
  backdrop-filter: blur(7px);
}

.placar-overlay__conteudo {
  background:
    linear-gradient(145deg, rgba(8, 27, 46, 0.98), rgba(2, 11, 23, 0.99)),
    #061321;
  border: 1px solid rgba(218, 166, 61, 0.72);
  border-radius: 4px;
  box-shadow: 0 28px 90px rgba(0, 0, 0, 0.72), inset 0 0 45px rgba(20, 121, 174, 0.08), 0 0 24px rgba(214, 158, 48, 0.09);
  padding: clamp(0.8rem, 1.8vw, 1.35rem);
}

.placar-overlay__conteudo::before {
  border: 1px solid rgba(53, 166, 211, 0.22);
  content: "";
  inset: 5px;
  pointer-events: none;
  position: absolute;
}

.placar-overlay__conteudo > h2,
.placar-tab > h3 {
  color: #edc865;
  font-family: "Coolvetica", "Arial Narrow", Arial, sans-serif;
  font-weight: 400;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.placar-overlay__fechar {
  background: linear-gradient(145deg, #132d43, #071624);
  border: 1px solid rgba(218, 166, 61, 0.7);
  border-radius: 2px;
  color: #f2d477;
}

.placar-tab,
.placar-overlay__parcial {
  background:
    radial-gradient(circle at 50% 0, rgba(18, 112, 166, 0.14), transparent 44%),
    linear-gradient(180deg, rgba(7, 26, 44, 0.98), rgba(3, 13, 25, 0.98));
  border: 1px solid rgba(217, 165, 59, 0.5);
  border-radius: 3px;
  box-shadow: inset 0 0 32px rgba(15, 102, 151, 0.08);
  padding: clamp(0.75rem, 1.5vw, 1.15rem);
}

.cabecalho-placar-tab {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 0.28rem;
  margin: 0.7rem 0 1rem;
  text-align: center;
}

.placar-tab__fase {
  color: #91a9bb;
  font-size: 0.76rem;
  letter-spacing: 0.14em;
  margin: 0;
  text-transform: uppercase;
}

.placar-tab__resultado {
  font-family: "Coolvetica", "Arial Narrow", Arial, sans-serif;
  font-size: clamp(1.25rem, 3vw, 1.8rem);
  font-weight: 400;
  letter-spacing: 0.12em;
  line-height: 1;
}

.placar-tab__resultado--vitoria { color: #e7c35e; text-shadow: 0 0 18px rgba(231, 195, 94, 0.3); }
.placar-tab__resultado--derrota { color: #df7770; text-shadow: 0 0 18px rgba(223, 119, 112, 0.24); }

.placar-tab__kills {
  align-items: center;
  display: grid;
  gap: clamp(0.35rem, 1.2vw, 0.9rem);
  grid-template-columns: minmax(110px, 1fr) auto 22px auto minmax(110px, 1fr);
  margin-top: 0.18rem;
  width: min(720px, 100%);
}

.placar-tab__kills b {
  color: #f5d776;
  font-family: "Coolvetica", "Arial Narrow", Arial, sans-serif;
  font-size: clamp(1.9rem, 5vw, 3.1rem);
  font-weight: 400;
  line-height: 1;
  text-shadow: 0 0 15px rgba(220, 165, 54, 0.22);
}

.placar-tab__kills i { color: #6f879a; font-size: 1rem; font-style: normal; }
.placar-tab__nome-time { color: #dbe8f2; font-size: 0.82rem; font-weight: 700; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.placar-tab__nome-time--jogador { text-align: right; }
.placar-tab__nome-time--adversario { text-align: left; }

.tabela-tab {
  background: linear-gradient(90deg, rgba(7, 31, 51, 0.84), rgba(5, 21, 37, 0.72));
  border: 1px solid rgba(56, 112, 143, 0.42);
  border-left: 3px solid rgba(53, 154, 197, 0.62);
  margin-top: 0.75rem;
  overflow-x: auto;
  padding: 0.15rem 0.55rem 0.45rem;
}

.tabela-tab--vencedor { border-color: rgba(218, 166, 61, 0.58); border-left-color: #d9a63d; }
.tabela-tab--vencedor h4 { color: inherit; }
.tabela-tab__titulo { align-items: baseline; display: flex; flex-wrap: wrap; gap: 0.3rem 0.65rem; margin: 0; padding: 0.62rem 0.4rem 0.52rem; }
.tabela-tab__titulo strong { color: #f0d178; font-family: "Coolvetica", "Arial Narrow", Arial, sans-serif; font-size: 1.05rem; font-weight: 400; letter-spacing: 0.04em; max-width: min(100%, 360px); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.tabela-tab__titulo span { color: #8fa8ba; font-size: 0.7rem; font-weight: 500; }

.placar-tabela { table-layout: fixed; }
.placar-tabela th,
.placar-tabela td { border-bottom: 1px solid rgba(64, 112, 140, 0.28); padding: 0.48rem 0.5rem; }
.placar-tabela tbody tr { background: rgba(4, 18, 31, 0.38); }
.placar-tabela tbody tr:hover { background: rgba(22, 82, 112, 0.16); }
.placar-tabela th { color: #b7c9d6; letter-spacing: 0.08em; }
.placar-tabela th:nth-child(1), .placar-tabela td:nth-child(1) { width: 10%; }
.placar-tabela th:nth-child(2), .placar-tabela td:nth-child(2) { width: 47%; }
.placar-tabela th:nth-child(3), .placar-tabela td:nth-child(3),
.placar-tabela th:nth-child(4), .placar-tabela td:nth-child(4),
.placar-tabela th:nth-child(5), .placar-tabela td:nth-child(5) { text-align: center; width: 7%; }
.placar-tabela th:nth-child(6), .placar-tabela td:nth-child(6) { text-align: center; width: 13%; }
.placar-tabela th:nth-child(7), .placar-tabela td:nth-child(7) { text-align: center; width: 9%; }
.placar-jogador strong { color: #edf4fa; }
.placar-jogador small { color: #7892a5; }
.destaque-tab { color: #f1cd69; text-shadow: 0 0 10px rgba(222, 170, 61, 0.24); }

.placar-overlay__placar-atual span { color: #f1ce68; font-family: "Coolvetica", "Arial Narrow", Arial, sans-serif; font-weight: 400; }
.placar-overlay__detalhes, .placar-overlay__aviso { color: #91a9bb; }

/* Refinamento exclusivo das bandeiras da linha superior na Tela 2. */
.area-confronto--partida .player-card--confronto-premium[data-rota="Jungle"] .draft-card__bandeira,
.area-confronto--partida .player-card--confronto-premium[data-rota="Sup"] .draft-card__bandeira {
  align-items: center;
  font-size: 0.92rem;
  justify-content: center;
  line-height: 1;
  padding: 0.04rem 0.12rem;
  top: 17.3%;
}

@media (max-width: 620px) {
  .placar-tab__kills { grid-template-columns: minmax(72px, 1fr) auto 16px auto minmax(72px, 1fr); }
  .placar-tab__nome-time { font-size: 0.68rem; }
  .tabela-tab__titulo { align-items: flex-start; flex-direction: column; }
}

/* Ajustes finais de encaixe das cartas e do TAB. */
.area-confronto--pre .player-card--confronto-premium .draft-card__nome,
.area-confronto--partida .player-card--confronto-premium .draft-card__nome {
  height: 1.3em;
  line-height: 1.14;
  padding-bottom: 0.08em;
}

.placar-overlay { padding: 0.25rem; }
.placar-overlay__conteudo {
  max-height: calc(100vh - 0.5rem);
  overflow: hidden;
  padding: 0.55rem 0.7rem;
  width: min(1180px, 98vw);
}

.placar-overlay .placar-tab {
  margin: 0;
  overflow: visible;
  padding: 0.45rem 0.55rem 0.5rem;
}

.placar-tab > h3 {
  font-size: 0.92rem;
  line-height: 1;
  margin: 0;
  text-align: center;
}

.cabecalho-placar-tab {
  gap: 0.16rem;
  margin: 0.28rem 0 0.42rem;
}

.placar-tab__fase { font-size: 0.68rem; }
.placar-tab__resultado { font-size: clamp(1.05rem, 2.4vw, 1.38rem); }
.placar-tab__kills { margin-top: 0; }
.placar-tab__kills b { font-size: clamp(1.55rem, 4vw, 2.25rem); }

.tabela-tab {
  margin-top: 0.38rem;
  overflow: visible;
  padding: 0 0.4rem 0.18rem;
}

.tabela-tab__titulo {
  background: linear-gradient(90deg, rgba(8, 35, 57, 0.98), rgba(12, 48, 70, 0.88) 50%, rgba(5, 24, 42, 0.98));
  border-bottom: 1px solid rgba(213, 161, 55, 0.48);
  box-shadow: inset 0 0 18px rgba(27, 128, 170, 0.08);
  margin: 0 -0.4rem;
  padding: 0.34rem 0.65rem 0.3rem;
}

.tabela-tab__titulo strong { font-size: 0.98rem; }
.tabela-tab__titulo span { font-size: 0.66rem; }
.placar-tabela { min-width: 0; }
.placar-tabela th,
.placar-tabela td {
  font-size: 0.76rem;
  padding: 0.27rem 0.4rem;
}
.placar-tabela th { font-size: 0.64rem; }
.placar-jogador { gap: 0.38rem; min-width: 0; }
.placar-jogador > div { min-width: 0; }
.placar-jogador strong,
.placar-jogador small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.placar-jogador img,
.placar-jogador .fallback-imagem-jogador { height: 27px; width: 27px; }

@media (max-width: 620px) {
  .placar-overlay__conteudo { padding: 0.35rem; width: 99vw; }
  .placar-overlay .placar-tab { padding: 0.32rem; }
  .placar-tab__fase { font-size: 0.58rem; }
  .placar-tab__resultado { font-size: 1rem; }
  .placar-tab__kills b { font-size: 1.4rem; }
  .tabela-tab { padding-inline: 0.22rem; }
  .tabela-tab__titulo { margin-inline: -0.22rem; padding: 0.25rem 0.38rem; }
  .tabela-tab__titulo strong { font-size: 0.82rem; }
  .tabela-tab__titulo span { font-size: 0.56rem; }
  .placar-tabela th,
  .placar-tabela td { font-size: 0.61rem; padding: 0.2rem 0.16rem; }
  .placar-tabela th { font-size: 0.54rem; letter-spacing: 0.03em; }
  .placar-jogador { gap: 0.22rem; }
  .placar-jogador img,
  .placar-jogador .fallback-imagem-jogador { height: 22px; width: 22px; }
  .placar-jogador small { font-size: 0.5rem; }
}

/* Refinamento final de escala e linhas de jogadores do TAB. */
.placar-overlay__conteudo {
  padding: 0.65rem 0.85rem;
  width: min(1240px, 99vw);
}

.placar-overlay .placar-tab {
  padding: 0.52rem 0.65rem 0.58rem;
}

.cabecalho-placar-tab {
  gap: 0.18rem;
  margin: 0.32rem 0 0.48rem;
}

.placar-tab__fase { font-size: 0.71rem; }
.placar-tab__resultado { font-size: clamp(1.1rem, 2.55vw, 1.45rem); }
.placar-tab__kills b { font-size: clamp(1.65rem, 4.15vw, 2.38rem); }

.cabecalho-placar-tab .placar-tab__nome-time {
  background: linear-gradient(135deg, rgba(5, 24, 42, 0.98), rgba(10, 47, 70, 0.92) 52%, rgba(4, 20, 36, 0.98));
  border: 1px solid rgba(204, 155, 54, 0.38);
  border-radius: 3px;
  box-shadow: inset 0 0 16px rgba(37, 139, 181, 0.09), 0 3px 12px rgba(0, 0, 0, 0.2);
  color: #dce9f2;
  padding: 0.42rem 0.85rem;
}

.tabela-tab {
  margin-top: 0.42rem;
  padding: 0 0.48rem 0.22rem;
}

.tabela-tab__titulo {
  margin-inline: -0.48rem;
  padding: 0.38rem 0.72rem 0.34rem;
}

.tabela-tab__titulo strong { font-size: 1.03rem; }
.tabela-tab__titulo span { font-size: 0.69rem; }
.placar-tabela th,
.placar-tabela td {
  font-size: 0.8rem;
  padding: 0.31rem 0.44rem;
}
.placar-tabela th { font-size: 0.67rem; }
.placar-jogador { gap: 0; }
.placar-jogador small {
  color: #9bb0bf;
  font-size: 0.68rem;
  margin-top: 0.08rem;
}

@media (max-width: 620px) {
  .placar-overlay__conteudo { padding: 0.4rem; width: 99vw; }
  .placar-overlay .placar-tab { padding: 0.36rem; }
  .cabecalho-placar-tab .placar-tab__nome-time { padding: 0.34rem 0.48rem; }
  .tabela-tab { padding-inline: 0.26rem; }
  .tabela-tab__titulo { margin-inline: -0.26rem; padding: 0.28rem 0.42rem; }
  .placar-tabela th,
  .placar-tabela td { font-size: 0.64rem; padding: 0.22rem 0.18rem; }
  .placar-tabela th { font-size: 0.56rem; }
  .placar-jogador small { font-size: 0.53rem; }
}

/* Estado de espera do TAB enquanto a partida ainda esta em andamento. */
.placar-overlay__espera {
  align-items: center;
  background:
    radial-gradient(circle at 50% 42%, rgba(24, 129, 174, 0.16), transparent 42%),
    linear-gradient(145deg, rgba(7, 29, 49, 0.98), rgba(2, 13, 26, 0.99));
  border: 1px solid rgba(213, 163, 58, 0.58);
  box-shadow: inset 0 0 40px rgba(25, 120, 162, 0.08), 0 12px 36px rgba(0, 0, 0, 0.32);
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: min(280px, 48vh);
  padding: 2rem;
  text-align: center;
}

.placar-overlay__espera.oculto,
.placar-overlay__espera[hidden],
.placar-tab[hidden] {
  display: none !important;
}

.placar-overlay__espera-ornamento {
  border: 1px solid #d7a63f;
  box-shadow: 0 0 16px rgba(216, 166, 63, 0.22), inset 0 0 12px rgba(29, 139, 184, 0.18);
  height: 22px;
  margin-bottom: 1.1rem;
  position: relative;
  transform: rotate(45deg);
  width: 22px;
}

.placar-overlay__espera-ornamento::after {
  background: #e1bb59;
  border-radius: 50%;
  box-shadow: 0 0 10px rgba(225, 187, 89, 0.58);
  content: "";
  height: 5px;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 5px;
}

.placar-overlay__espera p {
  color: #e8d28d;
  font-family: "Coolvetica", "Arial Narrow", Arial, sans-serif;
  font-size: clamp(1.05rem, 2.8vw, 1.45rem);
  letter-spacing: 0.06em;
  margin: 0;
  text-shadow: 0 0 16px rgba(216, 166, 63, 0.16);
}

/* Compactacao e acabamento premium dos paineis da sessao de confronto. */
body:has(#areaConfronto:not(.oculto)) .pagina {
  padding-bottom: 0.85rem;
  padding-top: 0.75rem;
}

body:has(#areaConfronto:not(.oculto)) #cabecalhoJogo {
  margin-bottom: 0.55rem;
  padding-bottom: 0.55rem;
}

.area-confronto {
  margin-top: 0.65rem;
  padding: clamp(0.75rem, 1.5vw, 1.2rem);
}

.area-confronto .titulo-confronto { padding: 0.1rem 0 0.55rem; }
.painel-competicao-pre { margin-top: 0.55rem; }

.area-confronto .legenda-sinergia {
  background:
    radial-gradient(circle at 8% 0%, rgba(25, 134, 184, 0.14), transparent 38%),
    linear-gradient(145deg, rgba(8, 31, 51, 0.97), rgba(2, 13, 25, 0.98));
  border: 1px solid rgba(205, 153, 51, 0.48);
  border-radius: 10px;
  box-shadow: inset 0 0 28px rgba(20, 117, 164, 0.08);
  color: #aebed0;
  margin: 0.5rem 0 0;
  overflow: hidden;
  padding: 0.42rem 0.65rem;
  position: relative;
}

.area-confronto .legenda-sinergia::after {
  background: linear-gradient(90deg, #d6a23c, rgba(40, 163, 208, 0.62), transparent);
  content: "";
  height: 1px;
  left: 0.65rem;
  position: absolute;
  top: 0;
  width: min(260px, 52%);
}

.area-confronto .legenda-sinergia summary {
  color: #f0c968;
  font-family: Georgia, "Times New Roman", serif;
  letter-spacing: 0.025em;
  padding: 0.12rem 0;
}

.area-confronto .legenda-sinergia div {
  background: linear-gradient(145deg, rgba(6, 24, 42, 0.78), rgba(3, 15, 28, 0.9));
  border: 1px solid rgba(182, 132, 40, 0.3);
  border-radius: 7px;
  color: #b8c7d7;
  margin-top: 0.42rem;
  max-width: none;
  padding: 0.55rem 0.7rem;
}

.area-confronto .legenda-sinergia ul { line-height: 1.42; }

.area-confronto .paineis-explicativos {
  display: grid;
  gap: 0.42rem;
  margin-top: 0.5rem;
}

.area-confronto .paineis-explicativos .legenda-sinergia,
.area-confronto .paineis-explicativos .legenda-atributos--confronto {
  margin: 0;
}

.area-confronto .legenda-atributos--confronto {
  background:
    radial-gradient(circle at 8% 0%, rgba(25, 134, 184, 0.14), transparent 38%),
    linear-gradient(145deg, rgba(8, 31, 51, 0.97), rgba(2, 13, 25, 0.98));
  border: 1px solid rgba(205, 153, 51, 0.48);
  border-radius: 10px;
  box-shadow: inset 0 0 28px rgba(20, 117, 164, 0.08);
  color: #aebed0;
  overflow: hidden;
  padding: 0.42rem 0.65rem;
}

.area-confronto .legenda-atributos--confronto summary {
  color: #f0c968;
  font-family: Georgia, "Times New Roman", serif;
  letter-spacing: 0.025em;
  padding: 0.12rem 0;
}

.area-confronto .legenda-atributos--confronto p {
  background: linear-gradient(145deg, rgba(6, 24, 42, 0.78), rgba(3, 15, 28, 0.9));
  border: 1px solid rgba(182, 132, 40, 0.3);
  border-radius: 7px;
  color: #b8c7d7;
  margin: 0.42rem 0 0;
  padding: 0.55rem 0.7rem;
}

.area-confronto .painel-fase,
.area-confronto .historico-serie {
  background:
    radial-gradient(circle at 0% 50%, rgba(24, 125, 172, 0.13), transparent 34%),
    linear-gradient(145deg, rgba(8, 31, 51, 0.96), rgba(2, 13, 25, 0.98));
  border: 1px solid rgba(201, 149, 47, 0.46);
  box-shadow: inset 0 0 28px rgba(20, 115, 160, 0.07);
}

.area-confronto .painel-fase {
  align-items: center;
  gap: 0.35rem 0.85rem;
  grid-template-columns: auto minmax(0, 1fr);
  margin-top: 0.55rem;
  padding: 0.55rem 0.8rem;
}

.area-confronto .painel-fase p {
  line-height: 1.35;
  margin: 0;
  white-space: normal;
}

.area-confronto .historico-serie {
  margin-top: 0.55rem;
  padding: 0.65rem 0.75rem;
}

.area-confronto--pre .formacao-time--aguardando {
  align-content: center;
  justify-items: center;
  min-height: 118px;
  padding: 0.8rem;
  place-items: center;
  text-align: center;
}

.area-confronto--pre .formacao-time--aguardando p {
  color: #aebfd0;
  line-height: 1.45;
  margin: 0 auto;
  max-width: 560px;
  text-align: center;
}

.area-confronto .tabela-grupo-area { padding: 0.65rem 0.8rem; }
.area-confronto .painel-time-confronto { padding: clamp(0.55rem, 0.9vw, 0.8rem); }
.area-confronto .resumo-time-confronto { margin: 0.25rem 0 0.5rem; }
.area-confronto .placar-serie-md5 { margin-top: 0.55rem; padding-block: 0.55rem; }
.area-confronto .log-partida-area { margin-top: 0.7rem; padding: 0.65rem 0.75rem; }
.area-confronto .log-partida-area h3 { margin-bottom: 0.45rem; }
.area-confronto .log-partida { max-height: 190px; }
.area-confronto .selecao-estilo--campeonato { padding: 0.65rem 0.75rem; }
.area-confronto #botaoContinuacaoRodape { margin-top: 0.75rem; }

@media (max-width: 720px) {
  body:has(#areaConfronto:not(.oculto)) .pagina { padding: 0.65rem; }
  .area-confronto { margin-top: 0.5rem; padding: 0.7rem 0.55rem; }
  .area-confronto .painel-fase { align-items: start; grid-template-columns: 1fr; }
  .area-confronto .painel-fase p { line-height: 1.45; }
  .area-confronto .legenda-sinergia div { padding: 0.5rem; }
}

/* Carrossel horizontal do elenco sorteado. */
.carrossel-elenco {
  align-items: center;
  display: grid;
  gap: 0.5rem;
  grid-template-columns: 2.4rem minmax(0, 1fr) 2.4rem;
  margin: 1rem auto 0;
  max-width: 1325px;
  width: 100%;
}

.carrossel-elenco__viewport {
  min-width: 0;
  overflow: hidden;
  scroll-behavior: smooth;
  scrollbar-width: none;
}

.carrossel-elenco__viewport::-webkit-scrollbar { display: none; }

#opcoesJogadores.carrossel-elenco__trilho {
  display: flex;
  gap: 1rem;
  grid-template-columns: none;
  justify-items: initial;
  transition: transform 280ms ease;
  width: 100%;
}

#opcoesJogadores.carrossel-elenco__trilho .carta-jogador.player-card--draft-premium {
  flex: 0 0 calc((100% - 4rem) / 5);
  max-width: none;
  min-width: 0;
}

.carrossel-elenco__seta {
  align-items: center;
  align-self: center;
  background:
    linear-gradient(145deg, rgba(10, 36, 57, 0.98), rgba(3, 14, 26, 0.98));
  border: 1px solid var(--color-gold-primary);
  border-radius: 0;
  box-shadow: inset 0 0 16px rgba(20, 130, 178, 0.12), 0 0 12px rgba(var(--color-gold-primary-rgb), 0.12);
  color: var(--color-gold-primary);
  display: flex;
  font-size: 1.25rem;
  height: 4rem;
  justify-content: center;
  padding: 0;
  position: relative;
  transition: background 180ms ease, box-shadow 180ms ease, color 180ms ease, transform 180ms ease;
  width: 2.35rem;
}

.carrossel-elenco__seta::before {
  border: 1px solid rgba(var(--color-gold-primary-rgb), 0.52);
  content: "";
  inset: 4px;
  pointer-events: none;
  position: absolute;
}

.carrossel-elenco__seta:hover:not(:disabled),
.carrossel-elenco__seta:focus-visible {
  background: linear-gradient(145deg, rgba(17, 56, 82, 0.98), rgba(4, 21, 37, 0.98));
  box-shadow: inset 0 0 18px rgba(22, 145, 195, 0.18), 0 0 16px rgba(var(--color-gold-primary-rgb), 0.25);
  color: var(--color-gold-primary);
  transform: translateY(-1px);
}

.carrossel-elenco__seta:active:not(:disabled) { transform: translateY(1px); }
.carrossel-elenco__seta--inativa { pointer-events: none; visibility: hidden; }

/* A logo permanece discreta no cabecalho e reutiliza o reset seguro do jogo. */
#cabecalhoJogo { position: relative; }
.logo-retorno-inicio {
  background: transparent;
  border: 1px solid transparent;
  border-radius: 4px;
  cursor: pointer;
  padding: 0.2rem 0.35rem;
  position: absolute;
  right: 0;
  top: 0;
}

.logo-retorno-inicio img {
  display: block;
  height: 48px;
  object-fit: contain;
  width: 118px;
}

.logo-retorno-inicio:hover,
.logo-retorno-inicio:focus-visible {
  background: rgba(7, 27, 44, 0.72);
  border-color: rgba(var(--color-gold-primary-rgb), 0.55);
  box-shadow: 0 0 16px rgba(var(--color-gold-primary-rgb), 0.14);
}

/* Dourado oficial extraido da logo: #cf9518. Cores semanticas ficam intactas. */
.form-nome-time--inicio > label,
.selecao-modo--inicio legend,
.tela-inicial__explicacao h2,
.passos-inicio__numero,
.tela-inicial__rodape strong,
.sobretitulo,
.legenda-atributos summary,
.legenda-atributos strong,
.ger,
#elencoSorteado .cabecalho-time h3,
body:has(#areaDraft:not(.oculto)) #cabecalhoJogo h1,
body:has(#areaDraft:not(.oculto)) #areaDraft h2,
body:has(#areaDraft:not(.oculto)) #areaTimeDraft h2,
body:has(#areaDraft:not(.oculto)) #areaTimeDraft h3,
.campanha-aba--ativa,
.grupo-linha--jogador,
.botao-secundario,
.estilo-confronto,
.legenda-sinergia summary,
.campeonato-etapa--atual,
.chave-jogo--jogador,
.chave-slot--jogador,
.log-final,
.encerramento-card h4,
.destaque-tab,
.placar-overlay__placar-atual span,
.area-confronto .titulo-confronto h2,
.area-confronto .painel-time-confronto > h3,
.area-confronto .painel-fase h3,
.area-confronto .tabela-grupo-titulo h3,
.area-confronto .log-partida-area h3,
.area-confronto .tabela-grupo th,
.area-confronto .estilo-confronto,
.placar-serie-md5 strong,
.area-confronto .placar-ao-vivo__numeros,
.area-confronto .legenda-sinergia summary,
.placar-overlay__espera p,
.draft-card__rota,
.draft-card__ger,
.draft-card__nome,
.player-card--draft-premium .draft-card__atributos span,
#areaTimeDraft .opcao-estilo--selecionada strong,
.placar-overlay__conteudo > h2,
.placar-tab > h3,
.placar-overlay__fechar,
.placar-tab__kills b,
.tabela-tab__titulo strong {
  color: var(--color-gold-primary);
}

.tela-inicial .opcao-modo--selecionada,
.form-nome-time--inicio input:focus,
.form-nome-time input:focus,
.opcao-modo--selecionada,
.opcao-estilo--selecionada,
.campanha-aba--ativa,
.botao-secundario,
.campeonato-etapa--atual,
.chave-jogo--jogador,
.tela-encerramento,
.encerramento-card--principal,
.placar-overlay__conteudo:focus,
.chave-confronto--jogador-atual,
.area-confronto .chave-confronto--jogador-atual,
.area-confronto .selecao-estilo--campeonato .opcao-estilo--selecionada {
  border-color: var(--color-gold-primary);
}

.tela-inicial .botao-comecar-draft,
#areaDraft .botao-secundario,
#areaTimeDraft #iniciarCampeonato,
.player-card--draft-premium > button,
.area-confronto #botaoContinuacaoTopo,
.area-confronto #botaoContinuacaoRodape {
  background: linear-gradient(
    color-mix(in srgb, var(--color-gold-primary), white 20%),
    var(--color-gold-primary) 52%,
    color-mix(in srgb, var(--color-gold-primary), black 26%)
  );
  border-color: var(--color-gold-primary);
}

button { background-color: var(--color-gold-primary); }
button:hover:not(:disabled) { background-color: color-mix(in srgb, var(--color-gold-primary), white 14%); }

.tela-inicial::before,
.tela-inicial::after,
.tela-inicial__centro,
.tela-inicial__rodape,
.tela-inicial .opcao-modo--selecionada,
#areaDraft,
#areaTimeDraft,
.area-confronto,
.painel-fase,
.historico-serie,
.placar-overlay__conteudo {
  border-color: rgba(var(--color-gold-primary-rgb), 0.55);
}

.tela-inicial__rodape::before {
  background: linear-gradient(90deg, transparent, var(--color-gold-primary), transparent);
}

.tela-inicial__rodape div + div::before {
  background: linear-gradient(transparent, rgba(var(--color-gold-primary-rgb), 0.68), transparent);
}

.passos-inicio__numero::before { border-left-color: rgba(var(--color-gold-primary-rgb), 0.78); }
.tela-inicial .opcao-modo--selecionada::after {
  border-color: var(--color-gold-primary);
  color: var(--color-gold-primary);
}

@media (max-width: 1100px) {
  #opcoesJogadores.carrossel-elenco__trilho .carta-jogador.player-card--draft-premium {
    flex-basis: calc((100% - 2rem) / 3);
  }
}

@media (max-width: 760px) {
  #cabecalhoJogo { padding-right: 88px; }
  .logo-retorno-inicio img { height: 38px; width: 78px; }
  #opcoesJogadores.carrossel-elenco__trilho .carta-jogador.player-card--draft-premium {
    flex-basis: calc((100% - 1rem) / 2);
  }
}

/* Identificador discreto de versao, alimentado pela constante GAME_VERSION. */
.game-version {
  color: #8ea3b8;
  font-size: 0.62rem;
  font-variant-numeric: tabular-nums;
  font-weight: 600;
  letter-spacing: 0.08em;
  line-height: 1;
  opacity: 0.78;
  pointer-events: none;
  position: absolute;
  right: 0.55rem;
  top: 0.55rem;
  z-index: 32;
}

.game-version--draft { display: none; }

body:has(#areaDraft:not(.oculto)) #cabecalhoJogo .game-version--draft {
  display: block;
}

@media (max-width: 560px) {
  .game-version {
    font-size: 0.56rem;
    right: 0.35rem;
    top: 0.35rem;
  }
}

/* Tela de encerramento: resultado resumido premium */
.tela-encerramento {
  background:
    radial-gradient(circle at 50% 0%, rgba(20, 117, 166, 0.2), transparent 43%),
    linear-gradient(145deg, rgba(5, 24, 39, 0.98), rgba(3, 13, 25, 0.99) 68%, rgba(8, 29, 45, 0.98));
  border: 1px solid color-mix(in srgb, var(--color-gold-primary), transparent 15%);
  border-radius: 16px;
  box-shadow: inset 0 0 42px rgba(11, 105, 150, 0.09), 0 20px 50px rgba(0, 0, 0, 0.34);
  margin: 1rem auto 0;
  max-width: 1380px;
  overflow: hidden;
  padding: clamp(1rem, 2vw, 1.7rem);
  position: relative;
}

.tela-encerramento::before,
.tela-encerramento::after {
  border-color: color-mix(in srgb, var(--color-gold-primary), transparent 34%);
  border-style: solid;
  content: "";
  height: 42px;
  pointer-events: none;
  position: absolute;
  width: 90px;
}

.tela-encerramento::before { border-width: 1px 0 0 1px; left: 10px; top: 10px; }
.tela-encerramento::after { border-width: 0 1px 1px 0; bottom: 10px; right: 10px; }

.encerramento-grade {
  align-items: stretch;
  display: grid;
  gap: clamp(0.9rem, 1.5vw, 1.3rem);
  grid-template-columns: minmax(250px, 0.72fr) minmax(480px, 1.28fr);
  margin: 0 auto 1.1rem;
  max-width: 1240px;
}

.encerramento-card {
  background:
    linear-gradient(135deg, rgba(12, 40, 60, 0.9), rgba(5, 18, 31, 0.96)),
    radial-gradient(circle at 20% 0%, rgba(24, 145, 190, 0.13), transparent 50%);
  border: 1px solid rgba(206, 151, 31, 0.48);
  border-radius: 12px;
  box-shadow: inset 0 0 24px rgba(18, 102, 143, 0.07), 0 10px 28px rgba(0, 0, 0, 0.2);
  padding: clamp(1rem, 1.7vw, 1.35rem);
}

.encerramento-card--principal {
  border-color: var(--color-gold-primary);
  grid-column: 1 / -1;
  justify-self: center;
  max-width: 930px;
  padding: clamp(1.25rem, 2.5vw, 2rem);
  text-align: center;
  width: 100%;
}

.encerramento-trofeu-campeao {
  display: none;
  margin: 0;
}

.tela-encerramento--campeao .encerramento-card--principal {
  grid-column: 2;
  grid-row: 1;
  justify-self: stretch;
  max-width: none;
}

.tela-encerramento--campeao .encerramento-trofeu-campeao {
  align-items: center;
  display: flex;
  grid-column: 1;
  grid-row: 1;
  justify-content: center;
  margin-bottom: -0.55rem;
  min-height: 310px;
  overflow: visible;
  position: relative;
}

.tela-encerramento--campeao .encerramento-trofeu-campeao::before {
  background: radial-gradient(
    ellipse at center,
    rgba(73, 173, 211, 0.27) 0%,
    rgba(45, 119, 154, 0.16) 38%,
    rgba(213, 159, 42, 0.08) 58%,
    transparent 82%
  );
  content: "";
  filter: blur(10px);
  inset: 3% -13%;
  position: absolute;
}

.tela-encerramento--campeao .encerramento-trofeu-campeao img {
  filter: drop-shadow(0 20px 24px rgba(0, 0, 0, 0.48)) drop-shadow(0 0 24px rgba(218, 164, 43, 0.3));
  height: auto;
  max-height: 360px;
  max-width: 100%;
  object-fit: contain;
  position: relative;
  width: min(360px, 96%);
  z-index: 1;
}

.encerramento-card--principal .sobretitulo {
  color: #a8bbcc;
  font-size: 0.74rem;
  letter-spacing: 0.2em;
  text-transform: uppercase;
}

.encerramento-card--principal h3 {
  color: var(--color-gold-primary);
  font-family: var(--font-display, Georgia, serif);
  font-size: clamp(1.75rem, 4vw, 3rem);
  letter-spacing: 0.08em;
  margin: 0.35rem 0;
  text-shadow: 0 0 22px color-mix(in srgb, var(--color-gold-primary), transparent 64%);
}

.encerramento-card--principal #resumoEncerramento {
  color: #e6edf5;
  font-size: clamp(0.95rem, 1.5vw, 1.12rem);
  margin: 0.25rem 0 0.55rem;
}

.tela-encerramento--campeao .encerramento-card--principal #resumoEncerramento {
  font-size: clamp(1.08rem, 1.75vw, 1.32rem);
  margin-top: 0.85rem;
}

.encerramento-card--principal #modoFinal {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem 1.5rem;
  justify-content: center;
  margin: 0.45rem 0 0.55rem;
  text-align: center;
}
.encerramento-card--principal #modoFinal span { white-space: nowrap; }

.encerramento-card h4,
.encerramento-mvp__cabecalho h4 {
  color: var(--color-gold-primary);
  font-family: var(--font-display, Georgia, serif);
  letter-spacing: 0.06em;
}

.encerramento-card--desempenho {
  align-self: end;
  grid-column: 1;
}

.encerramento-card--desempenho h4 { margin: 0 0 0.8rem; }

#resumoDesempenho {
  display: grid;
  gap: 0.65rem;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  line-height: normal;
  white-space: normal;
}

.desempenho-metrica {
  background: linear-gradient(145deg, rgba(5, 20, 34, 0.9), rgba(11, 41, 60, 0.72));
  border: 1px solid rgba(206, 151, 31, 0.22);
  border-radius: 7px;
  display: grid;
  gap: 0.16rem;
  padding: 0.65rem 0.75rem;
}

.desempenho-metrica span { color: #9fb2c5; font-size: 0.72rem; text-transform: uppercase; }
.desempenho-metrica strong { color: #f3e4bd; font-size: 1.2rem; }

.encerramento-mvp {
  align-self: end;
  grid-column: 2;
  min-width: 0;
}

.encerramento-mvp__cabecalho {
  align-items: end;
  display: flex;
  min-height: 62px;
  overflow: visible;
  padding: 0 0 0.55rem;
  position: relative;
}

.encerramento-mvp__cabecalho h4 { font-size: clamp(1.1rem, 2vw, 1.5rem); margin: 0; }

.encerramento-card--mvp { min-height: 330px; padding: clamp(0.9rem, 1.5vw, 1.2rem); }
.encerramento-card--mvp > div { line-height: normal; white-space: normal; }

.mvp-card--resultado {
  align-items: center;
  display: grid;
  gap: clamp(1rem, 2.4vw, 2rem);
  grid-template-columns: minmax(190px, 235px) minmax(180px, 1fr);
  height: 100%;
}

.mvp-card--resultado .player-card--mvp {
  max-width: 235px;
  width: 100%;
}

.mvp-card--resultado .player-card--mvp .draft-card__moldura,
.mvp-card--resultado .player-card--mvp .draft-card__foto,
.mvp-card--resultado .player-card--mvp .fallback-imagem-jogador {
  grid-row: auto;
  height: 100%;
  width: 100%;
}

.mvp-card__dados { display: grid; gap: 0.75rem; }

.mvp-card__dados p {
  align-items: center;
  background: linear-gradient(100deg, rgba(5, 19, 32, 0.94), rgba(12, 49, 70, 0.68));
  border-left: 2px solid var(--color-gold-primary);
  display: flex;
  justify-content: space-between;
  margin: 0;
  padding: 0.75rem 0.85rem;
}

.mvp-card__dados span { color: #a8bacb; font-size: 0.78rem; letter-spacing: 0.08em; }
.mvp-card__dados strong { color: #f3d77d; font-family: var(--font-display, Georgia, serif); font-size: clamp(1.05rem, 2vw, 1.42rem); }
.mvp-card__dados .mvp-kda__decimal { color: inherit; font: inherit; letter-spacing: inherit; position: relative; top: 0.1em; }

.acoes-encerramento {
  justify-content: center;
  margin: 0 auto;
  max-width: 1240px;
}

@media (max-width: 820px) {
  .encerramento-grade { grid-template-columns: 1fr; }
  .encerramento-card--principal,
  .encerramento-card--desempenho,
  .encerramento-mvp { grid-column: 1; }
  .tela-encerramento--campeao .encerramento-card--principal,
  .tela-encerramento--campeao .encerramento-trofeu-campeao {
    grid-column: 1;
    grid-row: auto;
  }
  .tela-encerramento--campeao .encerramento-trofeu-campeao { margin-bottom: -0.35rem; min-height: 250px; }
  .tela-encerramento--campeao .encerramento-trofeu-campeao img { max-height: 280px; width: min(290px, 84vw); }
}

@media (max-width: 520px) {
  .tela-encerramento { padding: 0.85rem; }
  .encerramento-card--mvp { min-height: 0; }
  .mvp-card--resultado { grid-template-columns: 1fr; }
  .mvp-card--resultado .player-card--mvp { justify-self: center; max-width: 210px; }
  .encerramento-mvp__cabecalho { min-height: 60px; }
  .acoes-encerramento { display: grid; grid-template-columns: 1fr; }
}

/* Ajustes finais de estado, alinhamento e leitura. */
#areaDraft.area-draft--aguardando-sorteio {
  padding-bottom: 0.7rem;
}

#areaDraft.area-draft--aguardando-sorteio .draft-sorteio-linha {
  margin-bottom: 0.28rem;
  padding-bottom: 0.42rem;
}

#areaDraft.area-draft--aguardando-sorteio .legenda-atributos {
  margin-top: 0.28rem;
}

.acoes-confronto {
  align-items: flex-end;
}

.acoes-confronto > [data-continuacao],
.controle-placar-confronto > #verPlacar {
  min-height: 42px;
}

[data-continuacao]:disabled {
  cursor: not-allowed;
  filter: grayscale(0.45);
  opacity: 0.48;
}

[data-continuacao]:disabled:hover {
  background: inherit;
  box-shadow: none;
  transform: none;
}

.placar-overlay__fechar.oculto,
#proximaPartidaOverlay.oculto {
  display: none !important;
}

.historico-serie__jogo--nao-consultado {
  animation: destaque-jogo-pendente 1.8s ease-in-out infinite;
  background: linear-gradient(145deg, rgba(12, 48, 66, 0.96), rgba(8, 27, 42, 0.98));
  border-color: rgba(91, 171, 192, 0.82) !important;
}

@keyframes destaque-jogo-pendente {
  0%, 100% { box-shadow: 0 0 0 1px rgba(91, 171, 192, 0.08); }
  50% { box-shadow: 0 0 0 3px rgba(91, 171, 192, 0.22); }
}

.encerramento-card--mvp .encerramento-mvp__cabecalho,
#telaCampanha .campanha-mvp__cabecalho {
  align-items: flex-start;
  justify-content: center;
  padding-left: 0;
  padding-right: 0;
  text-align: center;
}

.encerramento-card--mvp .encerramento-mvp__cabecalho h4,
#telaCampanha .campanha-mvp__cabecalho h3 {
  font-size: clamp(2rem, 3.2vw, 2.8rem);
  line-height: 0.95;
  margin: 0 auto;
  text-align: center;
  width: 100%;
}

.encerramento-card--mvp .titulo-mvp__complemento,
#telaCampanha .titulo-mvp__complemento {
  font-size: 0.38em;
  margin-top: 0.34rem;
}

.campanha-destaque p {
  font-size: clamp(0.94rem, 1.2vw, 1.05rem);
}

.campanha-partida {
  grid-template-columns: minmax(105px, 1.05fr) minmax(62px, 0.65fr) auto minmax(150px, 1.55fr) 54px;
}

.campanha-partida small {
  font-size: 0.78rem;
  text-align: left;
}

.campanha-partida em {
  align-items: center;
  align-self: stretch;
  background: linear-gradient(145deg, rgba(194, 139, 27, 0.18), rgba(7, 28, 44, 0.82));
  border: 1px solid rgba(var(--color-gold-primary-rgb), 0.5);
  border-radius: 3px;
  color: var(--color-gold-primary);
  display: flex;
  font-family: var(--font-display, Georgia, serif);
  font-size: 0.72rem;
  font-style: normal;
  justify-content: center;
  letter-spacing: 0.08em;
  min-width: 50px;
}

@media (max-width: 760px) {
  .campanha-partida {
    grid-template-columns: minmax(105px, 1fr) auto 50px;
  }
  .campanha-partida strong, .campanha-partida small { grid-column: 1; }
  .campanha-partida span, .campanha-partida b { grid-column: 2; }
  .campanha-partida em { grid-column: 3; grid-row: 1 / span 2; }
}

/* Ver Campanha: painel premium derivado exclusivamente dos placares salvos. */
body:has(#telaCampanha:not(.oculto)) {
  background:
    radial-gradient(circle at 14% 12%, rgba(19, 131, 184, 0.2), transparent 29%),
    radial-gradient(circle at 88% 26%, rgba(24, 83, 151, 0.18), transparent 31%),
    linear-gradient(135deg, #020812 0%, #071a2b 46%, #030b18 76%, #061523 100%);
  background-attachment: fixed;
}

body:has(#telaCampanha:not(.oculto)) .pagina { max-width: 1480px; }

.tela-campanha {
  margin: 0 auto;
  max-width: 1400px;
  padding: 0.5rem 0 1.25rem;
  position: relative;
}

.campanha-cabecalho {
  align-items: center;
  display: flex;
  flex-direction: column;
  min-height: 126px;
  padding: 0.25rem clamp(5.5rem, 12vw, 10rem) 0.8rem;
  position: relative;
  text-align: center;
}

.campanha-cabecalho::after {
  background: linear-gradient(90deg, transparent, rgba(var(--color-gold-primary-rgb), 0.78), transparent);
  bottom: 0;
  content: "";
  height: 1px;
  left: 4%;
  position: absolute;
  right: 4%;
}

.campanha-cabecalho__modo {
  color: #829bad;
  font-size: 0.7rem;
  left: 1rem;
  letter-spacing: 0.08em;
  margin: 0;
  position: absolute;
  text-transform: uppercase;
  top: 0.8rem;
}

.campanha-cabecalho .campanha-cabecalho__logo {
  background: transparent;
  border: 1px solid transparent;
  margin: 0;
  padding: 0.1rem 0.25rem;
  position: static;
}

#telaCampanha .campanha-cabecalho__logo img {
  height: 70px;
  max-height: none;
  object-fit: contain;
  width: 150px;
}

.campanha-cabecalho h2 {
  color: var(--color-gold-primary);
  font-family: "Coolvetica", Georgia, serif;
  font-size: clamp(1.45rem, 3vw, 2.15rem);
  font-weight: 400;
  letter-spacing: 0.045em;
  margin: 0.2rem 0 0;
  text-shadow: 0 0 18px rgba(var(--color-gold-primary-rgb), 0.16);
}

.campanha-abas {
  display: flex;
  flex-wrap: nowrap;
  gap: 0.55rem;
  justify-content: center;
  margin: 0.9rem auto;
  max-width: 100%;
  overflow-x: auto;
  padding: 0.15rem 0.2rem 0.35rem;
  scrollbar-width: thin;
}

.campanha-aba {
  background: linear-gradient(145deg, rgba(8, 31, 49, 0.94), rgba(4, 17, 29, 0.96));
  border: 1px solid rgba(74, 120, 147, 0.45);
  border-radius: 3px;
  color: #aec0ce;
  flex: 0 0 auto;
  font-size: 0.74rem;
  letter-spacing: 0.055em;
  min-width: 118px;
  padding: 0.56rem 0.9rem;
  text-transform: uppercase;
}

.campanha-aba:hover:not(:disabled) {
  background: linear-gradient(145deg, rgba(13, 54, 78, 0.96), rgba(6, 25, 40, 0.98));
  border-color: rgba(var(--color-gold-primary-rgb), 0.58);
  color: #f1d482;
}

.campanha-aba--ativa {
  background: linear-gradient(145deg, rgba(66, 47, 12, 0.94), rgba(12, 40, 57, 0.98));
  border-color: var(--color-gold-primary);
  box-shadow: inset 0 0 15px rgba(var(--color-gold-primary-rgb), 0.1), 0 0 13px rgba(var(--color-gold-primary-rgb), 0.1);
  color: #f2d47d;
}

.campanha-layout {
  display: grid;
  gap: clamp(0.8rem, 1.5vw, 1.15rem);
  grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.08fr);
}

.campanha-painel {
  background:
    radial-gradient(circle at 50% 0%, rgba(20, 111, 155, 0.12), transparent 48%),
    linear-gradient(145deg, rgba(7, 29, 46, 0.97), rgba(3, 15, 27, 0.98));
  border: 1px solid rgba(var(--color-gold-primary-rgb), 0.5);
  border-radius: 12px;
  box-shadow: inset 0 0 30px rgba(14, 94, 130, 0.06), 0 12px 30px rgba(0, 0, 0, 0.24);
  min-width: 0;
  padding: clamp(0.9rem, 1.6vw, 1.3rem);
  position: relative;
}

.campanha-painel::before,
.campanha-painel::after {
  border-color: rgba(var(--color-gold-primary-rgb), 0.64);
  border-style: solid;
  content: "";
  height: 22px;
  pointer-events: none;
  position: absolute;
  width: 54px;
}

.campanha-painel::before { border-width: 1px 0 0 1px; left: 8px; top: 8px; }
.campanha-painel::after { border-width: 0 1px 1px 0; bottom: 8px; right: 8px; }

.campanha-painel > h3,
.campanha-mvp__cabecalho h3 {
  color: var(--color-gold-primary);
  font-family: "Coolvetica", Georgia, serif;
  font-size: clamp(1.05rem, 2vw, 1.35rem);
  font-weight: 400;
  letter-spacing: 0.055em;
  margin: 0 0 0.85rem;
  text-align: center;
}

.campanha-resumo__conteudo {
  display: grid;
  gap: 0.85rem;
  grid-template-columns: minmax(150px, 0.76fr) minmax(210px, 1.24fr);
}

.campanha-resumo-geral {
  align-content: start;
  display: grid;
  gap: 0.52rem;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin: 0;
}

.campanha-metrica {
  background: linear-gradient(145deg, rgba(5, 20, 33, 0.94), rgba(10, 41, 59, 0.72));
  border: 1px solid rgba(var(--color-gold-primary-rgb), 0.22);
  border-radius: 6px;
  padding: 0.62rem 0.7rem;
}

.campanha-metrica strong {
  color: #f0d483;
  font-family: "Coolvetica", Georgia, serif;
  font-size: 1.2rem;
  font-weight: 400;
}

.campanha-metrica span { color: #8fa7b8; font-size: 0.69rem; letter-spacing: 0.05em; text-transform: uppercase; }

.campanha-destaques { display: grid; gap: 0.52rem; }

.campanha-destaque {
  align-items: center;
  background: linear-gradient(100deg, rgba(5, 20, 33, 0.9), rgba(13, 48, 67, 0.6));
  border-left: 2px solid var(--color-gold-primary);
  display: grid;
  gap: 0.16rem 0.65rem;
  grid-template-columns: minmax(0, 1fr) auto;
  padding: 0.56rem 0.65rem;
}

.campanha-destaque h4 { color: #d9e4eb; font-size: 0.78rem; margin: 0; }
.campanha-destaque p { color: #8ea7b8; font-size: 0.7rem; margin: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.campanha-destaque .campanha-ver-placar { grid-column: 2; grid-row: 1 / span 2; }

.campanha-ver-placar {
  background: transparent;
  border: 1px solid rgba(var(--color-gold-primary-rgb), 0.6);
  color: #e7c66e;
  font-size: 0.67rem;
  min-height: 0;
  padding: 0.38rem 0.58rem;
  white-space: nowrap;
}

.campanha-ver-placar:hover:not(:disabled) { background: rgba(var(--color-gold-primary-rgb), 0.1); }

.campanha-mvp { margin: 0; padding-top: 0.8rem; }

.campanha-mvp__cabecalho {
  min-height: 58px;
  padding: 0.15rem 0 0;
  position: relative;
}

.campanha-mvp__cabecalho h3 { margin: 0.55rem 0 0.65rem; }

.campanha-mvp #conteudoMvpCampanha { white-space: normal; }

.campanha-mvp__destaque {
  gap: clamp(0.8rem, 1.6vw, 1.25rem);
  grid-template-columns: minmax(142px, 178px) minmax(145px, 1fr);
  min-height: 245px;
}

.campanha-mvp__destaque .player-card--mvp { max-width: 178px; }
.campanha-mvp__destaque .mvp-card__dados p { padding: 0.58rem 0.65rem; }
.campanha-mvp__destaque .mvp-card__dados strong { font-size: 1.05rem; }

.campanha-mvp__jogos {
  border-top: 1px solid rgba(var(--color-gold-primary-rgb), 0.22);
  display: grid;
  gap: 0.45rem;
  margin-top: 0.75rem;
  padding-top: 0.65rem;
}

.campanha-mvp__jogo {
  align-items: center;
  display: flex;
  gap: 0.55rem;
  justify-content: space-between;
  min-width: 0;
}

.campanha-mvp__jogo p { color: #afc0cc; font-size: 0.68rem; margin: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.campanha-historico { grid-column: 1 / -1; }

.campanha-lista-partidas {
  display: grid;
  gap: 0.48rem;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.campanha-partida {
  align-items: center;
  background: linear-gradient(100deg, rgba(5, 20, 33, 0.96), rgba(11, 43, 62, 0.72));
  border: 1px solid rgba(69, 116, 142, 0.42);
  border-radius: 5px;
  color: #e8f0f5;
  display: grid;
  gap: 0.45rem;
  grid-template-columns: minmax(105px, 1.15fr) minmax(62px, 0.7fr) auto minmax(120px, 1.3fr);
  justify-content: initial;
  min-height: 0;
  padding: 0.58rem 0.7rem;
  text-align: left;
  width: 100%;
}

.campanha-partida:hover:not(:disabled) {
  background: linear-gradient(100deg, rgba(8, 32, 49, 0.98), rgba(15, 58, 78, 0.82));
  border-color: rgba(var(--color-gold-primary-rgb), 0.54);
}

.campanha-partida strong { font-size: 0.72rem; }
.campanha-partida span { font-size: 0.68rem; }
.campanha-partida b { color: #f1d075; font-family: "Coolvetica", Georgia, serif; font-size: 0.95rem; font-weight: 400; text-align: center; }
.campanha-partida small { color: #8ca5b6; overflow: hidden; text-align: right; text-overflow: ellipsis; white-space: nowrap; }
.campanha-partida--vitoria { border-left: 3px solid #55d68a; }
.campanha-partida--derrota { border-left: 3px solid #f06c6c; }

.campanha-acoes {
  justify-content: center;
  margin-top: 0.85rem;
}

@media (max-width: 960px) {
  .campanha-layout { grid-template-columns: 1fr; }
  .campanha-historico { grid-column: 1; }
  .campanha-mvp__destaque { grid-template-columns: minmax(150px, 190px) minmax(160px, 1fr); }
}

@media (max-width: 680px) {
  .campanha-cabecalho { min-height: 118px; padding: 0.25rem 0.5rem 0.75rem; }
  .campanha-cabecalho__modo { left: 0.25rem; top: 0.25rem; }
  #telaCampanha .campanha-cabecalho__logo img { height: 62px; width: 130px; }
  .campanha-abas { justify-content: flex-start; }
  .campanha-resumo__conteudo { grid-template-columns: 1fr; }
  .campanha-lista-partidas { grid-template-columns: 1fr; }
  .campanha-partida { grid-template-columns: minmax(100px, 1fr) auto; }
  .campanha-partida span, .campanha-partida small { text-align: left; }
  .campanha-partida b, .campanha-partida small { grid-column: 2; }
  .campanha-partida b { grid-row: 1; }
  .campanha-partida small { grid-row: 2; }
}

@media (max-width: 470px) {
  .campanha-mvp__destaque { grid-template-columns: 1fr; }
  .campanha-mvp__destaque .player-card--mvp { justify-self: center; max-width: 190px; }
  .campanha-mvp__jogo { align-items: flex-start; flex-direction: column; }
  .campanha-mvp__jogo p { white-space: normal; }
  .campanha-ver-placar { width: auto; }
}

@media (max-width: 480px) {
  .carrossel-elenco {
    gap: 0.3rem;
    grid-template-columns: 2rem minmax(0, 1fr) 2rem;
    max-width: 330px;
  }
  .carrossel-elenco__seta { height: 3.5rem; width: 2rem; }
  #opcoesJogadores.carrossel-elenco__trilho .carta-jogador.player-card--draft-premium { flex-basis: 100%; }
}

/* Compactacao final do cabecalho, draft e sessao de confronto. */
#cabecalhoJogo {
  padding-right: 0;
}

.logo-retorno-inicio {
  display: inline-flex;
  margin: 0 0 0.35rem;
  padding: 0.12rem 0.2rem;
  position: static;
}

.logo-retorno-inicio img {
  height: auto;
  max-height: 66px;
  width: 136px;
}

#mensagemErro:empty {
  display: none;
  margin: 0;
  min-height: 0;
}

body:has(#areaDraft:not(.oculto)) .cabecalho { margin-bottom: 0.65rem; }
body:has(#areaDraft:not(.oculto)) #cabecalhoJogo { padding-bottom: 0.55rem; }
body:has(#areaDraft:not(.oculto)) .secao-draft,
body:has(#areaDraft:not(.oculto)) .secao-time { margin-top: 0.75rem; }

#areaDraft.area-draft--concluido {
  padding-bottom: 0.65rem;
  padding-top: 0.75rem;
}

#areaDraft.area-draft--concluido > h2 { margin-bottom: 0.25rem; }
#areaDraft.area-draft--concluido #elencoSorteado { margin-bottom: 0.35rem; }
#areaDraft.area-draft--concluido .legenda-atributos { margin-top: 0.35rem; }
#areaDraft.area-draft--concluido .carrossel-elenco.oculto { display: none; }

.area-confronto .painel-fase {
  display: block;
  margin-top: 0.45rem;
  padding: 0.48rem 0.75rem;
}

.area-confronto .painel-fase p {
  line-height: 1.35;
  text-align: center;
}

.area-confronto--pre .formacao-time--aguardando {
  align-items: center;
  display: flex !important;
  justify-content: center;
  min-height: 104px;
  padding: 0.7rem 1rem;
  text-align: center;
  width: 100%;
}

.area-confronto--pre .formacao-time--aguardando p {
  margin: 0 auto;
  text-align: center;
  width: min(100%, 620px);
}

.area-confronto .log-partida-area {
  margin-top: 0.55rem;
  padding: 0.6rem 0.7rem;
}

.area-confronto .log-partida {
  max-height: none;
  min-height: 4.5rem;
  overflow: visible;
  padding: 0.6rem 0.7rem;
}

.area-confronto .log-partida p { margin: 0.28rem 0; }

.area-confronto .titulo-confronto { padding-bottom: 0.45rem; }
.area-confronto .painel-competicao-pre { margin-top: 0.45rem; }
.area-confronto .legenda-sinergia { margin-top: 0.4rem; }
.area-confronto #botaoContinuacaoRodape { margin-top: 0.6rem; }

@media (max-width: 760px) {
  #cabecalhoJogo { padding-right: 0; }
  .logo-retorno-inicio img { height: auto; max-height: 56px; width: 116px; }
  .area-confronto--pre .formacao-time--aguardando { min-height: 92px; }
}

/* Ajustes pontuais das cartas de MVP e do resumo da campanha. */
.encerramento-card--mvp .player-card--mvp .draft-card__time {
  bottom: 8.8%;
}

.encerramento-card--mvp .player-card--mvp .draft-card__rota {
  color: var(--color-gold-primary);
}

.popup-duo-lendario {
  background: rgba(3, 17, 30, 0.82);
  border: 1px solid rgba(var(--color-gold-primary-rgb), 0.7);
  border-radius: 8px;
  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.34);
  color: #f4f7ff;
  font-size: clamp(0.78rem, 1.6vw, 0.95rem);
  font-weight: 700;
  left: 50%;
  max-width: min(88vw, 31rem);
  opacity: 0;
  padding: 0.72rem 1rem;
  pointer-events: none;
  position: fixed;
  text-align: center;
  top: clamp(5.5rem, 15vh, 8.5rem);
  transform: translate(-50%, -0.7rem);
  transition: opacity 150ms ease, transform 150ms ease;
  visibility: hidden;
  z-index: 10030;
}

.popup-duo-lendario--visivel {
  opacity: 1;
  transform: translate(-50%, 0);
  visibility: visible;
}

.popup-duo-lendario--saindo {
  opacity: 0;
  transform: translate(-50%, -0.35rem);
  transition-duration: 250ms;
}

.campanha-mvp__destaque {
  grid-template-columns: minmax(200px, 225px) minmax(150px, 1fr);
  min-height: 340px;
}

.campanha-mvp__destaque .player-card--mvp {
  max-width: 225px;
}

.campanha-mvp__destaque .draft-card__time {
  bottom: 8.8%;
}

.campanha-resumo {
  display: flex;
  flex-direction: column;
}

.campanha-resumo__conteudo {
  align-items: stretch;
  flex: 1;
  grid-template-columns: minmax(230px, 0.98fr) minmax(220px, 1.02fr);
  min-height: 350px;
}

.campanha-resumo-geral {
  align-content: stretch;
  grid-template-rows: repeat(2, minmax(96px, 1fr));
}

.campanha-metrica {
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 96px;
  padding: 0.9rem 1rem;
}

.campanha-metrica strong {
  font-size: 1.5rem;
  line-height: 1;
}

.campanha-metrica span {
  font-size: 0.74rem;
  margin-top: 0.38rem;
}

.campanha-destaques {
  grid-template-rows: repeat(2, minmax(0, 1fr));
}

.campanha-destaque {
  padding: 0.85rem 0.9rem;
}

@media (max-width: 960px) {
  .campanha-mvp__destaque {
    grid-template-columns: minmax(200px, 225px) minmax(160px, 1fr);
  }
}

@media (max-width: 680px) {
  .campanha-resumo__conteudo {
    grid-template-columns: 1fr;
    min-height: 0;
  }

  .campanha-resumo-geral {
    grid-template-rows: repeat(2, minmax(82px, auto));
  }

  .campanha-metrica { min-height: 82px; }
}

@media (max-width: 470px) {
  .campanha-mvp__destaque { grid-template-columns: 1fr; }
  .campanha-mvp__destaque .player-card--mvp { max-width: 210px; }
}

/* Linhas unificadas do MVP em Ver Campanha. */
.campanha-mvp__destaque .mvp-card__dados {
  gap: 0.58rem;
}

.campanha-mvp__destaque .mvp-card__linha {
  align-items: center;
  background: linear-gradient(100deg, rgba(5, 19, 32, 0.94), rgba(12, 49, 70, 0.68));
  border-left: 2px solid var(--color-gold-primary);
  display: grid;
  gap: 0.65rem;
  grid-template-columns: 82px minmax(0, 1fr);
  min-height: 54px;
  padding: 0.62rem 0.7rem;
}

.campanha-mvp__destaque .mvp-card__linha > span {
  color: #a8bacb;
  font-size: 0.72rem;
  letter-spacing: 0.055em;
  line-height: 1.15;
}

.campanha-mvp__destaque .mvp-card__linha > strong,
.campanha-mvp__destaque .mvp-card__linha-valor {
  justify-self: stretch;
  min-width: 0;
}

.campanha-mvp__destaque .mvp-card__linha > strong {
  text-align: right;
}

.campanha-mvp__destaque .mvp-card__linha-valor {
  align-items: center;
  display: flex;
  gap: 0.5rem;
  justify-content: flex-end;
}

.campanha-mvp__destaque .mvp-card__linha-valor strong {
  font-size: 0.78rem;
  overflow: hidden;
  text-align: right;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.campanha-mvp__destaque .mvp-card__linha-valor .campanha-ver-placar {
  flex: 0 0 auto;
}

.campanha-mvp__jogos:empty { display: none; }

.campanha-mvp__destaque .draft-card__nome {
  transform: translateY(-0.16rem);
}

.campanha-mvp__destaque .draft-card__ano {
  transform: translateY(-0.78rem);
}

@media (max-width: 540px) {
  .campanha-mvp__destaque .mvp-card__linha {
    grid-template-columns: 76px minmax(0, 1fr);
  }

  .campanha-mvp__destaque .mvp-card__linha-valor {
    align-items: flex-end;
    flex-direction: column;
    gap: 0.35rem;
  }
}

/* Refinamento dos títulos e da distribuição superior de Ver Campanha. */
.titulo-mvp__principal {
  display: block;
  font-size: 1em;
  line-height: 1;
}

.titulo-mvp__complemento {
  color: #9eb0bf;
  display: block;
  font-family: var(--font-body, sans-serif);
  font-size: 0.48em;
  font-weight: 500;
  letter-spacing: 0.08em;
  margin-top: 0.3rem;
  text-transform: none;
}

.campanha-layout { align-items: stretch; }

.campanha-resumo,
.campanha-mvp {
  height: 100%;
  min-height: 0;
}

.campanha-resumo__conteudo {
  align-items: stretch;
  min-height: 0;
}

.campanha-resumo-geral,
.campanha-destaques {
  align-content: stretch;
  grid-template-rows: repeat(2, minmax(0, 1fr));
}

.campanha-metrica {
  min-height: 0;
  padding: 0.78rem 0.88rem;
}

.campanha-metrica strong { font-size: 1.7rem; }
.campanha-metrica span { font-size: 0.86rem; }

.campanha-destaque {
  gap: 0.24rem 0.75rem;
  padding: 0.78rem 0.85rem;
}

.campanha-destaque h4 { font-size: 0.96rem; }
.campanha-destaque p { font-size: 0.84rem; }

.campanha-resumo .campanha-ver-placar {
  font-size: 0.78rem;
  padding: 0.46rem 0.7rem;
}

.campanha-mvp__cabecalho {
  min-height: 46px;
}

.campanha-mvp__cabecalho h3 {
  margin-bottom: 0.4rem;
  margin-top: 0.25rem;
}

.campanha-mvp__destaque .mvp-card__dados {
  align-content: end;
  align-self: stretch;
  padding-top: clamp(1.8rem, 5vh, 3.2rem);
}

@media (max-width: 680px) {
  .campanha-resumo,
  .campanha-mvp { height: auto; }

  .campanha-mvp__destaque .mvp-card__dados { padding-top: 0.75rem; }
}

/* Compactacao vertical exclusiva da tela Ver Campanha. */
#telaCampanha.tela-campanha {
  padding-bottom: 0.45rem;
  padding-top: 0.15rem;
}

#telaCampanha .campanha-cabecalho {
  min-height: 104px;
  padding-bottom: 0.35rem;
  padding-top: 0.1rem;
}

#telaCampanha .campanha-cabecalho__logo {
  padding-bottom: 0;
  padding-top: 0;
}

#telaCampanha .campanha-cabecalho h2 { margin-top: 0; }

#telaCampanha .campanha-abas {
  margin-bottom: 0.48rem;
  margin-top: 0.48rem;
  padding-bottom: 0.18rem;
  padding-top: 0.05rem;
}

#telaCampanha .campanha-layout { gap: 0.68rem; }

#telaCampanha .campanha-painel {
  padding-bottom: 0.78rem;
  padding-top: 0.72rem;
}

#telaCampanha .campanha-painel > h3,
#telaCampanha .campanha-mvp__cabecalho h3 { margin-bottom: 0.48rem; }

#telaCampanha .campanha-mvp { padding-top: 0.62rem; }
#telaCampanha .campanha-mvp__cabecalho { min-height: 40px; }

#telaCampanha .campanha-historico { padding-bottom: 0.68rem; }
#telaCampanha .campanha-lista-partidas { gap: 0.34rem; }
#telaCampanha .campanha-partida { padding-bottom: 0.46rem; padding-top: 0.46rem; }

#telaCampanha .campanha-acoes { margin-top: 0.45rem; }

@media (max-width: 680px) {
  #telaCampanha .campanha-cabecalho {
    min-height: 100px;
    padding-bottom: 0.35rem;
  }
}

/* Cabecalho horizontal do elenco sorteado no draft. */
.draft-sorteio-linha {
  align-items: center;
  border-bottom: 1px solid rgba(var(--color-gold-primary-rgb), 0.25);
  display: grid;
  gap: clamp(0.75rem, 1.5vw, 1.25rem);
  grid-template-columns: minmax(260px, 1fr) auto;
  margin: 0.55rem 0 0.9rem;
  padding-bottom: 0.75rem;
}

.draft-sorteio-linha #elencoSorteado { min-width: 0; }

.draft-sorteio-linha #elencoSorteado .cabecalho-time {
  margin: 0;
  min-width: 0;
  padding: 0.58rem 0.7rem;
}

.draft-sorteio-linha #elencoSorteado .cabecalho-time h3 {
  font-size: clamp(1rem, 1.7vw, 1.3rem);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.draft-sorteio-linha #controlesReroll {
  align-items: center;
  border: 0;
  flex-wrap: nowrap;
  gap: 0.7rem;
  justify-content: flex-end;
  margin: 0;
  padding: 0;
}

.draft-sorteio-linha .controles-reroll__acoes {
  flex-wrap: nowrap;
}

.draft-sorteio-linha .contador-rerolls {
  background: linear-gradient(145deg, rgba(7, 28, 45, 0.94), rgba(3, 15, 26, 0.96));
  border: 1px solid rgba(var(--color-gold-primary-rgb), 0.38);
  border-radius: 4px;
  color: #d8c184;
  padding: 0.52rem 0.65rem;
  white-space: nowrap;
}

/* Tela 2: Top/Mid na base, Jungle centralizada acima e dupla SUP/ADC em coluna. */
.area-confronto--partida .formacao-time {
  column-gap: clamp(0.35rem, 0.8vw, 0.75rem);
  grid-template-columns: repeat(4, minmax(0, 1fr));
  grid-template-rows: repeat(2, minmax(0, 1fr));
  row-gap: 0.35rem;
}

.area-confronto--partida .formacao-time .player-card--confronto-premium[data-rota="Top"] {
  grid-column: 1;
  grid-row: 2;
  justify-self: center;
  transform: none;
}

.area-confronto--partida .formacao-time .player-card--confronto-premium[data-rota="Jungle"] {
  grid-column: 1 / span 2;
  grid-row: 1;
  justify-self: center;
  transform: none;
}

.area-confronto--partida .formacao-time .player-card--confronto-premium[data-rota="Mid"] {
  grid-column: 2;
  grid-row: 2;
  justify-self: center;
  transform: none;
}

.area-confronto--partida .formacao-time .player-card--confronto-premium[data-rota="Sup"] {
  grid-column: 4;
  grid-row: 1;
  justify-self: center;
  transform: none;
}

.area-confronto--partida .formacao-time .player-card--confronto-premium[data-rota="ADC"] {
  grid-column: 4;
  grid-row: 2;
  justify-self: center;
  transform: none;
}

@media (max-width: 760px) {
  .draft-sorteio-linha {
    align-items: stretch;
    grid-template-columns: 1fr;
  }

  .draft-sorteio-linha #controlesReroll {
    justify-content: space-between;
  }
}

@media (max-width: 520px) {
  .draft-sorteio-linha #controlesReroll {
    align-items: stretch;
    flex-direction: column;
  }

  .draft-sorteio-linha .controles-reroll__acoes {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .draft-sorteio-linha .contador-rerolls { text-align: center; }
}

/* Ajustes finais de alinhamento solicitados. */
#cabecalhoJogo {
  align-items: center;
  display: flex;
  flex-direction: column;
  text-align: center;
}

#cabecalhoJogo > h1 {
  margin-left: 0;
  text-align: center;
  width: 100%;
}

#cabecalhoJogo > .modo-atual {
  left: 0;
  margin: 0;
  position: absolute;
  text-align: left;
  top: 0.45rem;
}

.logo-retorno-inicio:hover,
.logo-retorno-inicio:focus-visible {
  background: rgba(8, 31, 49, 0.48);
  border-color: rgba(72, 143, 177, 0.4);
  box-shadow: none;
  filter: none;
}

button:hover:not(:disabled) {
  box-shadow: none !important;
  filter: none !important;
}

.controle-placar-confronto {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 0.28rem;
  justify-content: center;
}

.controle-placar-confronto .atalho-placar {
  display: block;
  line-height: 1.15;
  text-align: center;
  width: 100%;
}

.encerramento-card--mvp .encerramento-mvp__cabecalho {
  min-height: 62px;
  padding-bottom: 0.4rem;
}

.encerramento-card--mvp .player-card--mvp .draft-card__ano {
  transform: translateY(-0.3rem);
}

#telaCampanha .campanha-mvp__cabecalho h3 {
  font-size: clamp(1.35rem, 2.35vw, 1.75rem);
}

/* Tela 2: aproxima o trio e a dupla, preservando a grade e os links. */
.area-confronto--partida .formacao-time .player-card--confronto-premium[data-rota="Top"],
.area-confronto--partida .formacao-time .player-card--confronto-premium[data-rota="Jungle"],
.area-confronto--partida .formacao-time .player-card--confronto-premium[data-rota="Mid"] {
  transform: translateX(6%);
}

.area-confronto--partida .formacao-time .player-card--confronto-premium[data-rota="ADC"] {
  transform: translateX(-6%);
}

.area-confronto--partida .formacao-time .player-card--confronto-premium[data-rota="Sup"] {
  transform: translateX(-6%);
}

@media (max-width: 760px) {
  .controle-placar-confronto { width: 100%; }
}

/* Fluxo explicito de sorteio do draft. */
.botao-sorteio-draft {
  align-items: center;
  display: inline-flex;
  gap: 0.42rem;
  justify-content: center;
  padding-inline: 0.82rem;
}

.botao-sorteio-draft__asset {
  display: inline-block;
  flex: 0 0 0.78rem;
  height: 0.78rem;
  width: 0.78rem;
}

.draft-sorteio-aguardando {
  color: #9db1c2;
  margin: 0;
  padding: 0.7rem 0.8rem;
  text-align: left;
}

#elencoSorteado .cabecalho-time--sorteando {
  border-color: rgba(62, 157, 196, 0.52);
  box-shadow: inset 0 0 28px rgba(25, 136, 183, 0.16);
}

.imagem-time--sorteio {
  background: radial-gradient(circle, rgba(35, 134, 177, 0.2), transparent 68%);
  display: block;
}

/* Destaque breve antes da abertura automatica do TAB. */
.log-partida-area--novidade {
  animation: transmissao-final-destaque 2s ease-out both;
}

@keyframes transmissao-final-destaque {
  0% { border-color: rgba(61, 157, 198, 0.38); box-shadow: inset 0 0 0 rgba(37, 145, 190, 0); }
  35% { border-color: rgba(72, 177, 218, 0.78); box-shadow: inset 0 0 28px rgba(34, 139, 184, 0.13); }
  100% { border-color: rgba(var(--color-gold-primary-rgb), 0.3); box-shadow: inset 0 0 8px rgba(34, 139, 184, 0.03); }
}

.placar-overlay__conteudo--com-proxima {
  margin-bottom: 1.8rem;
  overflow: visible;
}

.placar-overlay__proxima-partida {
  bottom: -1.3rem;
  left: 50%;
  min-width: 190px;
  position: absolute;
  transform: translateX(-50%);
  z-index: 4;
}

.placar-overlay__proxima-partida:hover:not(:disabled) {
  transform: translateX(-50%);
}

@media (max-width: 760px) {
  .draft-sorteio-linha .controles-reroll__acoes {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    width: 100%;
  }
}

@media (max-width: 520px) {
  .draft-sorteio-linha .controles-reroll__acoes { grid-template-columns: 1fr; }
}

/* Cabeçalho: a entrada exibe somente sua logo; o cabeçalho completo começa no draft. */
body:has(#telaInicial:not(.oculto)) #cabecalhoJogo {
  display: none !important;
}

/* Hover limpo da logo clicável, sem aura ou alteração de cor. */
.logo-retorno-inicio {
  transition: transform 180ms ease;
}

.logo-retorno-inicio:hover,
.logo-retorno-inicio:focus-visible {
  background: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
  filter: none !important;
  text-shadow: none !important;
  transform: scale(1.03);
}

.logo-retorno-inicio:hover::before,
.logo-retorno-inicio:hover::after,
.logo-retorno-inicio:focus-visible::before,
.logo-retorno-inicio:focus-visible::after {
  box-shadow: none !important;
  filter: none !important;
  text-shadow: none !important;
}

.logo-retorno-inicio img,
.logo-retorno-inicio:hover img,
.logo-retorno-inicio:focus-visible img {
  box-shadow: none !important;
  filter: none !important;
  text-shadow: none !important;
}

/* Overrides finais deste pacote: mantidos no fim para vencer regras responsivas legadas. */
#areaDraft.area-draft--aguardando-sorteio { padding-bottom: 0.7rem; }
#areaDraft.area-draft--aguardando-sorteio .draft-sorteio-linha { margin-bottom: 0.28rem; padding-bottom: 0.42rem; }
#areaDraft.area-draft--aguardando-sorteio .legenda-atributos { margin-top: 0.28rem; }

.acoes-confronto { align-items: flex-end; }
.placar-overlay__fechar.oculto,
#proximaPartidaOverlay.oculto { display: none !important; }

.encerramento-card--mvp .encerramento-mvp__cabecalho,
#telaCampanha .campanha-mvp__cabecalho {
  align-items: flex-start;
  justify-content: center;
  padding-left: 0;
  padding-right: 0;
  text-align: center;
}

.encerramento-card--mvp .encerramento-mvp__cabecalho h4,
#telaCampanha .campanha-mvp__cabecalho h3 {
  font-size: clamp(2rem, 3.2vw, 2.8rem);
  line-height: 0.95;
  margin: 0 auto;
  text-align: center;
  width: 100%;
}

.campanha-destaque p { font-size: clamp(0.94rem, 1.2vw, 1.05rem); }

#telaCampanha .campanha-partida {
  grid-template-columns: minmax(105px, 1.05fr) minmax(62px, 0.65fr) auto minmax(150px, 1.55fr) 54px;
}

#telaCampanha .campanha-partida small {
  font-size: 0.78rem;
  text-align: left;
}

#telaCampanha .campanha-partida em {
  align-items: center;
  align-self: stretch;
  background: linear-gradient(145deg, rgba(194, 139, 27, 0.18), rgba(7, 28, 44, 0.82));
  border: 1px solid rgba(var(--color-gold-primary-rgb), 0.5);
  border-radius: 3px;
  color: var(--color-gold-primary);
  display: flex;
  font-family: var(--font-display, Georgia, serif);
  font-size: 0.72rem;
  font-style: normal;
  justify-content: center;
  letter-spacing: 0.08em;
  min-width: 50px;
}

@media (max-width: 760px) {
  #telaCampanha .campanha-partida { grid-template-columns: minmax(105px, 1fr) auto 50px; }
  #telaCampanha .campanha-partida strong,
  #telaCampanha .campanha-partida small { grid-column: 1; }
  #telaCampanha .campanha-partida span,
  #telaCampanha .campanha-partida b { grid-column: 2; }
  #telaCampanha .campanha-partida em { grid-column: 3; grid-row: 1 / span 2; }
}

/* A campanha usa apenas seu cabeçalho próprio; o cabeçalho global não ocupa espaço. */
body:has(#telaCampanha:not(.oculto)) #cabecalhoJogo {
  display: none !important;
}

#telaCampanha .campanha-historico {
  min-height: clamp(220px, 27vh, 300px);
}

#telaCampanha .campanha-lista-partidas {
  align-content: start;
  grid-auto-rows: 56px;
}

#telaCampanha .campanha-partida {
  height: 56px;
  min-height: 56px;
  overflow: hidden;
}

@media (max-width: 760px) {
  #telaCampanha .campanha-lista-partidas { grid-auto-rows: 64px; }
  #telaCampanha .campanha-partida { height: 64px; min-height: 64px; }
}

/* Refinamentos exclusivos para celulares; nenhuma regra deste bloco alcança o desktop. */
@media (max-width: 560px) {
  body:has(#areaDraft:not(.oculto)) .player-card--draft-premium:not(.player-card--confronto-premium) .draft-card__atributos {
    margin-top: 0.42rem;
    transform: translateY(0.24rem);
  }

  .area-confronto .titulo-confronto > div:first-child {
    box-sizing: border-box;
    padding-left: 0.6rem;
  }

  .area-confronto--pre .player-card--confronto-premium .draft-card__ger strong {
    font-size: 0.88rem;
  }

  .area-confronto--pre .player-card--confronto-premium .draft-card__atributos {
    font-size: 0.49rem;
    gap: 0.13rem 0.16rem;
  }

  .area-confronto--pre .player-card--confronto-premium .draft-card__atributos span {
    padding: 0.11rem 0.09rem;
  }

  .area-confronto--partida .formacao-time .player-card--confronto-premium,
  .area-confronto--partida .formacao-time .player-card--confronto-premium[data-rota="Top"],
  .area-confronto--partida .formacao-time .player-card--confronto-premium[data-rota="Jungle"],
  .area-confronto--partida .formacao-time .player-card--confronto-premium[data-rota="Mid"],
  .area-confronto--partida .formacao-time .player-card--confronto-premium[data-rota="ADC"],
  .area-confronto--partida .formacao-time .player-card--confronto-premium[data-rota="Sup"] {
    max-width: clamp(104px, 31vw, 128px) !important;
    width: clamp(104px, 31vw, 128px) !important;
  }

  .area-confronto--partida .formacao-time .player-card--confronto-premium[data-rota="Top"],
  .area-confronto--partida .formacao-time .player-card--confronto-premium[data-rota="Jungle"],
  .area-confronto--partida .formacao-time .player-card--confronto-premium[data-rota="Mid"] {
    transform: translateX(4%);
  }

  .area-confronto--partida .formacao-time .player-card--confronto-premium[data-rota="ADC"],
  .area-confronto--partida .formacao-time .player-card--confronto-premium[data-rota="Sup"] {
    transform: translateX(-4%);
  }

  .area-confronto--partida .formacao-time .player-card--confronto-premium[data-rota="Jungle"],
  .area-confronto--partida .formacao-time .player-card--confronto-premium[data-rota="Sup"] {
    align-self: center;
  }

  .area-confronto--partida .player-card--confronto-premium .draft-card__atributos {
    font-size: 0.43rem;
    gap: 0.1rem 0.12rem;
  }

  .area-confronto--partida .player-card--confronto-premium .draft-card__atributos span {
    padding: 0.08rem 0.07rem;
  }

  /* Prioridade final dos refinamentos mobile sobre breakpoints legados. */
  #areaDraft .carrossel-elenco {
    gap: 0.28rem;
    grid-template-columns: 1.65rem minmax(0, 1fr) 1.65rem;
    max-width: 360px;
  }

  #areaDraft .carrossel-elenco__seta { height: 3.25rem; width: 1.65rem; }
  #opcoesJogadores.carrossel-elenco__trilho { gap: 0; }

  #opcoesJogadores.carrossel-elenco__trilho .carrossel-elenco__pagina .carta-jogador.player-card--draft-premium {
    flex: none;
    max-width: 142px;
    width: 100%;
  }

  .area-confronto .titulo-confronto > div:first-child { padding-left: 0.85rem; }
  .area-confronto--pre .player-card--confronto-premium .draft-card__time { font-size: 0.43rem; }
  .area-confronto--pre .player-card--confronto-premium .draft-card__ger strong { transform: translateY(-0.1rem); }
  .area-confronto--pre .player-card--confronto-premium .draft-card__atributos { font-size: 0.51rem; }

  .area-confronto--partida .formacao-time .player-card--confronto-premium[data-rota="Top"],
  .area-confronto--partida .formacao-time .player-card--confronto-premium[data-rota="Jungle"],
  .area-confronto--partida .formacao-time .player-card--confronto-premium[data-rota="Mid"] {
    transform: translateX(8%);
  }

  .area-confronto--partida .formacao-time .player-card--confronto-premium[data-rota="ADC"],
  .area-confronto--partida .formacao-time .player-card--confronto-premium[data-rota="Sup"] {
    transform: translateX(-8%);
  }

  .area-confronto--partida .player-card--confronto-premium .draft-card__time { font-size: 0.4rem; }
  .area-confronto--partida .player-card--confronto-premium .draft-card__atributos { font-size: 0.45rem; }

  /* Draft mobile: uma unica sequencia visual, com a acao final apos o elenco. */
  #areaDraft > h2,
  #areaDraft > .legenda-atributos {
    display: none;
  }

  #areaTimeDraft:not(.oculto) {
    display: flex;
    flex-direction: column;
  }

  #areaTimeDraft .titulo-secao-time { display: contents; }
  #areaTimeDraft #titulo-time { order: 1; }
  #areaTimeDraft #timeSelecionado { order: 2; }
  #areaTimeDraft #iniciarCampeonato {
    margin-top: 0.7rem;
    order: 3;
    width: 100%;
  }

  /* Garante que telas mobile ocultas nao sejam reexibidas por layouts flex. */
  .area-confronto.oculto,
  #telaCampanha.oculto,
  #areaDraft.oculto,
  #areaTimeDraft.oculto {
    display: none !important;
  }

  /* Cartas do sorteio ligeiramente maiores, mantendo duas por linha. */
  #areaDraft {
    padding-left: 0.45rem;
    padding-right: 0.45rem;
  }

  #areaDraft .carrossel-elenco {
    gap: 0.16rem;
    grid-template-columns: 1.3rem minmax(0, 1fr) 1.3rem;
    max-width: 380px;
  }

  #areaDraft .carrossel-elenco__seta {
    font-size: 1rem;
    height: 3.1rem;
    width: 1.3rem;
  }

  #opcoesJogadores .carrossel-elenco__pagina {
    gap: 0.72rem 0.42rem;
  }

  #opcoesJogadores.carrossel-elenco__trilho .carrossel-elenco__pagina .carta-jogador.player-card--draft-premium {
    max-width: 150px;
  }

  body:has(#areaDraft:not(.oculto)) .player-card--draft-premium:not(.player-card--confronto-premium) .draft-card__ger {
    right: 9.8%;
    top: 8.2%;
  }

  body:has(#areaDraft:not(.oculto)) .player-card--draft-premium:not(.player-card--confronto-premium) .draft-card__atributos {
    font-size: 0.48rem;
    gap: 0.1rem 0.12rem;
    margin-top: 0.28rem;
    transform: translateY(0.16rem);
  }

  body:has(#areaDraft:not(.oculto)) .player-card--draft-premium:not(.player-card--confronto-premium) .draft-card__atributos span {
    padding: 0.1rem 0.06rem;
  }

  /* Tela 1 mobile: selo GER mais equilibrado sem afetar outros elementos. */
  .area-confronto--pre .player-card--confronto-premium .draft-card__ger span {
    transform: translateY(0.05rem);
  }

  .area-confronto--pre .player-card--confronto-premium .draft-card__ger strong {
    font-size: 0.8rem;
    transform: translateY(-0.02rem);
  }

  /* Tela 2 mobile: bandeira menor, time mais legivel e status bem contidos. */
  .area-confronto--partida .player-card--confronto-premium .draft-card__bandeira,
  .area-confronto--partida .player-card--confronto-premium[data-rota="Jungle"] .draft-card__bandeira,
  .area-confronto--partida .player-card--confronto-premium[data-rota="Sup"] .draft-card__bandeira {
    font-size: 0.68rem;
    padding: 0.03rem 0.08rem;
  }

  .area-confronto--partida .player-card--confronto-premium .draft-card__time {
    font-size: 0.42rem;
  }

  .area-confronto--partida .player-card--confronto-premium .draft-card__atributos {
    font-size: 0.46rem;
    gap: 0.08rem 0.1rem;
  }

  .area-confronto--partida .player-card--confronto-premium .draft-card__atributos span {
    padding: 0.06rem 0.05rem;
  }

  /* Classificacao mobile: posicao fixa e foco inicial nas colunas essenciais. */
  .tabela-grupo-scroll {
    overscroll-behavior-x: contain;
  }

  .tabela-grupo { min-width: 720px; }
  .tabela-grupo th:first-child,
  .tabela-grupo td:first-child {
    background: #071b2d;
    left: 0;
    min-width: 46px;
    position: sticky;
    width: 46px;
    z-index: 2;
  }

  .tabela-grupo th:nth-child(2),
  .tabela-grupo td:nth-child(2) { min-width: 145px; }
  .tabela-grupo th:nth-child(3),
  .tabela-grupo td:nth-child(3) { min-width: 54px; }
  .tabela-grupo th:nth-child(4),
  .tabela-grupo td:nth-child(4),
  .tabela-grupo th:nth-child(5),
  .tabela-grupo td:nth-child(5) { min-width: 62px; }
}

.resumo-time-draft-mobile { display: none; }

@media (max-width: 560px) {
  /* O ano e os quatro atributos ficam inteiramente acima da acao da carta. */
  body:has(#areaDraft:not(.oculto)) .player-card--draft-premium:not(.player-card--confronto-premium) .draft-card__ano {
    transform: translateY(-0.3rem);
  }

  body:has(#areaDraft:not(.oculto)) .player-card--draft-premium:not(.player-card--confronto-premium) .draft-card__atributos {
    gap: 0.09rem 0.12rem;
    margin-top: 0.05rem;
    transform: translateY(-0.42rem);
  }

  body:has(#areaDraft:not(.oculto)) .player-card--draft-premium:not(.player-card--confronto-premium) .draft-card__atributos span {
    align-items: center;
    display: flex;
    justify-content: center;
    line-height: 1;
    min-height: 1.45em;
    padding: 0.07rem 0.05rem;
  }

  /* O encerramento do draft deixa de reservar altura sem conteudo. */
  #areaDraft.area-draft--concluido {
    min-height: 0;
    padding-bottom: 0.62rem;
    padding-top: 0.62rem;
  }

  #areaDraft.area-draft--concluido .draft-sorteio-linha {
    border-bottom: 0;
    display: block;
    margin: 0;
    min-height: 0;
    padding: 0;
  }

  #areaDraft.area-draft--concluido #elencoSorteado {
    align-items: center;
    display: flex;
    justify-content: center;
    line-height: 1.35;
    margin: 0;
    min-height: 0;
    padding: 0.15rem 0.35rem;
    text-align: center;
    width: 100%;
  }

  #areaTimeDraft #resumoTimeDraftMobile {
    order: 3;
  }

  #areaTimeDraft #iniciarCampeonato {
    order: 4;
  }

  #areaTimeDraft .resumo-time-draft-mobile:not(.oculto) {
    background: linear-gradient(100deg, rgba(9, 34, 54, 0.96), rgba(3, 16, 28, 0.98));
    border: 1px solid rgba(var(--color-gold-primary-rgb), 0.38);
    border-radius: 6px;
    display: block;
    margin-top: 0.65rem;
    padding: 0.65rem 0.55rem;
    width: 100%;
  }

  #areaTimeDraft .resumo-time-draft-mobile h3 {
    color: var(--color-gold-primary);
    font-size: 0.95rem;
    margin: 0 0 0.55rem;
    max-width: 100%;
    overflow: hidden;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .resumo-time-draft-mobile__medias {
    display: grid;
    gap: 0.28rem;
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }

  .resumo-time-draft-mobile__medias > div {
    align-items: center;
    background: rgba(5, 21, 35, 0.72);
    border: 1px solid rgba(var(--color-gold-primary-rgb), 0.22);
    border-radius: 4px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-width: 0;
    padding: 0.38rem 0.08rem;
  }

  .resumo-time-draft-mobile__medias span {
    color: #9fb3c7;
    font-size: 0.57rem;
    letter-spacing: 0.06em;
  }

  .resumo-time-draft-mobile__medias strong {
    color: var(--color-gold-primary);
    font-family: var(--font-display, Georgia, serif);
    font-size: 0.9rem;
    font-variant-numeric: tabular-nums;
    line-height: 1.1;
  }

  /* A coluna de posicao participa do mesmo scroll horizontal da tabela. */
  .tabela-grupo th:first-child,
  .tabela-grupo td:first-child {
    background: inherit;
    left: auto;
    position: static;
    z-index: auto;
  }

  /* Numeros da Tela 1 compartilham a mesma caixa e linha de base. */
  .area-confronto--pre .player-card--confronto-premium .draft-card__ger,
  .area-confronto--pre .player-card--confronto-premium .draft-card__ger strong,
  .area-confronto--pre .player-card--confronto-premium .draft-card__atributos span {
    font-variant-numeric: tabular-nums;
  }

  .area-confronto--pre .player-card--confronto-premium .draft-card__ger strong {
    align-items: center;
    display: flex;
    justify-content: center;
    line-height: 1;
    min-height: 1em;
    width: 100%;
  }

  .area-confronto--pre .player-card--confronto-premium .draft-card__atributos span {
    align-items: center;
    display: flex;
    justify-content: center;
    line-height: 1;
    min-height: 1.55em;
  }
}

/* Pos-grupos eliminado: classificacao seguida diretamente do resultado final. */
.area-confronto--resultado-grupos-eliminado > .titulo-confronto,
.area-confronto--resultado-grupos-eliminado > .paineis-explicativos,
.area-confronto--resultado-grupos-eliminado > .times-confronto,
.area-confronto--resultado-grupos-eliminado > .selecao-estilo--campeonato,
.area-confronto--resultado-grupos-eliminado > .placar-serie-md5,
.area-confronto--resultado-grupos-eliminado > .painel-transmissao-mobile,
.area-confronto--resultado-grupos-eliminado > .historico-serie,
.area-confronto--resultado-grupos-eliminado > [data-continuacao],
.area-confronto--resultado-grupos-eliminado #indicadorCampeonato,
.area-confronto--resultado-grupos-eliminado #chaveamentoCampeonato {
  display: none !important;
}

.area-confronto--resultado-grupos-eliminado > .painel-competicao-pre {
  margin-top: 0;
}

.area-confronto--resultado-grupos-eliminado #tabelaGrupoArea,
.area-confronto--resultado-grupos-eliminado #telaEncerramento {
  display: block !important;
}

.area-confronto--resultado-grupos-eliminado #telaEncerramento {
  margin-top: 0.75rem;
}

/* Refinamentos finais exclusivos do layout mobile. */
@media (max-width: 560px) {
  /* Cartas disponiveis: pequenos ajustes verticais, sem alterar dimensoes. */
  body:has(#areaDraft:not(.oculto)) .player-card--draft-premium:not(.player-card--confronto-premium) .draft-card__ano {
    transform: translateY(-0.4rem);
  }

  body:has(#areaDraft:not(.oculto)) .player-card--draft-premium:not(.player-card--confronto-premium) .draft-card__ger strong {
    transform: translateY(-0.1rem);
  }

  /* O texto parcialmente encoberto era o time da carta; ele permanece, acima do botao. */
  #opcoesJogadores .player-card--draft-premium .draft-card__time {
    bottom: 15.8%;
  }

  #opcoesJogadores .player-card--draft-premium .aviso-indisponivel {
    display: none;
  }

  /* O painel do sorteio respeita integralmente a largura util do celular. */
  #areaDraft .draft-sorteio-linha,
  #areaDraft .draft-sorteio-linha #elencoSorteado,
  #areaDraft .draft-sorteio-linha #elencoSorteado .cabecalho-time {
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
    min-width: 0;
    width: 100%;
  }

  #areaDraft .draft-sorteio-linha #elencoSorteado .cabecalho-time {
    overflow: hidden;
  }

  #areaDraft .draft-sorteio-linha #elencoSorteado .cabecalho-time > div {
    min-width: 0;
    overflow: hidden;
  }

  /* Titulo e linhas do elenco montado compartilham o mesmo respiro esquerdo. */
  #areaTimeDraft #titulo-time,
  #areaTimeDraft #timeSelecionado {
    padding-left: 0.48rem;
  }

  /* Apos concluir o draft, o fundo segue uniforme ate o fim da viewport. */
  body:has(#areaDraft.area-draft--concluido:not(.oculto)) {
    background: #020812;
    min-height: 100vh;
  }

  body:has(#areaDraft.area-draft--concluido:not(.oculto)) .pagina {
    background: #020812;
    min-height: 100vh;
  }

  body:has(#areaDraft.area-draft--concluido:not(.oculto)) .pagina::before {
    display: none;
  }

  /* O chaveamento mantem a largura do painel e rola internamente pelos dois lados. */
  .area-confronto .chaveamento--dois-lados {
    grid-template-columns: 300px 170px 300px;
    justify-content: start;
    max-width: 100%;
    min-width: 0;
    overflow-x: auto;
    overscroll-behavior-x: contain;
    width: 100%;
    -webkit-overflow-scrolling: touch;
  }

  /* As bolinhas continuam no placar ao vivo; somente o placar numerico da serie sai. */
  .area-confronto--partida > .placar-serie-md5 {
    display: none !important;
  }
}

/* Overrides finais dos botoes dourados, depois de todas as regras legadas. */
:is(
  .tela-inicial .botao-comecar-draft,
  #areaDraft .botao-secundario,
  #areaTimeDraft #iniciarCampeonato,
  #opcoesJogadores .player-card--draft-premium > button,
  .area-confronto [data-continuacao],
  #jogarNovamente,
  #jogarNovamenteCampanha,
  #proximaPartidaOverlay
) {
  border-color: transparent !important;
  box-shadow: none !important;
  filter: none !important;
  transition: transform 180ms ease !important;
}

:is(
  .tela-inicial .botao-comecar-draft,
  #areaDraft .botao-secundario,
  #areaTimeDraft #iniciarCampeonato,
  #opcoesJogadores .player-card--draft-premium > button,
  .area-confronto [data-continuacao],
  #jogarNovamente,
  #jogarNovamenteCampanha,
  #proximaPartidaOverlay
):not(:disabled) {
  background: var(--color-gold-primary) !important;
}

@media (hover: hover) and (pointer: fine) {
  :is(
    .tela-inicial .botao-comecar-draft,
    #areaDraft .botao-secundario,
    #areaTimeDraft #iniciarCampeonato,
    #opcoesJogadores .player-card--draft-premium > button,
    .area-confronto [data-continuacao],
    #jogarNovamente,
    #jogarNovamenteCampanha,
    #proximaPartidaOverlay
  ):hover:not(:disabled) {
    background: var(--color-gold-primary) !important;
    box-shadow: none !important;
    filter: none !important;
    transform: scale(1.03);
  }
}

@media (hover: none) {
  :is(
    .tela-inicial .botao-comecar-draft,
    #areaDraft .botao-secundario,
    #areaTimeDraft #iniciarCampeonato,
    #opcoesJogadores .player-card--draft-premium > button,
    .area-confronto [data-continuacao],
    #jogarNovamente,
    #jogarNovamenteCampanha,
    #proximaPartidaOverlay
  ):hover:not(:disabled) { transform: none; }

  :is(
    .tela-inicial .botao-comecar-draft,
    #areaDraft .botao-secundario,
    #areaTimeDraft #iniciarCampeonato,
    #opcoesJogadores .player-card--draft-premium > button,
    .area-confronto [data-continuacao],
    #jogarNovamente,
    #jogarNovamenteCampanha,
    #proximaPartidaOverlay
  ):active:not(:disabled) { transform: scale(1.02); }
}

/* O mesmo resumo calculado e reutilizado no desktop, sem duplicar o componente. */
@media (min-width: 561px) {
  #areaTimeDraft .resumo-time-draft-mobile:not(.oculto) {
    background: linear-gradient(100deg, rgba(9, 34, 54, 0.96), rgba(3, 16, 28, 0.98));
    border: 1px solid rgba(var(--color-gold-primary-rgb), 0.38);
    border-radius: 8px;
    display: block;
    margin: 1rem auto 0;
    max-width: 920px;
    padding: 0.85rem 1rem;
    width: 100%;
  }

  #areaTimeDraft .resumo-time-draft-mobile h3 {
    color: var(--color-gold-primary);
    font-size: 1.12rem;
    margin: 0 0 0.72rem;
    overflow: hidden;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  #areaTimeDraft .resumo-time-draft-mobile__medias {
    display: grid;
    gap: 0.65rem;
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }

  #areaTimeDraft .resumo-time-draft-mobile__medias > div {
    align-items: center;
    background: rgba(5, 21, 35, 0.72);
    border: 1px solid rgba(var(--color-gold-primary-rgb), 0.22);
    border-radius: 5px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-width: 0;
    padding: 0.58rem 0.3rem;
  }

  #areaTimeDraft .resumo-time-draft-mobile__medias span {
    color: #9fb3c7;
    font-size: 0.68rem;
    letter-spacing: 0.07em;
  }

  #areaTimeDraft .resumo-time-draft-mobile__medias strong {
    color: var(--color-gold-primary);
    font-family: var(--font-display, Georgia, serif);
    font-size: 1.12rem;
    font-variant-numeric: tabular-nums;
    line-height: 1.15;
  }
}

/* Ajustes de encaixe exclusivos do draft em celulares. */
@media (max-width: 560px) {
  /* Time e acao descem em ritmos diferentes para criar um respiro real entre eles. */
  #opcoesJogadores .player-card--draft-premium .draft-card__time {
    bottom: 15.2%;
  }

  #opcoesJogadores .player-card--draft-premium > button {
    bottom: 2.2%;
  }

  /* A caixa do elenco montado cabe na viewport por construcao, sem mascarar overflow. */
  body:has(#areaDraft:not(.oculto)) #areaTimeDraft {
    box-sizing: border-box;
    left: auto;
    margin-left: auto;
    margin-right: auto;
    max-width: calc(100% - 0.5rem);
    min-width: 0;
    transform: none;
    width: calc(100% - 0.5rem);
  }

  body:has(#areaDraft:not(.oculto)) #areaTimeDraft > *,
  body:has(#areaDraft:not(.oculto)) #areaTimeDraft #timeSelecionado,
  body:has(#areaDraft:not(.oculto)) #areaTimeDraft .player-card--draft-selecionada,
  body:has(#areaDraft:not(.oculto)) #areaTimeDraft .jogador-selecionado-mobile {
    box-sizing: border-box;
    max-width: 100%;
    min-width: 0;
  }

  /* O mesmo azul uniforme cobre todos os estados e toda a altura util do draft. */
  body:has(#areaDraft:not(.oculto)) {
    background: #020812;
    min-height: 100vh;
  }

  body:has(#areaDraft:not(.oculto)) .pagina {
    background: #020812;
    min-height: 100vh;
  }

  body:has(#areaDraft:not(.oculto)) .pagina::before {
    display: none;
  }

  /* Cabecalho do time sorteado: caixa menor e realmente centralizada no draft. */
  #areaDraft .draft-sorteio-linha #elencoSorteado .cabecalho-time {
    box-sizing: border-box;
    left: auto;
    margin-left: auto;
    margin-right: auto;
    max-width: calc(100% - 0.8rem);
    min-width: 0;
    padding-left: 0.6rem;
    padding-right: 0.6rem;
    transform: none;
    width: calc(100% - 0.8rem);
  }

  #areaDraft .draft-sorteio-linha #elencoSorteado .cabecalho-time .imagem-time,
  #areaDraft .draft-sorteio-linha #elencoSorteado .cabecalho-time .fallback-imagem-time {
    flex: 0 0 56px;
  }

  #areaDraft .draft-sorteio-linha #elencoSorteado .cabecalho-time > div {
    flex: 1 1 auto;
    max-width: calc(100% - 70px);
    min-width: 0;
  }
}

/* Tela 2 mobile: reserva somente a folga visual necessária entre Top e Mid. */
@media (max-width: 560px) {
  .area-confronto--partida .formacao-time {
    --largura-carta-formacao-mobile: clamp(104px, 31vw, 128px);
    --separacao-top-mid-mobile: max(
      0.9rem,
      calc(var(--largura-carta-formacao-mobile) - 25% + 1.0625rem)
    );
  }

  .area-confronto--partida .formacao-time
    .player-card--confronto-premium[data-rota="Top"] {
    margin-inline-end: var(--separacao-top-mid-mobile);
  }

  .area-confronto--partida .formacao-time
    .player-card--confronto-premium[data-rota="Mid"] {
    margin-inline-start: var(--separacao-top-mid-mobile);
  }
}

/* Cabecalho: utilidades sempre no canto superior esquerdo, sem afetar o centro. */
#cabecalhoJogo .cabecalho-utilidades {
  align-items: flex-start !important;
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  left: 0.5rem;
  margin: 0 !important;
  max-width: min(310px, calc(50% - 82px));
  pointer-events: auto;
  position: absolute !important;
  text-align: left;
  top: 0.45rem;
  width: auto !important;
  z-index: 30;
}

#cabecalhoJogo .cabecalho-utilidades .modo-atual {
  margin: 0;
  pointer-events: none;
  position: static;
  text-align: left !important;
}

#cabecalhoJogo .cabecalho-ajuda {
  align-items: flex-start;
  display: flex;
  flex-wrap: wrap;
  gap: 0.25rem;
  justify-content: flex-start !important;
  pointer-events: auto;
}

#cabecalhoJogo .cabecalho-ajuda__botao,
#cabecalhoJogo .cabecalho-ajuda__botao:hover:not(:disabled),
#cabecalhoJogo .cabecalho-ajuda__botao:active:not(:disabled) {
  background: rgba(5, 22, 37, 0.72) !important;
  border: 1px solid rgba(var(--color-gold-primary-rgb), 0.42) !important;
  border-radius: 3px;
  box-shadow: none !important;
  color: #c7d4e2 !important;
  filter: none !important;
  font-size: 0.64rem;
  font-weight: 600;
  line-height: 1.1;
  min-height: 0;
  padding: 0.27rem 0.4rem;
  pointer-events: auto;
  position: relative;
  transform: none !important;
  width: auto;
  z-index: 31;
}

#cabecalhoJogo .cabecalho-ajuda__botao:hover:not(:disabled) {
  background: rgba(12, 47, 68, 0.82) !important;
  border-color: var(--color-gold-primary) !important;
  color: #f1d488 !important;
}

.modal-explicacoes,
.modal-explicacoes__conteudo,
.modal-explicacoes__fechar {
  pointer-events: auto;
}

@media (max-width: 760px) {
  #cabecalhoJogo .cabecalho-utilidades {
    left: 0.35rem;
    max-width: calc(50% - 72px);
    top: 0.35rem;
  }

  #cabecalhoJogo .cabecalho-ajuda {
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 0.2rem;
  }

  #cabecalhoJogo .cabecalho-ajuda__botao,
  #cabecalhoJogo .cabecalho-ajuda__botao:hover:not(:disabled),
  #cabecalhoJogo .cabecalho-ajuda__botao:active:not(:disabled) {
    font-size: 0.56rem;
    max-width: 100%;
    padding: 0.22rem 0.3rem;
    white-space: normal;
  }
}

/* Ultima camada: preserva a ancora do CTA e a leitura cronologica por coluna. */
#proximaPartidaOverlay.placar-overlay__proxima-partida {
  transform: translateX(-50%) scale(1) !important;
  transform-origin: center;
  transition: transform 180ms ease !important;
}

@media (hover: hover) and (pointer: fine) {
  #proximaPartidaOverlay.placar-overlay__proxima-partida:hover:not(:disabled) {
    transform: translateX(-50%) scale(1.03) !important;
  }
}

@media (hover: none) {
  #proximaPartidaOverlay.placar-overlay__proxima-partida:hover:not(:disabled) {
    transform: translateX(-50%) scale(1) !important;
  }

  #proximaPartidaOverlay.placar-overlay__proxima-partida:active:not(:disabled) {
    transform: translateX(-50%) scale(1.02) !important;
  }
}

#telaCampanha .campanha-lista-partidas {
  grid-auto-flow: column;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-template-rows: repeat(var(--campanha-historico-linhas, 1), 56px);
}

@media (max-width: 680px) {
  #telaCampanha .campanha-lista-partidas {
    grid-auto-flow: row;
    grid-template-columns: 1fr;
    grid-template-rows: none;
  }
}

/* Cada lado do placar centraliza, em linha, suas bolinhas e o numero de kills. */
.placar-ao-vivo__numeros {
  align-items: center;
  display: flex;
  gap: clamp(0.45rem, 1.4vw, 1rem);
  justify-content: center;
  width: 100%;
}

.placar-ao-vivo--md5 .placar-ao-vivo__nomes { display: none; }
.placar-ao-vivo--md5 .placar-ao-vivo__numeros {
  column-gap: clamp(0.45rem, 1.2vw, 0.8rem);
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto auto auto minmax(0, 1fr);
  margin-top: 0.45rem;
}

.placar-ao-vivo--md5 .placar-ao-vivo__lado { display: contents; }
.placar-ao-vivo--md5 .placar-ao-vivo__bolinhas--jogador { grid-column: 1; justify-self: center; }
.placar-ao-vivo--md5 #placarKillsJogador { grid-column: 2; }
.placar-ao-vivo--md5 .placar-ao-vivo__separador { grid-column: 3; }
.placar-ao-vivo--md5 #placarKillsAdversario { grid-column: 4; }
.placar-ao-vivo--md5 .placar-ao-vivo__bolinhas--adversario { grid-column: 5; justify-self: center; }

/* Grupos: somente o placar compacto, sem nomes ou espaco reservado para a serie. */
.placar-ao-vivo:not(.placar-ao-vivo--md5) .placar-ao-vivo__nomes {
  display: none;
}

.placar-ao-vivo:not(.placar-ao-vivo--md5) .placar-ao-vivo__numeros {
  gap: clamp(0.55rem, 1.4vw, 0.9rem);
}

.placar-ao-vivo:not(.placar-ao-vivo--md5) .placar-ao-vivo__lado {
  flex: 0 0 auto;
}

.placar-ao-vivo:not(.placar-ao-vivo--md5) .placar-ao-vivo__bolinhas {
  display: none !important;
}

.placar-ao-vivo--suspense #placarKillsJogador,
.placar-ao-vivo--suspense #placarKillsAdversario {
  animation: placar-kills-suspense 420ms ease-in-out infinite alternate;
}

@keyframes placar-kills-suspense {
  from { opacity: 0.78; transform: scale(0.97); }
  to { opacity: 1; transform: scale(1.03); }
}

.placar-ao-vivo__lado {
  align-items: center;
  display: flex;
  flex: 1 1 0;
  gap: clamp(0.55rem, 1.5vw, 1.05rem);
  justify-content: center;
  min-width: 0;
}

.placar-ao-vivo__lado > [id^="placarKills"] {
  flex: 0 0 auto;
  font-variant-numeric: tabular-nums;
  line-height: 1;
}

.placar-ao-vivo__separador { flex: 0 0 auto; }

.placar-ao-vivo__bolinhas {
  align-items: center;
  display: flex;
  flex: 0 0 auto;
  gap: 0.48rem;
}

.placar-ao-vivo__bolinhas span {
  flex: 0 0 auto;
  height: 1rem;
  width: 1rem;
}

#tituloCabecalhoJogo,
#telaCampanha #tituloTelaCampanha {
  color: #f4f7ff !important;
}

@media (max-width: 680px) {
  .placar-ao-vivo__numeros {
    gap: 0.38rem;
  }
  .placar-ao-vivo--md5 .placar-ao-vivo__numeros { column-gap: 0.34rem; }
  .placar-ao-vivo__lado { gap: 0.48rem; }
  .placar-ao-vivo__bolinhas { gap: 0.32rem; }
  .placar-ao-vivo__bolinhas span {
    height: 0.9rem;
    width: 0.9rem;
  }
}

/* Ajuste final do novo layout das cartas.
   Este bloco permanece por ultimo para neutralizar coordenadas legadas de
   confronto/MVP sem alterar a estrutura compartilhada do componente. */
body .player-card--draft-premium .draft-card__fundo {
  background:
    radial-gradient(circle at 15% 16%, rgba(108, 196, 224, 0.3), transparent 19%),
    radial-gradient(circle at 48% 24%, rgba(48, 166, 207, 0.18), transparent 43%),
    linear-gradient(165deg, #173b58 0%, #0d3450 54%, #092941 100%);
}

body .player-card--draft-premium .draft-card__area-foto {
  background: transparent;
}

body .player-card--draft-premium .draft-card__vinheta {
  background: linear-gradient(
    180deg,
    transparent 0%,
    transparent 63%,
    rgba(8, 32, 49, 0.38) 81%,
    rgba(5, 24, 38, 0.82) 100%
  );
}

/* No draft, somente cartas disponiveis assumem a acao do antigo botao. */
#opcoesJogadores .player-card--selecionavel {
  cursor: pointer;
  touch-action: manipulation;
  transform-origin: center;
  transition: transform 180ms ease;
}

#opcoesJogadores .player-card--selecionavel:hover,
#opcoesJogadores .player-card--selecionavel:focus-visible {
  transform: scale(1.03);
}

#opcoesJogadores .player-card--selecionavel:focus-visible {
  outline: 2px solid rgba(var(--color-gold-primary-rgb), 0.86);
  outline-offset: 2px;
}

#opcoesJogadores .player-card--selecionavel:active,
#opcoesJogadores .player-card--selecionando {
  transform: scale(1.015);
  transition-duration: 90ms;
}

body .player-card--draft-premium .draft-card__foto {
  object-fit: cover;
  object-position: center center;
  transform: translateY(var(--card-photo-shift-y, 0)) scale(var(--card-photo-scale-draft, 1));
  transform-origin: var(--card-photo-transform-origin, center bottom);
}

body .player-card--draft-premium .draft-card__area-foto {
  height: 48%;
  inset: 9.5% 6.5% auto;
}

body .player-card--draft-premium .draft-card__ano,
body .area-confronto--pre .player-card--confronto-premium .draft-card__ano,
body .area-confronto--partida .player-card--confronto-premium .draft-card__ano,
body .player-card--mvp .draft-card__ano,
body .campanha-mvp__destaque .draft-card__ano,
body .encerramento-card--mvp .draft-card__ano {
  bottom: auto;
  left: 8%;
  margin: 0;
  position: absolute;
  right: auto;
  top: 24.2% !important;
  transform: none !important;
  width: 21%;
}

body .player-card--draft-premium .draft-card__ger {
  align-items: center;
  display: grid;
  grid-template-rows: minmax(0, 0.72fr) minmax(0, 1.28fr);
  height: 12.4%;
  justify-items: center;
  padding: 0;
  right: 9.3%;
  top: 9.2%;
  width: 19%;
}

body .player-card--draft-premium .draft-card__ger span,
body .player-card--draft-premium .draft-card__ger strong {
  align-items: center;
  display: flex !important;
  font-variant-numeric: tabular-nums;
  height: 100%;
  justify-content: center;
  line-height: 1;
  transform: none !important;
  width: 100%;
}

body .player-card--draft-premium .draft-card__ger span {
  position: relative;
  top: 0.08em;
}

body .player-card--draft-premium .draft-card__bandeira {
  align-items: center;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  line-height: 1;
  padding: 0 !important;
  height: 5.2%;
  right: 11.2%;
  top: 23%;
  width: 12.2%;
}

body .player-card--draft-premium .draft-card__bandeira-imagem {
  display: block;
  height: 100%;
  max-height: 100%;
  max-width: 100%;
  object-fit: contain;
  object-position: center;
  width: 100%;
}

body .player-card--draft-premium .draft-card__bandeira--sem-asset {
  background: rgba(6, 27, 43, 0.72);
}

body .player-card--draft-premium .draft-card__lane-icon {
  box-sizing: border-box;
  height: 7.5%;
  object-fit: contain;
  object-position: center;
  right: 10.7%;
  top: 31.2%;
  width: 13.2%;
}

body .player-card--draft-premium .draft-card__informacoes {
  bottom: 9.5%;
  gap: 0.34rem;
  left: 10%;
  right: 10%;
  top: 58.8%;
}

body .player-card--draft-premium .draft-card__atributos {
  align-items: stretch;
  gap: 0.34rem;
  grid-auto-rows: minmax(2.35em, auto);
  width: 100%;
}

body .player-card--draft-premium .draft-card__atributos span {
  align-items: center;
  box-sizing: border-box;
  display: flex;
  font-variant-numeric: tabular-nums;
  justify-content: center;
  line-height: 1.05;
  min-height: 2.35em;
  padding: 0.3rem 0.22rem;
  background: linear-gradient(100deg, rgba(14, 54, 80, 0.78), rgba(9, 40, 62, 0.82));
  border-color: rgba(199, 151, 55, 0.34);
}

body .player-card--draft-premium .draft-card__time {
  bottom: 5.1%;
  height: 4.2%;
  left: 11%;
  right: auto;
  top: auto;
  transform: none;
  width: 78%;
}

/* Elenco concluido ainda dentro do draft: enquadramento proprio, sem herdar
   a escala das opcoes sorteadas nem a das cartas de confronto. */
body .player-card--draft-selecionada:not(.player-card--confronto-premium) .draft-card__area-foto {
  height: 47.5%;
  inset: 10% 7.5% auto;
}

body .player-card--draft-selecionada:not(.player-card--confronto-premium) .draft-card__foto,
body .player-card--draft-selecionada:not(.player-card--confronto-premium) .draft-card__area-foto .fallback-imagem-jogador {
  height: 100%;
  max-height: 100%;
  max-width: 100%;
  object-fit: cover;
  object-position: center center;
  width: 100%;
}

body .player-card--draft-selecionada:not(.player-card--confronto-premium) .draft-card__foto {
  transform: translateY(var(--card-photo-shift-y, 0)) scale(var(--card-photo-scale-selected, 1));
  transform-origin: var(--card-photo-transform-origin, center bottom);
}

body .player-card--draft-selecionada:not(.player-card--confronto-premium) .draft-card__ger {
  top: 9.7%;
}

body .player-card--draft-selecionada:not(.player-card--confronto-premium) .draft-card__bandeira {
  top: 23.4%;
}

body .player-card--draft-selecionada:not(.player-card--confronto-premium) .draft-card__lane-icon {
  top: 32%;
}

/* As cartas compactas de combate ganham espaco entre os status e o time,
   mantendo o ano exclusivamente no topo do novo layout. */
body .area-confronto--pre .player-card--confronto-premium .draft-card__informacoes,
body .area-confronto--partida .player-card--confronto-premium .draft-card__informacoes {
  bottom: 0;
  display: block;
  inset: 0;
  position: absolute;
}

body .area-confronto--pre .player-card--confronto-premium .draft-card__area-foto {
  height: 47.5%;
  inset: 10% 7.5% auto;
}

body .area-confronto--pre .player-card--confronto-premium .draft-card__foto,
body .area-confronto--pre .player-card--confronto-premium .draft-card__area-foto .fallback-imagem-jogador {
  height: 100%;
  max-height: 100%;
  max-width: 100%;
  object-fit: cover;
  object-position: center center;
  width: 100%;
}

body .area-confronto--pre .player-card--confronto-premium .draft-card__foto {
  transform: translateY(var(--card-photo-shift-y, 0)) scale(var(--card-photo-scale-pre, 1));
  transform-origin: var(--card-photo-transform-origin, center bottom);
}

body .area-confronto--pre .player-card--confronto-premium .draft-card__ger {
  top: 9.7%;
}

body .area-confronto--pre .player-card--confronto-premium .draft-card__bandeira {
  top: 23.4%;
}

body .area-confronto--pre .player-card--confronto-premium .draft-card__lane-icon {
  top: 32%;
}

body .area-confronto--pre .player-card--confronto-premium .draft-card__nome {
  left: 9%;
  position: absolute;
  right: 9%;
  top: 59.2%;
}

body .area-confronto--pre .player-card--confronto-premium .draft-card__atributos {
  bottom: auto;
  display: grid;
  gap: 0.2rem 0.24rem;
  left: 10%;
  margin: 0;
  position: absolute;
  right: 10%;
  top: 69.5%;
  width: auto;
}

body .area-confronto--pre .player-card--confronto-premium .draft-card__atributos span {
  min-height: 2.05em;
  padding: 0.2rem 0.16rem;
}

body .area-confronto--pre .player-card--confronto-premium .draft-card__time {
  bottom: 4.9%;
}

body .area-confronto--partida .player-card--confronto-premium .draft-card__area-foto {
  height: 46.5%;
  inset: 10.5% 7.5% auto;
}

body .area-confronto--partida .player-card--confronto-premium .draft-card__foto,
body .area-confronto--partida .player-card--confronto-premium .draft-card__area-foto .fallback-imagem-jogador {
  height: 100%;
  max-height: 100%;
  max-width: 100%;
  object-fit: cover;
  object-position: center center;
  width: 100%;
}

body .area-confronto--partida .player-card--confronto-premium .draft-card__foto {
  transform: translateY(var(--card-photo-shift-y, 0)) scale(var(--card-photo-scale-live, 1));
  transform-origin: var(--card-photo-transform-origin, center bottom);
}

body .area-confronto--partida .player-card--confronto-premium .draft-card__ger {
  top: 9.5%;
}

body .area-confronto--partida .player-card--confronto-premium .draft-card__bandeira {
  top: 23%;
}

body .area-confronto--partida .player-card--confronto-premium[data-rota="Jungle"] .draft-card__bandeira,
body .area-confronto--partida .player-card--confronto-premium[data-rota="Sup"] .draft-card__bandeira {
  top: 23%;
}

body .area-confronto--partida .player-card--confronto-premium .draft-card__lane-icon {
  top: 31.7%;
}

body .area-confronto--partida .player-card--confronto-premium .draft-card__nome {
  left: 9%;
  position: absolute;
  right: 9%;
  top: 58.4%;
}

body .area-confronto--partida .player-card--confronto-premium .draft-card__atributos {
  bottom: auto;
  display: grid;
  gap: 0.14rem 0.18rem;
  left: 10%;
  margin: 0;
  position: absolute;
  right: 10%;
  top: 68.3%;
  width: auto;
}

body .area-confronto--partida .player-card--confronto-premium .draft-card__atributos span {
  min-height: 2em;
  padding: 0.14rem 0.1rem;
}

body .area-confronto--partida .player-card--confronto-premium .draft-card__time {
  bottom: 4.6%;
}

body .player-card--mvp .draft-card__foto,
body .campanha-mvp__destaque .draft-card__foto,
body .encerramento-card--mvp .draft-card__foto {
  transform: translateY(var(--card-photo-shift-y, 0)) scale(var(--card-photo-scale-result, 1));
  transform-origin: var(--card-photo-transform-origin, center bottom);
}

@media (min-width: 681px) {
  body .area-confronto--partida .formacao-time .player-card--confronto-premium,
  body .area-confronto--partida .formacao-time .player-card--confronto-premium[data-rota="Jungle"],
  body .area-confronto--partida .formacao-time .player-card--confronto-premium[data-rota="Sup"] {
    max-width: 138px;
    width: 138px;
  }

  body .area-confronto--partida .times-confronto {
    gap: clamp(0.25rem, 0.55vw, 0.55rem);
  }

  body .area-confronto--partida .painel-time-confronto {
    padding-inline: 0.3rem;
  }

  body .area-confronto--partida .player-card--confronto-premium .draft-card__atributos {
    gap: 0.1rem 0.18rem;
    grid-auto-rows: minmax(1.75em, auto);
  }

  body .area-confronto--partida .player-card--confronto-premium .draft-card__atributos span {
    min-height: 1.75em;
    padding: 0.1rem 0.08rem;
  }

  body .area-confronto--partida .player-card--confronto-premium .draft-card__time {
    bottom: 4.6%;
  }
}

/* Refinamento final apenas dos retratos ainda excessivamente fechados. */
html body :is(
  .player-card[data-player-id="4lan_2017"],
  .player-card[data-player-id="4lan_2019"],
  .player-card[data-player-id="brtt_2019"],
  .player-card[data-player-id="brucer_2017"],
  .player-card[data-player-id="ceos_2019"],
  .player-card[data-player-id="damage_2019"],
  .player-card[data-player-id="dynquedo_2019"],
  .player-card[data-player-id="fitz_2019"],
  .player-card[data-player-id="goku_2019"],
  .player-card[data-player-id="laba_2019"],
  .player-card[data-player-id="lechase_2019"],
  .player-card[data-player-id="luci_2019"],
  .player-card[data-player-id="marf_2017"],
  .player-card[data-player-id="professor_2019"],
  .player-card[data-player-id="redbert_2017"],
  .player-card[data-player-id="robo_2017"],
  .player-card[data-player-id="robo_2019"],
  .player-card[data-player-id="shrimp_2019"],
  .player-card[data-player-id="tockers_2017"]
) {
  --card-photo-fit: contain !important;
  --card-photo-shift-y: -5%;
  --card-photo-scale-draft: 1.04 !important;
  --card-photo-scale-selected: 1.03 !important;
  --card-photo-scale-pre: 1.04 !important;
  --card-photo-scale-live: 1.055 !important;
  --card-photo-scale-result: 1.04 !important;
}

/* Fontes com mais margem interna: recupera presenca sem voltar a cortar o topo. */
html body :is(
  .player-card[data-player-id="brucer_2020"],
  .player-card[data-player-id="klaus_2020"],
  .player-card[data-player-id="nyu_2020"]
) {
  --card-photo-scale-draft: 1.08 !important;
  --card-photo-scale-selected: 1.06 !important;
  --card-photo-scale-pre: 1.08 !important;
  --card-photo-scale-live: 1.1 !important;
  --card-photo-scale-result: 1.08 !important;
}

html body .player-card[data-player-id="thefoxz_2017"] {
  --card-photo-scale-draft: 1.16 !important;
  --card-photo-scale-selected: 1.14 !important;
  --card-photo-scale-pre: 1.16 !important;
  --card-photo-scale-live: 1.18 !important;
  --card-photo-scale-result: 1.16 !important;
}

html body .player-card[data-player-id="riyev_2017"] {
  --card-photo-scale-draft: 1.02 !important;
  --card-photo-scale-selected: 1 !important;
  --card-photo-scale-pre: 1.02 !important;
  --card-photo-scale-live: 1.04 !important;
  --card-photo-scale-result: 1.02 !important;
}

/* Retratos antigos com enquadramento excessivamente fechado no rosto. */
body :is(
  .player-card[data-player-id="4lan_2017"],
  .player-card[data-player-id="alternative_2019"],
  .player-card[data-player-id="anyyy_2019"],
  .player-card[data-player-id="aslan_2019"],
  .player-card[data-player-id="brtt_2017"],
  .player-card[data-player-id="brtt_2019"],
  .player-card[data-player-id="brtt_2020"],
  .player-card[data-player-id="brucer_2017"],
  .player-card[data-player-id="brucer_2019"],
  .player-card[data-player-id="brucer_2020"],
  .player-card[data-player-id="ceos_2019"],
  .player-card[data-player-id="damage_2019"],
  .player-card[data-player-id="dynquedo_2019"],
  .player-card[data-player-id="fitz_2019"],
  .player-card[data-player-id="goku_2019"],
  .player-card[data-player-id="goku_2020"],
  .player-card[data-player-id="hauz_2019"],
  .player-card[data-player-id="hauz_2020"],
  .player-card[data-player-id="hauz_2021"],
  .player-card[data-player-id="jockster_2019"],
  .player-card[data-player-id="jojo_2019"],
  .player-card[data-player-id="jojo_2020"],
  .player-card[data-player-id="klaus_2019"],
  .player-card[data-player-id="klaus_2020"],
  .player-card[data-player-id="laba_2019"],
  .player-card[data-player-id="lechase_2019"],
  .player-card[data-player-id="luci_2019"],
  .player-card[data-player-id="marf_2017"],
  .player-card[data-player-id="nyu_2019"],
  .player-card[data-player-id="nyu_2020"],
  .player-card[data-player-id="pbo_2019"],
  .player-card[data-player-id="professor_2019"],
  .player-card[data-player-id="ranger_2019"],
  .player-card[data-player-id="redbert_2017"],
  .player-card[data-player-id="redbert_2019"],
  .player-card[data-player-id="riyev_2018"],
  .player-card[data-player-id="riyev_2019"],
  .player-card[data-player-id="robo_2017"],
  .player-card[data-player-id="robo_2019"],
  .player-card[data-player-id="shrimp_2018"],
  .player-card[data-player-id="shrimp_2019"],
  .player-card[data-player-id="skybart_2019"],
  .player-card[data-player-id="skybart_2020"],
  .player-card[data-player-id="thefoxz_2017"],
  .player-card[data-player-id="titan_2018"],
  .player-card[data-player-id="titan_2019"],
  .player-card[data-player-id="tockers_2017"],
  .player-card[data-player-id="wizer_2019"],
  .player-card[data-player-id="wos_2020"]
) {
  --card-photo-fit: cover !important;
  --card-photo-transform-origin: center top;
  --card-photo-scale-draft: 1 !important;
  --card-photo-scale-selected: 0.99 !important;
  --card-photo-scale-pre: 1 !important;
  --card-photo-scale-live: 1.025 !important;
  --card-photo-scale-result: 1 !important;
}

body :is(
  .player-card[data-player-id="caos_2019"],
  .player-card[data-player-id="drop_2020"],
  .player-card[data-player-id="fitz_2018"],
  .player-card[data-player-id="goku_2018"],
  .player-card[data-player-id="mewkyo_2020"],
  .player-card[data-player-id="pbo_2020"],
  .player-card[data-player-id="professor_2020"],
  .player-card[data-player-id="professor_2021"],
  .player-card[data-player-id="riyev_2017"],
  .player-card[data-player-id="wos_2021"],
  .player-card[data-player-id="yang_2019"],
  .player-card[data-player-id="yoda_sl_2017"]
) {
  --card-photo-fit: contain !important;
  --card-photo-transform-origin: center top;
  --card-photo-scale-draft: 0.96 !important;
  --card-photo-scale-selected: 0.95 !important;
  --card-photo-scale-pre: 0.96 !important;
  --card-photo-scale-live: 0.985 !important;
  --card-photo-scale-result: 0.96 !important;
}

/* Ajuste individual dos retratos fechados: preserva cabeça e queixo, enquanto
   a escala compensa o deslocamento superior sem deixar faixa vazia na base. */
html body :is(
  .player-card[data-player-id="4lan_2017"],
  .player-card[data-player-id="alternative_2019"],
  .player-card[data-player-id="anyyy_2019"],
  .player-card[data-player-id="aslan_2019"],
  .player-card[data-player-id="brtt_2019"],
  .player-card[data-player-id="brucer_2017"],
  .player-card[data-player-id="brucer_2019"],
  .player-card[data-player-id="brucer_2020"],
  .player-card[data-player-id="ceos_2019"],
  .player-card[data-player-id="damage_2019"],
  .player-card[data-player-id="dynquedo_2019"],
  .player-card[data-player-id="fitz_2019"],
  .player-card[data-player-id="goku_2019"],
  .player-card[data-player-id="hauz_2019"],
  .player-card[data-player-id="jockster_2019"],
  .player-card[data-player-id="jojo_2019"],
  .player-card[data-player-id="jojo_2020"],
  .player-card[data-player-id="klaus_2019"],
  .player-card[data-player-id="klaus_2020"],
  .player-card[data-player-id="laba_2019"],
  .player-card[data-player-id="lechase_2019"],
  .player-card[data-player-id="luci_2019"],
  .player-card[data-player-id="marf_2017"],
  .player-card[data-player-id="pbo_2019"],
  .player-card[data-player-id="professor_2019"],
  .player-card[data-player-id="ranger_2019"],
  .player-card[data-player-id="redbert_2017"],
  .player-card[data-player-id="riyev_2018"],
  .player-card[data-player-id="riyev_2019"],
  .player-card[data-player-id="robo_2017"],
  .player-card[data-player-id="robo_2019"],
  .player-card[data-player-id="shrimp_2018"],
  .player-card[data-player-id="shrimp_2019"],
  .player-card[data-player-id="tockers_2017"]
) {
  --card-photo-fit: contain !important;
  --card-photo-transform-origin: center top;
  --card-photo-shift-y: -4%;
  --card-photo-scale-draft: 1.06 !important;
  --card-photo-scale-selected: 1.05 !important;
  --card-photo-scale-pre: 1.06 !important;
  --card-photo-scale-live: 1.075 !important;
  --card-photo-scale-result: 1.06 !important;
}

html body :is(
  .player-card[data-player-id="brucer_2020"],
  .player-card[data-player-id="jojo_2019"],
  .player-card[data-player-id="jojo_2020"]
) {
  --card-photo-shift-y: -16%;
  --card-photo-scale-draft: 1.16 !important;
  --card-photo-scale-selected: 1.16 !important;
  --card-photo-scale-pre: 1.16 !important;
  --card-photo-scale-live: 1.16 !important;
  --card-photo-scale-result: 1.16 !important;
}

html body :is(
  .player-card[data-player-id="4lan_2017"],
  .player-card[data-player-id="alternative_2019"],
  .player-card[data-player-id="brucer_2017"],
  .player-card[data-player-id="fitz_2019"],
  .player-card[data-player-id="goku_2019"],
  .player-card[data-player-id="hauz_2019"],
  .player-card[data-player-id="jockster_2019"],
  .player-card[data-player-id="klaus_2019"],
  .player-card[data-player-id="lechase_2019"],
  .player-card[data-player-id="marf_2017"],
  .player-card[data-player-id="pbo_2019"],
  .player-card[data-player-id="redbert_2017"],
  .player-card[data-player-id="riyev_2019"],
  .player-card[data-player-id="robo_2017"],
  .player-card[data-player-id="robo_2019"],
  .player-card[data-player-id="shrimp_2018"],
  .player-card[data-player-id="shrimp_2019"],
  .player-card[data-player-id="tockers_2017"]
) {
  --card-photo-shift-y: -24%;
  --card-photo-scale-draft: 1.24 !important;
  --card-photo-scale-selected: 1.24 !important;
  --card-photo-scale-pre: 1.24 !important;
  --card-photo-scale-live: 1.24 !important;
  --card-photo-scale-result: 1.24 !important;
}

html body :is(
  .player-card[data-player-id="4lan_2019"],
  .player-card[data-player-id="anyyy_2019"],
  .player-card[data-player-id="aslan_2019"],
  .player-card[data-player-id="brtt_2019"],
  .player-card[data-player-id="brucer_2019"],
  .player-card[data-player-id="ceos_2019"],
  .player-card[data-player-id="damage_2019"],
  .player-card[data-player-id="dynquedo_2019"],
  .player-card[data-player-id="laba_2019"],
  .player-card[data-player-id="luci_2019"],
  .player-card[data-player-id="professor_2019"],
  .player-card[data-player-id="ranger_2019"]
) {
  --card-photo-shift-y: -30%;
  --card-photo-scale-draft: 1.3 !important;
  --card-photo-scale-selected: 1.3 !important;
  --card-photo-scale-pre: 1.3 !important;
  --card-photo-scale-live: 1.3 !important;
  --card-photo-scale-result: 1.3 !important;
}

html body :is(
  .player-card[data-player-id="klaus_2020"],
  .player-card[data-player-id="riyev_2018"]
) {
  --card-photo-shift-y: -37%;
  --card-photo-scale-draft: 1.37 !important;
  --card-photo-scale-selected: 1.37 !important;
  --card-photo-scale-pre: 1.37 !important;
  --card-photo-scale-live: 1.37 !important;
  --card-photo-scale-result: 1.37 !important;
}

/* Tela 2 de combate: a carta permanece dentro da própria coluna no celular. */
@media (max-width: 680px) {
  body .area-confronto--partida .formacao-time {
    min-height: 370px !important;
  }

  body .area-confronto--partida .formacao-time .player-card--confronto-premium,
  body .area-confronto--partida .formacao-time .player-card--confronto-premium[data-rota="Jungle"],
  body .area-confronto--partida .formacao-time .player-card--confronto-premium[data-rota="Sup"] {
    max-width: 112px !important;
    width: min(112px, 92%) !important;
  }

  body .area-confronto--partida .formacao-time .player-card--confronto-premium[data-rota="Top"],
  body .area-confronto--partida .formacao-time .player-card--confronto-premium[data-rota="ADC"] {
    transform: none !important;
  }
}

/* Ajustes pontuais: escala de Kick 2022 e camadas dos links de sinergia. */
body .player-card[data-player-id="kick_2022"] {
  --card-photo-fit: cover !important;
  --card-photo-scale-draft: 1.6 !important;
  --card-photo-scale-selected: 1.57 !important;
  --card-photo-scale-pre: 1.6 !important;
  --card-photo-scale-live: 1.64 !important;
  --card-photo-scale-result: 1.6 !important;
}

.formacao-time {
  isolation: isolate;
}

.formacao-time .links-sinergia {
  z-index: -1;
}

.formacao-time .player-card--formacao {
  position: relative;
  z-index: 2;
}

.formacao-time .player-card--formacao .draft-card__moldura {
  z-index: 20;
}

.area-confronto--partida .formacao-time .player-card--confronto-premium[data-rota="Jungle"],
.area-confronto--partida .formacao-time .player-card--confronto-premium[data-rota="Sup"] {
  align-self: center;
}

/* Tipografia compartilhada dos status em todas as variacoes de carta. */
body .player-card .atributos span,
body .player-card--draft-premium .draft-card__atributos span {
  font-family: inherit;
  font-size: 1.04em;
  font-weight: 700;
  letter-spacing: 0.01em;
  line-height: 1.05;
  text-shadow:
    0 1px 1px rgba(0, 0, 0, 0.75),
    0 0 3px rgba(0, 0, 0, 0.35);
}

/* Acabamento 0.33v: alinhamentos ópticos compartilhados, sem alterar a
   geometria funcional das formações ou os dados exibidos. */
body .player-card--draft-premium .draft-card__ano,
body .area-confronto--pre .player-card--confronto-premium .draft-card__ano,
body .area-confronto--partida .player-card--confronto-premium .draft-card__ano,
body .player-card--mvp .draft-card__ano,
body .campanha-mvp__destaque .draft-card__ano,
body .encerramento-card--mvp .draft-card__ano {
  font-size: clamp(0.56rem, 0.78vw, 0.7rem) !important;
  left: 7.25%;
  letter-spacing: 0.08em;
  overflow: visible;
  right: auto;
  text-overflow: clip;
  top: 24.15% !important;
  white-space: nowrap;
  width: 23%;
}

/* Placeholder central das fotos ausentes: usa a mesma area e o mesmo fundo
   das fotos reais, sem texto nem transformacoes especificas por jogador. */
body img.imagem-jogador--placeholder,
body .player-card--draft-premium img.draft-card__foto.imagem-jogador--placeholder {
  object-fit: contain !important;
  object-position: center bottom !important;
  transform: none !important;
}

body .player-card--draft-premium .draft-card__bandeira {
  height: 5.2%;
  right: 11.6%;
  width: 11.4%;
}

body .player-card--draft-premium .draft-card__ger {
  right: 7.8% !important;
}

body .player-card--draft-premium .draft-card__foto {
  object-fit: var(--card-photo-fit, cover) !important;
}

body .player-card--draft-premium:not(.player-card--confronto-premium):not(.player-card--mvp) .draft-card__informacoes {
  transform: translateY(clamp(2px, 0.35vw, 4px));
}

/* Depois do draft, GER, bandeira e role compartilham o mesmo eixo óptico. */
body .area-confronto--pre .player-card--confronto-premium .draft-card__ger,
body .area-confronto--partida .player-card--confronto-premium .draft-card__ger,
body .player-card--mvp .draft-card__ger,
body .campanha-mvp__destaque .draft-card__ger,
body .encerramento-card--mvp .draft-card__ger {
  right: 7.8% !important;
  top: 10.1%;
  width: 19%;
}

body .area-confronto--pre .player-card--confronto-premium .draft-card__ger span,
body .area-confronto--partida .player-card--confronto-premium .draft-card__ger span,
body .player-card--mvp .draft-card__ger span,
body .campanha-mvp__destaque .draft-card__ger span,
body .encerramento-card--mvp .draft-card__ger span {
  font-size: clamp(0.38rem, 0.46vw, 0.46rem);
  position: relative;
  top: 0.08em;
}

/* O MVP volta a usar o mesmo dourado e aproveita melhor a área inferior. */
body .player-card--mvp .draft-card__ger,
body .player-card--mvp .draft-card__ger span,
body .player-card--mvp .draft-card__ger strong,
body .campanha-mvp__destaque .draft-card__ger,
body .campanha-mvp__destaque .draft-card__ger span,
body .campanha-mvp__destaque .draft-card__ger strong,
body .encerramento-card--mvp .draft-card__ger,
body .encerramento-card--mvp .draft-card__ger span,
body .encerramento-card--mvp .draft-card__ger strong {
  color: var(--color-gold-primary);
}

body .player-card--mvp .draft-card__informacoes,
body .campanha-mvp__destaque .draft-card__informacoes,
body .encerramento-card--mvp .draft-card__informacoes {
  bottom: 8.2%;
  gap: 0.4rem;
  top: 59.2%;
}

body .player-card--mvp .draft-card__atributos,
body .campanha-mvp__destaque .draft-card__atributos,
body .encerramento-card--mvp .draft-card__atributos {
  font-size: clamp(0.62rem, 0.78vw, 0.7rem);
  gap: 0.3rem;
  grid-auto-rows: minmax(2.4em, auto);
}

body .player-card--mvp .draft-card__atributos span,
body .campanha-mvp__destaque .draft-card__atributos span,
body .encerramento-card--mvp .draft-card__atributos span {
  min-height: 2.4em;
  padding: 0.28rem 0.18rem;
}

body .player-card--mvp .draft-card__time,
body .campanha-mvp__destaque .draft-card__time,
body .encerramento-card--mvp .draft-card__time {
  bottom: 4.8%;
}

@media (min-width: 681px) {
  body .area-confronto--partida .formacao-time .player-card--confronto-premium,
  body .area-confronto--partida .formacao-time .player-card--confronto-premium[data-rota="Jungle"],
  body .area-confronto--partida .formacao-time .player-card--confronto-premium[data-rota="Sup"] {
    max-width: 146px;
    width: 146px;
  }

  body .area-confronto--partida .times-confronto {
    gap: clamp(0.18rem, 0.4vw, 0.42rem);
  }
}

@media (max-width: 680px) {
  body .player-card--draft-premium .draft-card__ano,
  body .area-confronto--pre .player-card--confronto-premium .draft-card__ano,
  body .area-confronto--partida .player-card--confronto-premium .draft-card__ano,
  body .player-card--mvp .draft-card__ano,
  body .campanha-mvp__destaque .draft-card__ano,
  body .encerramento-card--mvp .draft-card__ano {
    font-size: clamp(0.48rem, 2.15vw, 0.58rem) !important;
    left: 7.25%;
    top: 24.2% !important;
    width: 23%;
  }

  body .area-confronto--partida .formacao-time .player-card--confronto-premium,
  body .area-confronto--partida .formacao-time .player-card--confronto-premium[data-rota="Jungle"],
  body .area-confronto--partida .formacao-time .player-card--confronto-premium[data-rota="Sup"] {
    max-width: 126px;
    width: min(126px, 109%);
  }

  body .area-confronto--partida .player-card--confronto-premium .draft-card__ger span {
    font-size: 0.36rem;
  }
}

@media (max-width: 680px) {
  body .player-card--draft-premium .draft-card__ano,
  body .area-confronto--pre .player-card--confronto-premium .draft-card__ano,
  body .area-confronto--partida .player-card--confronto-premium .draft-card__ano,
  body .player-card--mvp .draft-card__ano,
  body .campanha-mvp__destaque .draft-card__ano,
  body .encerramento-card--mvp .draft-card__ano {
    bottom: auto;
    left: 8%;
    right: auto;
    top: 24.4% !important;
    transform: none !important;
    width: 21%;
  }

  body .player-card--draft-premium .draft-card__lane-icon {
    height: 7.2%;
    top: 31.4%;
  }

  body .player-card--draft-premium .draft-card__informacoes {
    gap: 0.26rem;
    left: 10.5%;
    right: 10.5%;
    top: 59.1%;
  }

  body .player-card--draft-premium .draft-card__atributos {
    gap: 0.25rem;
    grid-auto-rows: minmax(2.2em, auto);
    position: relative;
    top: 2px;
  }

  body .player-card--draft-premium .draft-card__atributos span {
    min-height: 2.2em;
    padding: 0.23rem 0.12rem;
  }

  body #opcoesJogadores .player-card--draft-premium .draft-card__time {
    bottom: 5.1%;
  }

  body .area-confronto--pre .player-card--confronto-premium .draft-card__atributos {
    top: 69.5%;
  }

  body .area-confronto--pre .player-card--confronto-premium .draft-card__bandeira {
    top: 23.6%;
  }

  body .area-confronto--pre .player-card--confronto-premium .draft-card__lane-icon {
    top: 32.2%;
  }

  body .area-confronto--partida .player-card--confronto-premium .draft-card__atributos {
    top: 69.2%;
  }

  body .area-confronto--partida .player-card--confronto-premium .draft-card__bandeira {
    top: 23.2%;
  }

  body .area-confronto--partida .player-card--confronto-premium[data-rota="Jungle"] .draft-card__bandeira,
  body .area-confronto--partida .player-card--confronto-premium[data-rota="Sup"] .draft-card__bandeira {
    top: 23.2%;
  }

  body .area-confronto--partida .player-card--confronto-premium .draft-card__lane-icon {
    top: 31.9%;
  }

  body .area-confronto--partida .player-card--confronto-premium .draft-card__time {
    bottom: 4.6%;
  }
}