/* ╔══════════════════════════════════════════════════════════════════════╗
   ║  THE MASK CUP — CAMPEONATOS (lista + página do campeonato)           ║
   ║  Mesma linguagem da home, do perfil e das skins (gamer.css):         ║
   ║  chanfros, luz de canto, abas em caixa alta, dourado = título.       ║
   ╚══════════════════════════════════════════════════════════════════════╝ */

.ch { --gutter: clamp(16px, 4vw, 48px); --cut: 12px; position: relative; padding-bottom: clamp(64px, 8vw, 110px); }
.ch-wrap { position: relative; max-width: 1180px; margin-inline: auto; padding-inline: var(--gutter); }
.ch-cut { clip-path: polygon(0 0, calc(100% - var(--cut)) 0, 100% var(--cut), 100% 100%, var(--cut) 100%, 0 calc(100% - var(--cut))); }

/* ═══════════════ PEÇAS COMUNS ═══════════════ */
.ch-tags { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.g-tag.ch-tag-soon { background: linear-gradient(100deg, rgba(217,169,76,.28), rgba(217,169,76,.08)); color: var(--gold-hi); }
.g-tag.ch-tag-done { background: linear-gradient(100deg, rgba(194,200,208,.16), rgba(194,200,208,.04)); background: linear-gradient(100deg, light-dark(rgba(14,20,28,.168), rgba(194,200,208,.16)), light-dark(rgba(14,20,28,.042), rgba(194,200,208,.04))); color: var(--silver); }
.ch-mode, .ch-mine {
  display: inline-flex; align-items: center; gap: 5px; padding: 4px 9px;
  font-family: 'Rajdhani', sans-serif; font-size: 10.5px; font-weight: 700; letter-spacing: 1.4px; text-transform: uppercase;
  color: var(--text-dim); box-shadow: inset 0 0 0 1px var(--border);
}
.ch-mine { color: var(--teal-hi); box-shadow: inset 0 0 0 1px rgba(79,163,157,.45); }
.ch-admin {
  position: relative; z-index: 2; display: inline-flex; align-items: center; gap: 6px;
  font-family: 'Rajdhani', sans-serif; font-size: 12px; font-weight: 700; letter-spacing: 1.2px; text-transform: uppercase;
  color: var(--text-mute); text-decoration: none;
}
.ch-admin:hover { color: var(--gold-hi); }
.ch-btn-sm { padding: 9px 14px; font-size: 12px; }
.ch-cta { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; }
.ch-cta form { margin: 0; }
.ch-chip {
  display: inline-flex; align-items: center; gap: 8px; padding: 10px 14px;
  font-family: 'Rajdhani', sans-serif; font-size: 13px; font-weight: 700; letter-spacing: .8px;
  color: var(--text-dim); background: var(--bg1); box-shadow: inset 0 0 0 1px var(--border);
}
.ch-chip.is-ok { color: var(--teal-hi); box-shadow: inset 0 0 0 1px rgba(79,163,157,.45); background: rgba(79,163,157,.08); }
.ch-chip.is-live { color: var(--gold-hi); box-shadow: inset 0 0 0 1px rgba(217,169,76,.4); background: rgba(217,169,76,.07); }
.ch-bar { height: 4px; background: rgba(194,200,208,.08); background: light-dark(rgba(14,20,28,.084), rgba(194,200,208,.08)); overflow: hidden; }
.ch-bar span { display: block; height: 100%; background: linear-gradient(90deg, var(--teal), var(--teal-hi)); transition: width .8s var(--ease-out-expo, ease); }

.ch-logo {
  flex: 0 0 auto; width: 38px; height: 38px; display: grid; place-items: center; overflow: hidden;
  font-family: 'Bebas Neue', sans-serif; font-size: 17px; letter-spacing: .5px; color: var(--silver-hi);
  background: linear-gradient(155deg, #1B1E23, #0E1013); background: linear-gradient(155deg, light-dark(#ffffff, #1B1E23), light-dark(#f9fafb, #0E1013)); box-shadow: inset 0 0 0 1px var(--border-hi);
  clip-path: polygon(50% 0%, 93% 25%, 93% 75%, 50% 100%, 7% 75%, 7% 25%);
}
.ch-logo img { width: 100%; height: 100%; object-fit: cover; }
.ch-logo.sm { width: 26px; height: 26px; font-size: 12px; }
.ch-logo.lg { width: 52px; height: 52px; font-size: 22px; }
.ch-logo.xl { width: 84px; height: 84px; font-size: 34px; }

.ch-empty { display: flex; flex-direction: column; align-items: center; gap: 10px; padding: 48px 20px; text-align: center; color: var(--text-dim); }
.ch-empty[hidden] { display: none; }
.ch-empty p { margin: 0; max-width: 420px; line-height: 1.6; }
.ch-empty .ico { color: var(--text-mute); }

/* ═══════════════ LISTA — TOPO ═══════════════ */
.ch-hero {
  padding: clamp(36px, 6vw, 72px) 0 clamp(26px, 4vw, 40px); margin-bottom: 24px;
  background:
    radial-gradient(60% 120% at 10% 0%, rgba(217,169,76,.16), transparent 60%),
    radial-gradient(45% 100% at 92% 10%, rgba(79,163,157,.16), transparent 62%);
  border-bottom: 1px solid var(--border);
}
.ch-title {
  margin: 12px 0 8px; font-family: 'Bebas Neue', sans-serif; font-weight: 400;
  font-size: clamp(44px, 7vw, 80px); line-height: .92; letter-spacing: 1px; color: var(--silver-hi);
}
.ch-sub { margin: 0; max-width: 620px; color: var(--text-dim); font-size: 15px; line-height: 1.6; }
.ch-hero-stats { display: flex; gap: 8px; margin-top: 22px; }
.ch-hero-stats div {
  --cut: 10px; display: flex; flex-direction: column; min-width: 96px; padding: 10px 14px;
  clip-path: polygon(0 0, calc(100% - var(--cut)) 0, 100% var(--cut), 100% 100%, var(--cut) 100%, 0 calc(100% - var(--cut)));
  background: linear-gradient(155deg, #121418, #0B0C0F); background: linear-gradient(155deg, light-dark(#fefefe, #121418), light-dark(#f5f6f8, #0B0C0F)); box-shadow: inset 0 0 0 1px var(--border);
}
.ch-hero-stats b { font-family: 'Bebas Neue', sans-serif; font-weight: 400; font-size: 30px; line-height: 1; color: var(--silver-hi); }
.ch-hero-stats span { font-family: 'Rajdhani', sans-serif; font-size: 11px; font-weight: 700; letter-spacing: 1.4px; text-transform: uppercase; color: var(--text-mute); }
.ch-hero-stats .is-live b { color: var(--gold-hi); }

/* ═══════════════ LISTA — DESTAQUE ═══════════════ */
.ch-feat { display: grid; grid-template-columns: 1fr auto; gap: 24px; align-items: end; padding: clamp(22px, 3vw, 32px); margin-bottom: 26px; }
.ch-feat-name { margin: 12px 0 6px; font-family: 'Bebas Neue', sans-serif; font-weight: 400; font-size: clamp(34px, 4.6vw, 54px); line-height: .95; color: var(--silver-hi); }
.ch-feat-desc { margin: 0 0 14px; max-width: 620px; color: var(--text-dim); line-height: 1.6; }
.ch-feat-facts { display: flex; flex-wrap: wrap; gap: 10px 28px; margin: 14px 0 16px; }
.ch-feat-facts dt { display: flex; align-items: center; gap: 6px; font-family: 'Rajdhani', sans-serif; font-size: 11px; font-weight: 700; letter-spacing: 1.4px; text-transform: uppercase; color: var(--text-mute); }
.ch-feat-facts dd { margin: 3px 0 0; font-family: 'Rajdhani', sans-serif; font-size: 18px; font-weight: 700; color: var(--silver-hi); }
.ch-feat-facts .is-gold dd { color: var(--gold-hi); }
.ch-feat .ch-bar { max-width: 520px; }
.ch-feat-side { display: flex; flex-direction: column; align-items: stretch; gap: 10px; min-width: 240px; }
.ch-feat-side .ch-cta { flex-direction: column; align-items: stretch; }
.ch-feat-side .g-btn, .ch-feat-side .ch-chip { justify-content: center; }
.ch-feat-side .ch-cta form .g-btn { width: 100%; }
.ch-feat-side .ch-admin { align-self: center; }

/* ═══════════════ LISTA — FILTROS + GRADE ═══════════════ */
.ch-filters { display: flex; gap: 2px; margin-bottom: 16px; overflow-x: auto; scrollbar-width: none; border-bottom: 1px solid var(--border); }
.ch-filters::-webkit-scrollbar { display: none; }
.ch-filter, .chd-tab {
  position: relative; flex: 0 0 auto; display: inline-flex; align-items: center; gap: 8px;
  padding: 12px 15px; border: 0; background: none; cursor: pointer;
  font-family: 'Rajdhani', sans-serif; font-size: 13.5px; font-weight: 700; letter-spacing: 1.2px; text-transform: uppercase;
  color: var(--text-dim); transition: color .2s;
}
.ch-filter b, .chd-tab b { color: var(--text-mute); }
.ch-filter:hover, .chd-tab:hover { color: var(--silver-hi); }
.ch-filter.active, .chd-tab.active { color: var(--teal-hi); }
.ch-filter.active::after, .chd-tab.active::after {
  content: ''; position: absolute; left: 10px; right: 10px; bottom: -1px; height: 2px;
  background: linear-gradient(90deg, var(--teal), var(--teal-hi));
}
.ch-filter:focus-visible, .chd-tab:focus-visible { outline: 1px solid var(--teal); outline-offset: -2px; }

.ch-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(290px, 1fr)); gap: 12px; }
.ch-card {
  position: relative; display: flex; flex-direction: column; gap: 10px; padding: 18px 18px 14px;
  clip-path: polygon(0 0, calc(100% - var(--cut)) 0, 100% var(--cut), 100% 100%, var(--cut) 100%, 0 calc(100% - var(--cut)));
  background: radial-gradient(110% 80% at 0% 0%, rgba(79,163,157,.08), transparent 55%), linear-gradient(155deg, #121418, #0A0B0E); background: radial-gradient(110% 80% at 0% 0%, rgba(79,163,157,.08), transparent 55%), linear-gradient(155deg, light-dark(#fefefe, #121418), light-dark(#f4f5f7, #0A0B0E));
  box-shadow: inset 0 0 0 1px var(--border); transition: box-shadow .2s, transform .2s;
}
.ch-card:hover { box-shadow: inset 0 0 0 1px var(--border-hi); transform: translateY(-2px); }
.ch-card.is-running { box-shadow: inset 0 0 0 1px rgba(217,169,76,.35); }
.ch-card.is-open { background: radial-gradient(110% 80% at 0% 0%, rgba(79,163,157,.16), transparent 55%), linear-gradient(155deg, #121418, #0A0B0E); background: radial-gradient(110% 80% at 0% 0%, rgba(79,163,157,.16), transparent 55%), linear-gradient(155deg, light-dark(#fefefe, #121418), light-dark(#f4f5f7, #0A0B0E)); }
.ch-card-link { position: absolute; inset: 0; z-index: 1; }
.ch-card-link:focus-visible { outline: 1px solid var(--teal); outline-offset: -3px; }
.ch-card-top { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; }
.ch-card-name { margin: 2px 0 0; font-family: 'Rajdhani', sans-serif; font-size: 21px; font-weight: 700; line-height: 1.15; color: var(--silver-hi); }
.ch-card-meta { display: flex; flex-wrap: wrap; gap: 6px 14px; font-size: 12.5px; color: var(--text-dim); }
.ch-card-meta span { display: inline-flex; align-items: center; gap: 6px; }
.ch-card-meta .is-gold { color: var(--gold-hi); }
.ch-card-champ {
  display: flex; align-items: center; gap: 12px; padding: 10px 12px; margin-top: 2px;
  background: linear-gradient(100deg, rgba(217,169,76,.14), rgba(217,169,76,.02)); box-shadow: inset 2px 0 0 var(--gold);
}
.ch-card-champ small { display: flex; align-items: center; gap: 5px; font-family: 'Rajdhani', sans-serif; font-size: 10.5px; font-weight: 700; letter-spacing: 1.4px; text-transform: uppercase; color: var(--gold); }
.ch-card-champ strong { display: block; font-family: 'Rajdhani', sans-serif; font-size: 16px; color: var(--gold-hi); line-height: 1.2; }
.ch-card-state { display: flex; align-items: center; gap: 8px; padding: 10px 12px; font-size: 13px; color: var(--text-mute); background: rgba(194,200,208,.03); background: light-dark(rgba(14,20,28,.032), rgba(194,200,208,.03)); }
.ch-card-state.is-live { color: var(--gold-hi); background: rgba(217,169,76,.07); }
.ch-card-slots > div:first-child { display: flex; justify-content: space-between; align-items: baseline; margin-bottom: 6px; }
.ch-card-slots span { font-family: 'Rajdhani', sans-serif; font-size: 11px; font-weight: 700; letter-spacing: 1.4px; text-transform: uppercase; color: var(--text-mute); }
.ch-card-slots b { font-family: 'Bebas Neue', sans-serif; font-weight: 400; font-size: 22px; color: var(--silver-hi); }
.ch-card-slots i { font-style: normal; color: var(--text-mute); font-size: .75em; }
.ch-card-foot {
  display: flex; justify-content: space-between; align-items: center; margin-top: auto; padding-top: 10px;
  border-top: 1px solid var(--border);
  font-family: 'Rajdhani', sans-serif; font-size: 12.5px; font-weight: 700; letter-spacing: 1.2px; text-transform: uppercase; color: var(--teal-hi);
}
.ch-card-foot > span { display: inline-flex; align-items: center; gap: 6px; }
.ch-card[hidden] { display: none; }

/* ═══════════════ JANELA (LIGA) ═══════════════ */
.ch-modal { position: fixed; inset: 0; z-index: 1000; display: grid; place-items: center; padding: 16px; }
.ch-modal[hidden] { display: none; }
.ch-modal-backdrop { position: absolute; inset: 0; background: rgba(3,3,4,.78); background: light-dark(rgba(14,20,28,.125), rgba(3,3,4,.78)); backdrop-filter: blur(4px); }
.ch-modal-box { position: relative; width: min(900px, 100%); max-height: calc(100vh - 32px); display: flex; flex-direction: column; }
.ch-modal-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; padding: 18px 20px; border-bottom: 1px solid var(--border); }
.ch-modal-head h2 { margin: 0 0 4px; font-family: 'Rajdhani', sans-serif; font-size: 20px; letter-spacing: 1.2px; text-transform: uppercase; color: var(--silver-hi); }
.ch-modal-head p { margin: 0; color: var(--text-dim); font-size: 13.5px; }
.ch-icon-btn { flex: 0 0 auto; width: 36px; height: 36px; display: grid; place-items: center; border: 0; cursor: pointer; background: var(--bg1); color: var(--text-dim); }
.ch-icon-btn:hover { color: var(--silver-hi); }
.ch-modal-body { overflow-y: auto; padding: 18px 20px 22px; }
.lg-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 10px; }
.lg-card { display: flex; flex-direction: column; gap: 10px; margin: 0; padding: 14px; background: var(--bg1); box-shadow: inset 0 0 0 1px var(--border); }
.lg-card header { display: grid; grid-template-columns: auto 1fr; column-gap: 10px; align-items: center; }
.lg-card header .ch-logo { grid-row: span 2; }
.lg-card strong { font-family: 'Rajdhani', sans-serif; font-size: 16px; color: var(--silver-hi); }
.lg-card small { font-size: 12px; color: var(--text-mute); }
.lg-card ul { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 6px; }
.lg-card li { display: flex; align-items: center; gap: 8px; font-size: 13px; color: var(--text-dim); }
.lg-card li img { width: 22px; height: 22px; }
.lg-card .g-btn { justify-content: center; width: 100%; margin-top: auto; }

/* ═══════════════ PÁGINA — CAPA E CABEÇALHO ═══════════════ */
.chd-cover { position: absolute; left: 0; right: 0; top: 0; height: clamp(220px, 30vw, 340px); overflow: hidden; }
.chd-cover-img { position: absolute; inset: 0; background: center/cover no-repeat; opacity: .42; filter: saturate(.9); }
.chd-cover-fade { position: absolute; inset: 0; background: linear-gradient(180deg, rgba(6,6,7,.2), rgba(6,6,7,.6) 55%, var(--bg)); background: linear-gradient(180deg, light-dark(rgba(237,239,243,.2), rgba(6,6,7,.2)), light-dark(rgba(237,239,243,.6), rgba(6,6,7,.6)) 55%, var(--bg)); }
.ch-detail > .ch-wrap { padding-top: clamp(22px, 3vw, 34px); }
.chd-back {
  display: inline-flex; align-items: center; gap: 7px; margin-bottom: clamp(40px, 7vw, 90px);
  font-family: 'Rajdhani', sans-serif; font-size: 12.5px; font-weight: 700; letter-spacing: 1.3px; text-transform: uppercase;
  color: var(--text-dim); text-decoration: none;
}
.chd-back .ico { transform: rotate(180deg); }
.chd-back:hover { color: var(--silver-hi); }
.chd-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 20px 32px; flex-wrap: wrap; margin-bottom: 22px; }
.chd-name { margin: 12px 0 8px; font-family: 'Bebas Neue', sans-serif; font-weight: 400; font-size: clamp(42px, 6.4vw, 76px); line-height: .92; letter-spacing: 1px; color: var(--silver-hi); }
.chd-meta { display: flex; flex-wrap: wrap; gap: 6px 18px; font-size: 13.5px; color: var(--text-dim); }
.chd-meta span { display: inline-flex; align-items: center; gap: 7px; }
.chd-actions { display: flex; flex-direction: column; align-items: flex-end; gap: 10px; }

/* Pódio */
.chd-podium { display: grid; grid-template-columns: minmax(0, 2fr) minmax(0, 1fr); gap: 10px; margin-bottom: 12px; }
.chd-champ { display: flex; align-items: center; gap: 20px; padding: 22px 24px; }
.chd-champ small, .chd-vice small, .chd-prize small {
  display: flex; align-items: center; gap: 6px;
  font-family: 'Rajdhani', sans-serif; font-size: 11.5px; font-weight: 700; letter-spacing: 1.6px; text-transform: uppercase; color: var(--gold);
}
.chd-champ strong { display: block; margin: 2px 0 4px; font-family: 'Bebas Neue', sans-serif; font-weight: 400; font-size: clamp(32px, 4vw, 46px); line-height: 1; color: var(--gold-hi); }
.chd-final { font-family: 'DM Mono', monospace; font-size: 12px; color: var(--text-dim); }
.chd-prize { margin-left: auto; text-align: right; }
.chd-prize small { justify-content: flex-end; }
.chd-prize b { font-family: 'Rajdhani', sans-serif; font-size: 20px; color: var(--gold-hi); }
.chd-vice { display: flex; align-items: center; gap: 16px; padding: 22px 24px; }
.chd-vice small { color: var(--silver); }
.chd-vice strong { display: block; font-family: 'Rajdhani', sans-serif; font-size: 20px; color: var(--silver-hi); }

/* Números */
.chd-kpis { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; margin-bottom: 28px; }
.chd-kpi {
  display: flex; flex-direction: column; gap: 6px; padding: 16px;
  clip-path: polygon(0 0, calc(100% - var(--cut)) 0, 100% var(--cut), 100% 100%, var(--cut) 100%, 0 calc(100% - var(--cut)));
  background: radial-gradient(120% 90% at 0% 0%, rgba(79,163,157,.09), transparent 55%), linear-gradient(155deg, #121418, #0B0C0F); background: radial-gradient(120% 90% at 0% 0%, rgba(79,163,157,.09), transparent 55%), linear-gradient(155deg, light-dark(#fefefe, #121418), light-dark(#f5f6f8, #0B0C0F));
  box-shadow: inset 0 0 0 1px var(--border);
}
.chd-kpi > span { display: flex; align-items: center; gap: 7px; font-family: 'Rajdhani', sans-serif; font-size: 11.5px; font-weight: 700; letter-spacing: 1.4px; text-transform: uppercase; color: var(--text-dim); }
.chd-kpi b { font-family: 'Bebas Neue', sans-serif; font-weight: 400; font-size: 34px; line-height: 1; color: var(--silver-hi); }
.chd-kpi b i { font-style: normal; font-size: .6em; color: var(--text-mute); }
.chd-kpi b.is-text { font-family: 'Rajdhani', sans-serif; font-weight: 700; font-size: 18px; line-height: 1.3; }
.chd-kpi.is-gold b { color: var(--gold-hi); }
.chd-kpi .ch-bar { margin-top: auto; }
.chd-kpi-sub { margin-top: auto; font-size: 12px; color: var(--text-mute); }

.chd-tabs { display: flex; gap: 2px; margin-bottom: 22px; overflow-x: auto; scrollbar-width: none; border-bottom: 1px solid var(--border); }
.chd-tabs::-webkit-scrollbar { display: none; }
.chd-panel { animation: ch-in .3s ease; }
.chd-panel[hidden] { display: none; }
@keyframes ch-in { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: none; } }
.chd-h2 {
  display: flex; align-items: center; gap: 9px; margin: 0 0 12px;
  font-family: 'Rajdhani', sans-serif; font-size: 15px; font-weight: 700; letter-spacing: 1.6px; text-transform: uppercase; color: var(--silver-hi);
}
.chd-h2 .ico { color: var(--teal); }
.chd-h2 small { font-size: 12px; color: var(--text-mute); letter-spacing: 1px; }

/* ═══════════════ CHAVEAMENTO ═══════════════ */
.br-tools { display: flex; justify-content: space-between; align-items: center; gap: 12px; margin-bottom: 12px; font-size: 12.5px; color: var(--text-mute); }
.br-tools .g-btn .ico { transform: rotate(90deg); }
.br-scroll { overflow-x: auto; padding-bottom: 12px; scrollbar-width: thin; scrollbar-color: var(--border-hi) transparent; }
.br { --col: 236px; --gap: 40px; display: flex; gap: var(--gap); align-items: stretch; width: max-content; min-width: 100%; }
.br-col { width: var(--col); display: flex; flex-direction: column; }
.br-col-head {
  display: flex; flex-direction: column; gap: 2px; height: 48px; margin-bottom: 8px; padding: 8px 12px;
  font-family: 'Rajdhani', sans-serif; font-size: 13px; font-weight: 700; letter-spacing: 1.6px; text-transform: uppercase; color: var(--silver-hi);
  background: var(--bg1); box-shadow: inset 0 -2px 0 var(--border-hi);
}
.br-col-head small { font-size: 10.5px; letter-spacing: 1px; color: var(--text-mute); }
.br-col.is-final .br-col-head { box-shadow: inset 0 -2px 0 var(--gold); color: var(--gold-hi); }
.br-col-body { flex: 1; display: flex; flex-direction: column; }
.br-pair { position: relative; flex: 1; display: flex; flex-direction: column; }
.br-slot { flex: 1; display: flex; align-items: center; padding: 6px 0; }

/* Linhas que ligam uma rodada à próxima */
.br-col:not(:last-child) .br-pair:not(.is-single)::after {
  content: ''; position: absolute; top: 25%; bottom: 25%; right: calc(var(--gap) / -2); width: calc(var(--gap) / 2);
  border: 1px solid var(--border-hi); border-left: 0;
}
.br-col:not(:last-child) .br-pair::before {
  content: ''; position: absolute; top: 50%; right: calc(var(--gap) * -1); width: calc(var(--gap) / 2); height: 1px; background: var(--border-hi);
}
.br-col:not(:last-child) .br-pair.is-single::before { width: var(--gap); }

.br-match {
  position: relative; width: 100%;
  clip-path: polygon(0 0, calc(100% - 9px) 0, 100% 9px, 100% 100%, 9px 100%, 0 calc(100% - 9px));
  background: linear-gradient(155deg, #15171B, #0C0D10); background: linear-gradient(155deg, light-dark(#ffffff, #15171B), light-dark(#f6f7f9, #0C0D10)); box-shadow: inset 0 0 0 1px var(--border);
}
.br-match.is-live { box-shadow: inset 0 0 0 1px rgba(217,169,76,.55); }
.br-team { display: flex; align-items: center; gap: 9px; padding: 8px 10px; }
.br-team + .br-team { border-top: 1px solid var(--border); }
.br-name { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-family: 'Rajdhani', sans-serif; font-size: 14.5px; font-weight: 700; color: var(--silver-hi); }
.br-score { min-width: 24px; text-align: right; font-family: 'Bebas Neue', sans-serif; font-size: 20px; line-height: 1; color: var(--text-dim); }
.br-team.is-win { background: linear-gradient(90deg, rgba(79,163,157,.14), transparent 80%); box-shadow: inset 2px 0 0 var(--teal-hi); }
.br-team.is-win .br-score { color: var(--teal-hi); }
.br-team.is-lose .br-name, .br-team.is-lose .br-score { color: var(--text-mute); }
.br-team.is-lose .ch-logo { opacity: .5; }
.br-foot { display: flex; justify-content: space-between; gap: 8px; padding: 5px 10px; background: rgba(0,0,0,.25); background: light-dark(rgba(14,20,28,.04), rgba(0,0,0,.25)); }
.br-state, .br-bo { display: inline-flex; align-items: center; gap: 6px; font-family: 'Rajdhani', sans-serif; font-size: 10.5px; font-weight: 700; letter-spacing: 1.2px; text-transform: uppercase; color: var(--text-mute); }
.br-state.is-live { color: var(--gold-hi); }
.br-state.is-teal { color: var(--teal-hi); }
.br-links { display: flex; gap: 12px; padding: 6px 10px; border-top: 1px solid var(--border); }
.br-link {
  display: inline-flex; align-items: center; gap: 5px; text-decoration: none;
  font-family: 'Rajdhani', sans-serif; font-size: 11.5px; font-weight: 700; letter-spacing: 1.1px; text-transform: uppercase; color: var(--text-dim);
}
.br-link:hover { color: var(--silver-hi); }
.br-link.is-veto { color: var(--teal-hi); }
.br-col-champ { width: 190px; }
.br-col-champ .br-col-head { box-shadow: inset 0 -2px 0 var(--gold); color: var(--gold-hi); }
.br-trophy {
  width: 100%; display: flex; flex-direction: column; align-items: center; gap: 10px; padding: 18px 12px; text-align: center; color: var(--gold);
  background: radial-gradient(80% 80% at 50% 30%, rgba(217,169,76,.22), transparent 70%), linear-gradient(155deg, #17140D, #0C0B08); background: radial-gradient(80% 80% at 50% 30%, rgba(217,169,76,.22), transparent 70%), linear-gradient(155deg, light-dark(#fcfcfa, #17140D), light-dark(#f1f3f5, #0C0B08));
  box-shadow: inset 0 0 0 1px rgba(217,169,76,.45);
  clip-path: polygon(0 0, calc(100% - 12px) 0, 100% 12px, 100% 100%, 12px 100%, 0 calc(100% - 12px));
}
.br-trophy strong { font-family: 'Rajdhani', sans-serif; font-size: 17px; color: var(--gold-hi); }

/* Cópia usada para gerar a imagem */
.br-export { position: fixed; left: -99999px; top: 0; padding: 28px; background: #08090B; background: light-dark(#f1f2f5, #08090B); width: max-content; }
.br-export-head { display: flex; align-items: baseline; gap: 14px; margin-bottom: 18px; }
.br-export-head span { font-family: 'Rajdhani', sans-serif; font-weight: 700; letter-spacing: 3px; color: var(--teal-hi); font-size: 13px; }
.br-export-head strong { font-family: 'Bebas Neue', sans-serif; font-weight: 400; font-size: 34px; color: var(--silver-hi); }

/* ═══════════════ PARTIDAS ═══════════════ */
.mt-list { display: flex; flex-direction: column; gap: 6px; margin-bottom: 26px; }
.mt-row {
  display: grid; grid-template-columns: 120px minmax(0, 1fr) 96px minmax(0, 1fr); grid-template-areas: "st a sc b" ". mp mp mp";
  align-items: center; column-gap: 12px; padding: 12px 16px;
  background: linear-gradient(155deg, #121418, #0B0C0F); background: linear-gradient(155deg, light-dark(#fefefe, #121418), light-dark(#f5f6f8, #0B0C0F)); box-shadow: inset 0 0 0 1px var(--border);
}
.mt-row.is-live { box-shadow: inset 0 0 0 1px rgba(217,169,76,.45); }
.mt-row > .br-state { grid-area: st; }
.mt-team { grid-area: a; display: flex; align-items: center; justify-content: flex-end; gap: 10px; min-width: 0; text-align: right; }
.mt-team.is-right { grid-area: b; justify-content: flex-start; text-align: left; }
.mt-team.is-lose .br-name { color: var(--text-mute); }
.mt-team.is-lose .ch-logo { opacity: .5; }
.mt-score { grid-area: sc; display: flex; align-items: baseline; justify-content: center; gap: 6px; }
.mt-score b { font-family: 'Bebas Neue', sans-serif; font-weight: 400; font-size: 26px; line-height: 1; color: var(--text-dim); }
.mt-score b.is-win { color: var(--teal-hi); }
.mt-score i { font-style: normal; color: var(--text-mute); }
.mt-score small { display: none; }
.mt-maps { grid-area: mp; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 6px 14px; margin-top: 6px; }
.mt-maps:empty { display: none; }
.mt-map { display: inline-flex; align-items: baseline; gap: 5px; font-family: 'DM Mono', monospace; font-size: 11.5px; color: var(--text-mute); }
.mt-map em { font-style: normal; font-family: 'Rajdhani', sans-serif; font-weight: 700; letter-spacing: .8px; color: var(--text-dim); }
.mt-map b { font-weight: 500; }
.mt-map b.is-win { color: var(--teal-hi); }

/* ═══════════════ TIMES ═══════════════ */
.tm-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); gap: 10px; }
.tm-card {
  display: flex; flex-direction: column; gap: 12px; padding: 16px;
  clip-path: polygon(0 0, calc(100% - var(--cut)) 0, 100% var(--cut), 100% 100%, var(--cut) 100%, 0 calc(100% - var(--cut)));
  background: linear-gradient(155deg, #121418, #0B0C0F); background: linear-gradient(155deg, light-dark(#fefefe, #121418), light-dark(#f5f6f8, #0B0C0F)); box-shadow: inset 0 0 0 1px var(--border);
}
.tm-card.is-champ { background: radial-gradient(110% 80% at 0% 0%, rgba(217,169,76,.16), transparent 60%), linear-gradient(155deg, #15130D, #0C0B08); background: radial-gradient(110% 80% at 0% 0%, rgba(217,169,76,.16), transparent 60%), linear-gradient(155deg, light-dark(#fbfbf9, #15130D), light-dark(#f1f3f5, #0C0B08)); box-shadow: inset 0 0 0 1px rgba(217,169,76,.4); }
.tm-card.is-out { opacity: .72; }
.tm-head { display: flex; align-items: center; gap: 12px; }
.tm-head strong { display: block; font-family: 'Rajdhani', sans-serif; font-size: 18px; line-height: 1.15; color: var(--silver-hi); }
.tm-rec { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 3px; font-family: 'DM Mono', monospace; font-size: 11.5px; color: var(--text-mute); }
.tm-rec em { font-style: normal; display: inline-flex; align-items: center; gap: 4px; font-family: 'Rajdhani', sans-serif; font-weight: 700; letter-spacing: 1.2px; text-transform: uppercase; }
.tm-rec em.is-gold { color: var(--gold-hi); }
.tm-players { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 2px; }
.tm-players a { display: flex; align-items: center; gap: 10px; padding: 6px 8px; text-decoration: none; color: var(--text); font-size: 13.5px; }
.tm-players a:hover { background: rgba(194,200,208,.05); background: light-dark(rgba(14,20,28,.053), rgba(194,200,208,.05)); color: var(--silver-hi); }
.tm-players img, .tm-av { width: 26px; height: 26px; flex: 0 0 auto; background: var(--bg2); }
.tm-players span { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.tm-players i { color: var(--gold); display: inline-flex; }
.tm-empty { padding: 6px 8px; font-size: 13px; color: var(--text-mute); }

/* ═══════════════ INFORMAÇÕES ═══════════════ */
.inf-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.inf-block { padding: 18px 20px; background: var(--bg1); box-shadow: inset 0 0 0 1px var(--border); }
.inf-block.is-full { grid-column: 1 / -1; }
.inf-steps { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 10px; }
.inf-steps li { position: relative; display: flex; justify-content: space-between; gap: 12px; padding-left: 20px; font-size: 14px; color: var(--text-dim); }
.inf-steps li::before { content: ''; position: absolute; left: 0; top: 5px; width: 9px; height: 9px; box-shadow: inset 0 0 0 1px var(--border-hi); transform: rotate(45deg); }
.inf-steps li.is-done::before { background: var(--teal); box-shadow: none; }
.inf-steps b { font-family: 'DM Mono', monospace; font-weight: 400; font-size: 13px; color: var(--silver-hi); white-space: nowrap; }
.inf-text { margin: 0 0 10px; color: var(--text-dim); line-height: 1.65; font-size: 14px; }
.inf-text b { color: var(--silver-hi); }
.inf-rules { white-space: pre-wrap; color: var(--text-dim); line-height: 1.7; font-size: 14px; }

/* ═══════════════ CELULAR ═══════════════ */
@media (max-width: 860px) {
  .ch-feat { grid-template-columns: 1fr; }
  .ch-feat-side { min-width: 0; }
  .chd-podium { grid-template-columns: 1fr; }
  .chd-kpis { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .inf-grid { grid-template-columns: 1fr; }
  .chd-actions { align-items: stretch; width: 100%; }
}
@media (max-width: 560px) {
  .ch-hero-stats div { flex: 1; min-width: 0; }
  .ch-grid { grid-template-columns: 1fr; }
  .chd-champ { flex-wrap: wrap; gap: 14px; padding: 18px; }
  .chd-champ .ch-logo.xl { width: 60px; height: 60px; font-size: 26px; }
  .chd-prize { margin-left: 0; text-align: left; width: 100%; }
  .chd-prize small { justify-content: flex-start; }
  .br { --col: 210px; --gap: 28px; }
  .br-tools > span { display: none; }
  .mt-row { grid-template-columns: minmax(0, 1fr) 70px minmax(0, 1fr); grid-template-areas: "st st st" "a sc b" "mp mp mp"; row-gap: 6px; padding: 12px; }
  .mt-team { flex-direction: column-reverse; align-items: center; text-align: center; gap: 4px; }
  .mt-team.is-right { flex-direction: column; align-items: center; text-align: center; }
  .mt-team .br-name { font-size: 13px; white-space: normal; }
}

/* ═══════════════ LIGA: times montados pelos capitães ═══════════════ */
.ch-chip.is-gold { color: var(--gold-hi); box-shadow: inset 0 0 0 1px rgba(217,169,76,.4); }
.lg-sec { display: grid; gap: 16px; margin: 0 0 26px; scroll-margin-top: calc(var(--nav-h, 70px) + 16px); }
.lg-mine { padding: 20px 22px; }
.lg-mine small { display: inline-flex; align-items: center; gap: 6px; font-family: 'Rajdhani', sans-serif; font-size: 11.5px; font-weight: 700; letter-spacing: 1.3px; text-transform: uppercase; color: var(--teal-hi); }
.lg-mine h2 { margin: 4px 0 2px; font-family: 'Bebas Neue', sans-serif; font-weight: 400; font-size: 32px; color: var(--silver-hi); }
.lg-mine h2 span, .lg-card strong span { color: var(--text-mute); }
.lg-mine p { margin: 0; font-size: 13.5px; color: var(--text-dim); }
.t-ok { color: #7fd6b9; color: light-dark(#247057, #7fd6b9); }
.lg-invite { margin-top: 14px; font-size: 13px; color: var(--text-dim); }
.lg-invite-row { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 6px; }
.lg-invite-row input { flex: 1 1 260px; min-width: 0; padding: 9px 12px; border: 0; font: inherit; font-size: 13px; color: var(--text); background: var(--bg1); box-shadow: inset 0 0 0 1px var(--border); }
.lg-invite-row form { margin: 0; }
.lg-roster { list-style: none; margin: 14px 0 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 8px; }
.lg-roster li { display: flex; align-items: center; gap: 10px; padding: 8px 10px; background: var(--bg1); box-shadow: inset 0 0 0 1px var(--border); }
.lg-roster li.is-empty { justify-content: center; color: var(--text-mute); font-size: 13px; box-shadow: inset 0 0 0 1px var(--border); border: 1px dashed transparent; }
.lg-roster img { width: 30px; height: 30px; border-radius: 50%; object-fit: cover; }
.lg-roster span { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 14px; color: var(--text); }
.lg-roster em { font-style: normal; font-family: 'Rajdhani', sans-serif; font-size: 11px; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; color: var(--gold-hi); }
.lg-roster form { margin: 0; }
.lg-kick { padding: 4px 8px; border: 0; cursor: pointer; font: inherit; font-size: 12px; color: #E88C85; color: light-dark(#bb2e23, #E88C85); background: rgba(217,100,92,.1); }
.lg-title { display: flex; flex-wrap: wrap; align-items: baseline; gap: 8px; margin: 0 0 10px; font-family: 'Rajdhani', sans-serif; font-size: 15px; letter-spacing: 1.4px; text-transform: uppercase; color: var(--silver-hi); }
.lg-title b { color: var(--text-mute); }
.lg-title small { font-size: 12px; letter-spacing: .4px; text-transform: none; color: var(--text-mute); }
.lg-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(210px, 1fr)); gap: 10px; }
.lg-card { padding: 14px; background: linear-gradient(155deg, #121418, #0B0C0F); background: linear-gradient(155deg, light-dark(#fefefe, #121418), light-dark(#f5f6f8, #0B0C0F)); box-shadow: inset 0 0 0 1px var(--border); }
.lg-card.is-complete { box-shadow: inset 0 0 0 1px rgba(95,191,160,.45); }
.lg-card strong { display: block; font-size: 15px; color: var(--silver-hi); }
.lg-card small { font-size: 12px; color: var(--text-mute); }
.lg-card ul { list-style: none; margin: 8px 0 0; padding: 0; font-size: 13px; color: var(--text-dim); }
.lg-card em { font-style: normal; color: var(--gold-hi); font-size: 11px; }
.lg-empty { margin: 0; padding: 18px; text-align: center; color: var(--text-mute); background: var(--bg1); box-shadow: inset 0 0 0 1px var(--border); }
.lg-create { display: grid; gap: 12px; padding: 4px 0; }
.lg-create label { display: grid; gap: 6px; }
.lg-create label span { font-family: 'Rajdhani', sans-serif; font-size: 11.5px; font-weight: 700; letter-spacing: 1.3px; text-transform: uppercase; color: var(--text-dim); }
.lg-create input { padding: 11px 12px; border: 0; font: inherit; font-size: 14px; color: var(--text); background: var(--bg1); box-shadow: inset 0 0 0 1px var(--border); }
.lg-create input:focus { outline: 0; box-shadow: inset 0 0 0 1px var(--teal); }
.lg-fee { margin: 0; font-size: 13px; color: var(--gold-hi); }

/* MaskPro nas escalações: nick dourado e moldura */
.tm-players a.is-pro span, .lg-card li.is-pro, .lg-roster span.is-pro { background: linear-gradient(96deg, var(--gold-hi), var(--gold) 55%, var(--gold-hi)); -webkit-background-clip: text; background-clip: text; color: transparent; font-weight: 700; }
.tm-players a.is-pro img { padding: 2px; background: linear-gradient(150deg, var(--gold-hi), var(--gold) 45%, var(--gold-deep)); }


/* ═══════════════ ESTATÍSTICAS DO CAMPEONATO ═══════════════ */
.st-leaders { display: grid; grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)); gap: 10px; margin-bottom: 22px; }
.st-lead { display: flex; flex-direction: column; gap: 10px; padding: 14px; background: linear-gradient(155deg, #121418, #0B0C0F); background: linear-gradient(155deg, light-dark(#fefefe, #121418), light-dark(#f5f6f8, #0B0C0F)); box-shadow: inset 0 0 0 1px var(--border); }
.st-lead.is-first { background: radial-gradient(110% 80% at 0% 0%, rgba(217,169,76,.16), transparent 60%), linear-gradient(155deg, #15130D, #0C0B08); background: radial-gradient(110% 80% at 0% 0%, rgba(217,169,76,.16), transparent 60%), linear-gradient(155deg, light-dark(#fbfbf9, #15130D), light-dark(#f1f3f5, #0C0B08)); box-shadow: inset 0 0 0 1px rgba(217,169,76,.4); }
.st-lead header span { display: inline-flex; align-items: center; gap: 7px; font-family: 'Rajdhani', sans-serif; font-size: 12px; font-weight: 700; letter-spacing: 1.4px; text-transform: uppercase; color: var(--teal-hi); }
.st-lead.is-first header span { color: var(--gold-hi); }
.st-lead-main { display: flex; align-items: center; gap: 12px; text-decoration: none; color: inherit; }
.st-lead-main img, .st-lead-main .st-av { width: 48px; height: 48px; flex: 0 0 auto; background: var(--bg2); }
.st-lead-main div { flex: 1; min-width: 0; display: flex; flex-direction: column; }
.st-lead-main strong { font-family: 'Rajdhani', sans-serif; font-size: 17px; line-height: 1.15; color: var(--silver-hi); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.st-lead-main small, .st-player small { font-size: 12px; color: var(--text-mute); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.st-lead-main b { font-family: 'Bebas Neue', sans-serif; font-weight: 400; font-size: 38px; line-height: 1; color: var(--silver-hi); }
.st-lead.is-first .st-lead-main b { color: var(--gold-hi); }
.st-lead-rest { margin: 0; padding: 8px 0 0 18px; border-top: 1px solid var(--border); font-size: 13px; color: var(--text-mute); }
.st-lead-rest li { padding: 2px 0; }
.st-lead-rest li > * { vertical-align: middle; }
.st-lead-rest a { color: var(--text-dim); text-decoration: none; }
.st-lead-rest a:hover { color: var(--silver-hi); }
.st-lead-rest b { float: right; font-family: 'DM Mono', monospace; font-weight: 400; color: var(--text); }
.st-table-wrap { overflow-x: auto; box-shadow: inset 0 0 0 1px var(--border); }
.st-table { width: 100%; min-width: 760px; border-collapse: collapse; font-size: 13.5px; }
.st-table th, .st-table td { padding: 8px 10px; text-align: center; white-space: nowrap; }
.st-table thead th { position: sticky; top: 0; background: var(--bg1); border-bottom: 1px solid var(--border); }
.st-table th button { padding: 0; border: 0; background: none; cursor: pointer; font-family: 'Rajdhani', sans-serif; font-size: 12px; font-weight: 700; letter-spacing: 1.1px; text-transform: uppercase; color: var(--text-mute); }
.st-table th button:hover, .st-table th button.is-on { color: var(--teal-hi); }
.st-table th.st-player, .st-table td.st-player { text-align: left; }
.st-table th.st-pos { font-family: 'Rajdhani', sans-serif; font-size: 12px; color: var(--text-mute); }
.st-table tbody tr { border-top: 1px solid rgba(194,200,208,.06); border-top: 1px solid light-dark(rgba(14,20,28,.063), rgba(194,200,208,.06)); }
.st-table tbody tr:nth-child(-n+3) td.st-pos { color: var(--gold-hi); font-weight: 700; }
.st-table td { font-family: 'DM Mono', monospace; color: var(--text); }
.st-table td.st-pos { color: var(--text-mute); }
.st-player a { display: flex; align-items: center; gap: 10px; min-width: 180px; text-decoration: none; color: inherit; }
.st-player img, .st-player .st-av { width: 28px; height: 28px; flex: 0 0 auto; background: var(--bg2); }
.st-player span { display: flex; flex-direction: column; min-width: 0; }
.st-player strong { font-family: 'Rajdhani', sans-serif; font-size: 14.5px; color: var(--silver-hi); }
.st-player a:hover strong { color: var(--teal-hi); }
.st-wrap strong.is-pro { background: linear-gradient(96deg, var(--gold-hi), var(--gold) 55%, var(--gold-hi)); -webkit-background-clip: text; background-clip: text; color: transparent; }
.st-note { display: flex; align-items: center; gap: 7px; margin: 10px 0 0; font-size: 12.5px; color: var(--text-mute); }
.st-live { display: inline-block; width: 7px; height: 7px; margin-right: 5px; border-radius: 50%; background: #d9363e; box-shadow: 0 0 6px #d9363e; animation: st-pulse 1.2s infinite; vertical-align: middle; }
@keyframes st-pulse { 50% { opacity: .3; } }
.st-player small { display: flex; align-items: center; }