/* VERSÃO V2 do componente (24/10/2026, frente campinho-betsapi-v2), derivada de frontend/static/campinho.css de 22/10 —
   ver campinho.js. O novo: o aviso PÊNALTI / DEFENDEU / PARA FORA (.cmp-goal.ban) e SEM vidro (desfoque do fundo): as faixas
   escuras ficam um pouco mais opacas no lugar do desfoque (cercas visuais da V2, test_portal_v2_prototipo_2110). */
/* ══ Campinho OddsIQ (componente) ═════════════════════════════════════════
   O campo é SEMPRE escuro (mesma família do placar navy da página Eventos);
   o que fica em volta (estatísticas, lances) usa os tokens do painel
   (--surface*, --border, --text-*, --gold*) e troca sozinho no modo noturno.
   Todas as classes têm prefixo cmp- para não colidir com o painel/portal. */
.cmp{--cmp-navy-1:#16152B;--cmp-navy-2:#25214A;--cmp-navy-3:#1D1A38;--cmp-gold:#DEB94A;--cmp-gold-2:#C9A63B;
  --cmp-red:#FF5A5A;--cmp-ink:#fff;--cmp-ink-2:rgba(255,255,255,.62);--cmp-ink-3:rgba(255,255,255,.4);
  --cmp-mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  font-family:'Inter',system-ui,-apple-system,'Segoe UI',sans-serif;color:var(--text-1,#16171F);display:flex;flex-direction:column;gap:14px;min-width:0}
.cmp *{box-sizing:border-box}

/* ── quadro escuro (placar + campo + pressão) ── */
.cmp-stage{position:relative;border-radius:18px;overflow:hidden;background:linear-gradient(135deg,var(--cmp-navy-1),var(--cmp-navy-2) 55%,var(--cmp-navy-3));
  border:1px solid rgba(222,185,74,.28);box-shadow:0 8px 28px rgba(22,21,43,.28)}
.cmp-stage::after{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,var(--cmp-gold-2) 30%,var(--cmp-gold-2) 70%,transparent);opacity:.7;pointer-events:none}
.cmp-top{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;padding:14px 18px 0;font-size:11px;color:var(--cmp-ink-2);min-width:0}
.cmp-chip{display:inline-flex;align-items:center;gap:5px;padding:2px 9px;border-radius:999px;font-size:11px;font-weight:600;background:rgba(255,255,255,.06);color:var(--cmp-ink-2);white-space:nowrap}
.cmp-chip.live{background:rgba(220,68,68,.18);color:#FF9C9C;border:1px solid rgba(220,68,68,.35)}
.cmp-chip.live i{width:6px;height:6px;border-radius:50%;background:#FF5A5A;box-shadow:0 0 0 0 rgba(255,90,90,.6);animation:cmp-live 1.6s infinite}
@keyframes cmp-live{0%{box-shadow:0 0 0 0 rgba(255,90,90,.6)}70%{box-shadow:0 0 0 7px rgba(255,90,90,0)}100%{box-shadow:0 0 0 0 rgba(255,90,90,0)}}
.cmp-lg{text-transform:uppercase;letter-spacing:.14em;font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1}
.cmp-src{font-family:var(--cmp-mono);font-size:10px;color:var(--cmp-ink-3);display:inline-flex;align-items:center;gap:5px;white-space:nowrap}
.cmp-src b{width:6px;height:6px;border-radius:50%;background:var(--cmp-ink-3)}
.cmp-src.real b{background:#4FC98C;box-shadow:0 0 6px #4FC98C}

.cmp-board{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:14px;padding:12px 18px 14px}
.cmp-board[hidden]{display:none}
.cmp-board[hidden]+.cmp-field{margin-top:12px}
.cmp-team{min-width:0}
.cmp-team.h{text-align:right}
.cmp-tn{font-size:18px;font-weight:900;color:#fff;display:flex;align-items:center;gap:8px;min-width:0;letter-spacing:-.01em}
.cmp-team.h .cmp-tn{justify-content:flex-end}
.cmp-tn span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cmp-kit{width:10px;height:10px;border-radius:50%;flex:none;border:1px solid rgba(255,255,255,.35)}
.cmp-sub{display:flex;gap:10px;font-size:10.5px;color:var(--cmp-ink-3);margin-top:4px;font-family:var(--cmp-mono);font-variant-numeric:tabular-nums}
.cmp-team.h .cmp-sub{justify-content:flex-end}
.cmp-sub span{display:inline-flex;align-items:center;gap:4px}
.cmp-ic{display:inline-block;width:7px;height:10px;border-radius:1.5px}
.cmp-ic.y{background:#FFD23F}.cmp-ic.r{background:#FF5A5A}
.cmp-ic.c{width:0;height:0;border-radius:0;border-left:6px solid var(--cmp-gold);border-top:4px solid transparent;border-bottom:4px solid transparent}
.cmp-score{text-align:center}
.cmp-sc{font-family:var(--cmp-mono);font-weight:900;font-size:38px;line-height:1;color:var(--cmp-gold);letter-spacing:-.02em;font-variant-numeric:tabular-nums;white-space:nowrap}
.cmp-sc.bump{animation:cmp-bump 1.6s ease}
@keyframes cmp-bump{0%{transform:scale(1)}15%{transform:scale(1.18);text-shadow:0 0 22px rgba(222,185,74,.9)}40%{transform:scale(1)}100%{text-shadow:none}}
.cmp-clock{font-family:var(--cmp-mono);font-size:11px;color:var(--cmp-ink-2);margin-top:5px;white-space:nowrap}

.cmp-field{position:relative;margin:0 12px;border-radius:12px;overflow:hidden;background:#07120f;box-shadow:inset 0 0 0 1px rgba(255,255,255,.06)}
.cmp-field svg{display:block;width:100%;height:auto}
.cmp-field text{font-family:'Inter',system-ui,sans-serif}

/* faixa do lance (lower third) */
.cmp-l3{position:absolute;left:14px;bottom:14px;display:flex;align-items:stretch;border-radius:10px;overflow:hidden;background:rgba(13,12,30,.9);
  border:1px solid rgba(255,255,255,.1);max-width:calc(100% - 28px);transition:opacity .3s}
.cmp-l3 .bar{width:4px;flex:none;background:var(--cmp-gold)}
.cmp-l3 .tx{padding:7px 12px 8px;min-width:0}
.cmp-l3 .st{font-weight:900;font-size:15px;letter-spacing:.04em;text-transform:uppercase;color:#fff;white-space:nowrap;display:flex;align-items:center;gap:8px}
.cmp-l3 .st em{font-style:normal;font-size:10px;font-weight:700;letter-spacing:.08em;color:var(--cmp-ink-3);border:1px solid rgba(255,255,255,.18);border-radius:5px;padding:0 5px}
.cmp-l3 .wh{font-size:11.5px;color:var(--cmp-ink-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cmp-l3 .lv{display:flex;gap:3px;margin-top:6px}
.cmp-l3 .lv i{width:22px;height:3px;border-radius:2px;background:rgba(255,255,255,.14);transition:background .3s}
.cmp-l3.enter{animation:cmp-l3 .45s cubic-bezier(.2,1.3,.4,1)}
@keyframes cmp-l3{from{transform:translateX(-16px);box-shadow:0 0 0 1px rgba(222,185,74,.6),0 0 26px rgba(222,185,74,.35)}to{transform:none}}
.cmp-l3.danger{border-color:rgba(255,90,90,.55);box-shadow:0 0 0 1px rgba(255,90,90,.25),0 0 22px rgba(255,90,90,.25)}

/* avisos de lance (gol, escanteio, cartão) */
.cmp-toasts{position:absolute;right:14px;top:14px;display:flex;flex-direction:column;gap:6px;align-items:flex-end;pointer-events:none}
.cmp-toast{display:flex;align-items:center;gap:8px;padding:6px 12px 6px 8px;border-radius:999px;background:rgba(13,12,30,.85);border:1px solid rgba(255,255,255,.14);
  color:#fff;font-size:12px;font-weight:700;white-space:nowrap;animation:cmp-toast 3.6s ease both}
.cmp-toast .ti{width:18px;height:18px;border-radius:50%;display:grid;place-items:center;font-size:11px;flex:none}
@keyframes cmp-toast{0%{opacity:0;transform:translateY(-8px) scale(.95)}8%{opacity:1;transform:none}85%{opacity:1}100%{opacity:0;transform:translateY(-4px)}}

/* placar na quadra (27/09): tênis, vôlei e hóquei — sacador, parciais e pontos, estilo TV */
.cmp-bug{position:absolute;left:14px;top:14px;display:flex;flex-direction:column;border-radius:9px;overflow:hidden;background:rgba(13,12,30,.9);
  border:1px solid rgba(255,255,255,.12);font-size:12px;color:#fff;pointer-events:none;max-width:calc(100% - 28px)}
.cmp-bug .r{display:flex;align-items:center;gap:0;min-width:0}
.cmp-bug .r+.r{border-top:1px solid rgba(255,255,255,.08)}
.cmp-bug .sv{width:6px;height:6px;border-radius:50%;background:var(--cmp-gold);margin:0 6px 0 9px;flex:none}
.cmp-bug .sv.off{background:transparent}
.cmp-bug .kt{width:3px;height:14px;border-radius:2px;flex:none;margin-right:7px}
.cmp-bug .nm{font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:170px;min-width:0;flex:1 1 auto;padding-right:10px}
.cmp-bug span:not(.nm),.cmp-bug b{font-family:var(--cmp-mono);font-variant-numeric:tabular-nums;min-width:24px;text-align:center;padding:5px 4px;color:var(--cmp-ink-2);flex:none}
.cmp-bug span.cur{color:#fff;font-weight:800}
.cmp-bug b.t{color:#fff;background:rgba(255,255,255,.08)}
.cmp-bug b.pt{color:#16152B;background:var(--cmp-gold);min-width:30px}

/* gol: cortina dourada */
.cmp-goal{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none;opacity:0}
.cmp-goal.on{animation:cmp-goal 3.2s ease both}
.cmp-goal .g{text-align:center;padding:18px 40px;background:linear-gradient(90deg,transparent,rgba(13,12,30,.88) 18%,rgba(13,12,30,.88) 82%,transparent);width:100%;
  border-top:2px solid var(--cmp-gold);border-bottom:2px solid var(--cmp-gold)}
.cmp-goal .g b{display:block;font-size:64px;line-height:1;font-weight:900;letter-spacing:.06em;color:var(--cmp-gold);text-shadow:0 0 28px rgba(222,185,74,.6)}
.cmp-goal .g span{display:block;margin-top:6px;font-size:14px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#fff}
@keyframes cmp-goal{0%{opacity:0;transform:scale(.9)}10%{opacity:1;transform:scale(1.03)}18%{transform:none}82%{opacity:1}100%{opacity:0}}
/* V2: PÊNALTI / DEFENDEU / PARA FORA — a mesma peça do GOL, letra menor (a palavra é mais longa) */
.cmp-goal.ban .g b{font-size:46px;text-shadow:0 0 22px rgba(0,0,0,.55)}

.cmp-mom{padding:10px 18px 14px}
.cmp-mom-h{display:flex;justify-content:space-between;align-items:baseline;font-size:10px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:var(--cmp-ink-3);margin-bottom:6px}
.cmp-mom-h span{font-family:var(--cmp-mono);letter-spacing:0;text-transform:none;font-weight:500}
.cmp-mom svg{display:block;width:100%;height:56px}

/* ── painel claro/escuro abaixo: estatísticas e lances ── */
.cmp-card{background:var(--surface,#fff);border:1px solid var(--border,#E5E7EC);border-radius:14px;box-shadow:var(--shadow-sm,0 1px 3px rgba(28,26,46,.06));overflow:hidden}
.cmp-card-h{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 16px;border-bottom:1px solid var(--border,#E5E7EC);
  background:linear-gradient(135deg,var(--surface-2,#F4F5F8),var(--surface,#fff) 60%)}
.cmp-sec{display:flex;align-items:center;gap:9px;font-size:13px;font-weight:700;color:var(--text-1,#16171F)}
.cmp-sec i{width:4px;height:16px;border-radius:3px;background:linear-gradient(180deg,var(--gold-rich,#B8941E),var(--gold,#9E7A18))}
.cmp-seg{display:inline-flex;background:var(--surface-2,#F4F5F8);border:1px solid var(--border,#E5E7EC);border-radius:11px;padding:3px;gap:2px}
.cmp-seg button{padding:4px 12px;border-radius:8px;font:600 12px 'Inter',system-ui,sans-serif;color:var(--text-3,#6C6F7E);border:1px solid transparent;background:transparent;cursor:pointer;white-space:nowrap}
.cmp-seg button[aria-selected="true"]{background:var(--surface,#fff);color:var(--gold-text,#7A5E10);border-color:var(--gold-border,#E6D9AB);box-shadow:var(--shadow-sm,0 1px 3px rgba(28,26,46,.06))}
.cmp-seg button:focus-visible,.cmp button:focus-visible{outline:2px solid var(--gold-rich,#B8941E);outline-offset:2px}
.cmp-body{padding:14px 16px 16px}
.cmp-teamsrow{display:flex;justify-content:space-between;gap:10px;font-size:11px;font-weight:700;color:var(--text-3,#6C6F7E);margin-bottom:12px;min-width:0}
.cmp-teamsrow span{display:inline-flex;align-items:center;gap:6px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cmp-donuts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:14px}
.cmp-dn{background:var(--surface-2,#F4F5F8);border:1px solid var(--border,#E5E7EC);border-radius:14px;padding:10px 8px 9px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:2px 4px}
.cmp-dn b{font-family:var(--cmp-mono);font-size:15px;font-weight:800;color:var(--text-1,#16171F);font-variant-numeric:tabular-nums}
.cmp-dn svg{width:100%;max-width:58px;justify-self:center}
.cmp-dn small{grid-column:1/-1;text-align:center;font-size:9.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--text-4,#9B9EAC);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cmp-bars{display:flex;flex-direction:column;gap:10px}
.cmp-br{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;gap:4px 10px;align-items:center}
.cmp-br b{font-family:var(--cmp-mono);font-size:13px;font-weight:800;color:var(--text-1,#16171F);font-variant-numeric:tabular-nums}
.cmp-br b.r{text-align:right}
.cmp-br small{text-align:center;font-size:11px;font-weight:600;color:var(--text-3,#6C6F7E);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cmp-br .tk{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:4px;height:6px}
.cmp-br .tk span{background:var(--surface-3,#EBEDF1);border-radius:3px;overflow:hidden;display:flex}
.cmp-br .tk span:first-child{justify-content:flex-end}
.cmp-br .tk i{display:block;height:100%;border-radius:3px;transition:width .7s cubic-bezier(.2,.8,.2,1)}
.cmp-tl{margin-top:16px}
.cmp-tl svg{display:block;width:100%;height:auto}
.cmp-feed{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;max-height:340px;overflow:auto}
.cmp-feed li{display:grid;grid-template-columns:42px 26px minmax(0,1fr);gap:10px;align-items:center;padding:8px 4px;border-bottom:1px solid var(--border,#E5E7EC);font-size:13px;color:var(--text-2,#3D3F4E)}
.cmp-feed li:last-child{border-bottom:0}
.cmp-feed .m{font-family:var(--cmp-mono);font-weight:700;font-size:12px;color:var(--text-4,#9B9EAC);text-align:right}
.cmp-feed .i{width:24px;height:24px;border-radius:8px;display:grid;place-items:center;font-size:11px;background:var(--surface-2,#F4F5F8);border:1px solid var(--border,#E5E7EC)}
.cmp-feed .x{min-width:0}
.cmp-feed .x small{display:block;font-size:11px;color:var(--text-4,#9B9EAC)}
.cmp-feed li.new{animation:cmp-new 2s ease}
@keyframes cmp-new{from{background:var(--gold-bg,#FBF7EA)}to{background:transparent}}
.cmp-empty{text-align:center;padding:22px 8px;font-size:13px;font-weight:600;color:var(--text-3,#6C6F7E)}
.cmp-empty small{display:block;font-weight:400;font-size:12px;color:var(--text-4,#9B9EAC);margin-top:3px}

/* animações do SVG */
.cmp-chev{animation:cmp-chev 1.05s linear infinite}
@keyframes cmp-chev{0%{opacity:.1}35%{opacity:1}70%,100%{opacity:.1}}
.cmp-pulse{animation:cmp-pulse 1.1s ease-in-out infinite alternate}
@keyframes cmp-pulse{from{opacity:.25}to{opacity:.9}}
.cmp-rip{animation:cmp-rip 1.5s ease-out infinite;transform-box:fill-box;transform-origin:center}
@keyframes cmp-rip{from{transform:scale(.25);opacity:1}to{transform:scale(2.6);opacity:0}}
.cmp-scan{animation:cmp-scan 1.8s linear infinite}

@media (max-width:640px){
  .cmp-tn{font-size:14px}.cmp-sc{font-size:28px}.cmp-board{gap:8px;padding:10px 12px 12px}.cmp-top{padding:12px 12px 0}
  .cmp-field{margin:0 8px}.cmp-mom{padding:8px 12px 12px}
  .cmp-l3{left:8px;bottom:8px}.cmp-l3 .st{font-size:12px}.cmp-l3 .wh{font-size:10.5px}.cmp-l3 .lv{display:none}
  .cmp-toasts{right:8px;top:8px}.cmp-goal .g b{font-size:40px}.cmp-goal.ban .g b{font-size:30px}
  .cmp-bug{left:8px;top:8px;font-size:11px}.cmp-bug .nm{max-width:96px}.cmp-bug span:not(.nm),.cmp-bug b{min-width:20px;padding:4px 3px}
  .cmp-donuts{gap:6px}.cmp-dn b{font-size:13px}
}
@media (prefers-reduced-motion:reduce){
  .cmp-chev,.cmp-pulse,.cmp-rip,.cmp-scan,.cmp-chip.live i{animation:none}
  .cmp-l3.enter,.cmp-toast,.cmp-sc.bump,.cmp-feed li.new{animation:none}
  .cmp-goal.on{animation:none;opacity:1}
  .cmp-br .tk i{transition:none}
}

/* layout lado a lado (página Eventos em tela larga) */
@media (min-width:1180px){
  .cmp.cmp-side{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(320px,1fr);align-items:start}
  .cmp.cmp-side .cmp-feed{max-height:560px}
}

/* ══ tema 'tv' (29/09, modelo aprovado pelo dono): campo em perspectiva ══════════════
   Liga com OddsCampinho.create(el, {tema:'tv'}) — só futebol. Seletores com .cmp.cmp-tv
   para vencer as regras da página que usa o componente (.cmpw .cmp-field svg etc.). */
.cmp-tvclk,.cmp-posse{display:none}
.cmp.cmp-tv .cmp-stage{background:#0a0f18;border-color:rgba(222,185,74,.22)}
.cmp.cmp-tv .cmp-field,.cmp.cmp-tv .cmp-board[hidden]+.cmp-field{margin:0;border-radius:0;background:linear-gradient(180deg,#0a0f18,#0f2a16);box-shadow:none}
.cmp.cmp-tv .cmp-field svg{width:100%;height:auto;max-height:240px;max-width:none;margin:0}
.cmp.cmp-tv .cmp-led{font-family:'Barlow Condensed','Oswald','Arial Narrow',Inter,sans-serif;font-weight:800}
.cmp.cmp-tv .cmp-tvclk{display:flex;position:absolute;top:8px;left:8px;align-items:center;gap:6px;padding:4px 10px 4px 8px;border-radius:8px;
  background:rgba(6,9,14,.86);border:1px solid rgba(255,255,255,.14);
  color:#fff;font:700 12px/1.2 var(--cmp-mono);font-variant-numeric:tabular-nums;white-space:nowrap;pointer-events:none}
.cmp.cmp-tv .cmp-tvclk i{width:7px;height:7px;border-radius:50%;background:#FF4D4F;box-shadow:0 0 0 3px rgba(255,77,79,.22);animation:cmp-live 1.6s infinite}
.cmp.cmp-tv .cmp-tvclk span:empty{display:none}
/* o lance vira um balão branco em cima da bola (posição em px pelo JS) */
.cmp.cmp-tv .cmp-l3{left:50%;top:0;bottom:auto;transform:translate(-50%,-100%);border-radius:8px;background:rgba(255,255,255,.97);border:0;
  box-shadow:0 6px 16px rgba(0,0,0,.45);overflow:visible;max-width:calc(100% - 12px);pointer-events:none;transition:none}
.cmp.cmp-tv .cmp-l3::after{content:"";position:absolute;left:var(--seta,50%);bottom:-5px;transform:translateX(-50%);border:5px solid transparent;border-top-color:rgba(255,255,255,.97);border-bottom:0}
.cmp.cmp-tv .cmp-l3 .bar,.cmp.cmp-tv .cmp-l3 .lv,.cmp.cmp-tv .cmp-l3 .st em{display:none}
.cmp.cmp-tv .cmp-l3 .tx{display:flex;align-items:baseline;gap:5px;padding:4px 8px;min-width:0}
.cmp.cmp-tv .cmp-l3 .st{font:800 11px/1.2 Inter,system-ui,sans-serif;letter-spacing:0;text-transform:none;color:#101828}
.cmp.cmp-tv .cmp-l3 .wh{font:700 10px/1.2 Inter,system-ui,sans-serif;color:#667085}
.cmp.cmp-tv .cmp-l3.danger{box-shadow:0 0 0 2px #FF5A5A,0 6px 16px rgba(0,0,0,.45)}
.cmp.cmp-tv .cmp-l3.enter{animation:cmp-tvl3 .4s cubic-bezier(.2,1.3,.4,1)}
@keyframes cmp-tvl3{from{opacity:0;margin-top:6px}to{opacity:1;margin-top:0}}
/* faixa de posse + último lance, embaixo do campo */
.cmp.cmp-tv .cmp-posse{display:flex;align-items:center;gap:10px;padding:9px 14px;background:#12131f;color:#fff;border-top:1px solid rgba(255,255,255,.06)}
.cmp.cmp-tv .cmp-posse .cor{width:4px;align-self:stretch;border-radius:4px;background:var(--cmp-gold);flex:none}
.cmp.cmp-tv .cmp-posse .tx{flex:1;min-width:0}
.cmp.cmp-tv .cmp-posse small{display:block;font:600 10.5px Inter,system-ui,sans-serif;color:rgba(255,255,255,.55);text-transform:uppercase;letter-spacing:.08em}
.cmp.cmp-tv .cmp-posse b{display:block;font:800 15px/1.25 Inter,system-ui,sans-serif;letter-spacing:.02em;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cmp.cmp-tv .cmp-posse .ev{font:600 11px/1.3 Inter,system-ui,sans-serif;color:rgba(255,255,255,.72);text-align:right;max-width:52%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cmp.cmp-tv .cmp-toasts{right:8px;top:8px}
@media (prefers-reduced-motion:reduce){.cmp.cmp-tv .cmp-tvclk i,.cmp.cmp-tv .cmp-l3.enter{animation:none}}
.cmp.cmp-tv .cmp-l3 .wh:empty{display:none}

/* 10/10 — estatísticas em grupos, áreas de ação e o jogador nos lances */
.cmp-gh{margin:18px 0 10px;padding-top:14px;border-top:1px solid var(--border,#E5E7EC);font-size:11px;font-weight:800;letter-spacing:.02em;color:var(--text-2,#3D3F4E)}
.cmp-donuts+.cmp-gh{margin-top:4px}
.cmp-aa{display:flex;gap:3px}
.cmp-aa div{min-width:0;display:grid;gap:3px;justify-items:center;text-align:center}
.cmp-aa i{display:block;width:100%;height:6px;border-radius:3px;background:var(--surface-3,#EBEDF1)}
.cmp-aa b{margin-top:5px;font-family:var(--cmp-mono);font-size:13px;font-weight:800;color:var(--text-1,#16171F);font-variant-numeric:tabular-nums}
.cmp-aa small{max-width:100%;font-size:10.5px;line-height:1.25;font-weight:600;color:var(--text-3,#6C6F7E);overflow-wrap:anywhere}
.cmp-feed .x small b{font-weight:700;color:var(--text-2,#3D3F4E)}

/* 10/10 — placar da quadra: aviso de tie-break, placar do tie-break no set, cabeçalho dos quartos do basquete */
.cmp-bug .tb{display:flex;align-items:center;gap:6px;padding:4px 9px;background:var(--cmp-gold);color:#16152B;font:800 10.5px/1.2 var(--cmp-mono);letter-spacing:.08em;text-transform:uppercase}
.cmp-bug .tb i{width:6px;height:6px;border-radius:50%;background:#16152B;animation:cmp-tb 1.2s ease-in-out infinite}
@keyframes cmp-tb{50%{opacity:.25}}
.cmp-bug sup{margin-left:1px;font-size:.68em;line-height:0;vertical-align:.55em;color:var(--cmp-ink-2)}
.cmp-bug .r.hd span,.cmp-bug .r.hd b{padding-top:3px;padding-bottom:2px;font-size:.82em;font-weight:700;color:var(--cmp-ink-2)}
.cmp-bug .r.hd b.t{background:rgba(255,255,255,.08);color:var(--cmp-ink-2)}
@media (prefers-reduced-motion:reduce){.cmp-bug .tb i{animation:none}}