/* Tela do Campeonato - medidas tiradas do original por inspetor (viewport 380).
   Esta tela tem fundo azul proprio (as outras internas ficam no cinza #111218). */
.cp-root{
  min-height:100vh;
  background:linear-gradient(180deg,#061024 0%,#0a1a4f 40%,#061024 100%);
  padding:18px 0 60px;
}
.cp-root .pp-wrap{padding:0 14px}

.cp-h1{font-size:21px;font-weight:900;letter-spacing:.8px;text-align:center;
  color:#ffd54a;background:none;-webkit-text-fill-color:#ffd54a;margin:0 0 4px;line-height:32px}
.cp-sub{text-align:center;color:#8fa6dd;font-size:11px;font-weight:500;margin:0 0 13px;line-height:17px}

/* relogio da temporada */
.cp-timer{background:linear-gradient(180deg,#1a3477,#0c1a45);border:1px solid rgba(255,213,74,.5);
  border-radius:14px;padding:11px 10px 12px;text-align:center;margin-bottom:10px}
.cp-timer-lb{font-size:9px;font-weight:800;letter-spacing:1.4px;color:#ffd54a;line-height:14px;margin-bottom:8px}
.cp-clock{display:flex;align-items:flex-start;justify-content:center;gap:3px}
.cp-clock em{color:#ffd54a;font-style:normal;font-weight:900;font-size:18px;line-height:34px}
.cp-blk{width:52px;background:#08122e;border:1px solid #24356e;border-radius:10px;padding:6px 4px 5px}
.cp-blk b{display:block;font-size:22px;line-height:22px;font-weight:900;color:#fff}
.cp-blk span{display:block;font-size:8px;font-weight:700;letter-spacing:.8px;color:#8fa6dd;line-height:12px;margin-top:3px}
.cp-blk.seg{border-color:rgba(255,213,74,.55)}
.cp-blk.seg b{color:#ffd54a}

/* premiacao / jogadores */
.cp-duo{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:10px}
.cp-kpi{background:linear-gradient(180deg,#12275e,#0c1a45);border:1px solid #24356e;border-radius:12px;
  padding:9px 6px;text-align:center}
.cp-kpi small{display:block;font-size:9px;font-weight:700;letter-spacing:.6px;color:#8fa6dd;line-height:14px}
.cp-kpi strong{display:block;font-size:15px;font-weight:900;color:#ffd54a;line-height:23px}

.cp-regra{text-align:center;color:#8fa6dd;font-size:11px;font-weight:500;line-height:17px;margin:0 0 13px}
.cp-regra b{color:#cfe0ff;font-weight:700}

/* podio: um card por colocado */
.cp-podium{display:flex;flex-direction:column;gap:8px;margin-bottom:14px}
.cp-pod{background:linear-gradient(180deg,#12275e,#0c1a45);border:1px solid rgba(255,213,74,.6);
  border-radius:14px;padding:18px 6px 14px;text-align:center}
.cp-pod .medal{font-size:34px;line-height:34px}
.cp-pod .nm{font-size:12px;font-weight:700;color:#fff;line-height:18px;margin-top:6px}
.cp-pod .vl{font-size:10px;font-weight:600;color:#8fa6dd;line-height:15px;margin-top:2px}
.cp-pod .pr{font-size:15px;font-weight:900;color:#ffd54a;line-height:23px;margin-top:5px}
.cp-pod.sem-premio{border-color:#24356e}

.cp-vazio{text-align:center;color:#8fa6dd;font-size:12px;padding:24px 0}

/* sua posicao */
.cp-voce{background:linear-gradient(180deg,#1a3477,#10205f);border:1px solid #f4c430;
  border-radius:14px;padding:11px 13px}
.cp-voce-lb{font-size:9px;font-weight:800;letter-spacing:1px;color:#ffd54a;line-height:14px;margin-bottom:5px}
.cp-voce-row{display:flex;align-items:center;gap:11px}
.cp-voce-row .pos{font-size:20px;font-weight:900;color:#ffd54a;line-height:30px;white-space:nowrap}
.cp-voce-row .who{flex:1;min-width:0}
.cp-voce-row .who b{display:block;font-size:13px;font-weight:700;color:#fff;line-height:20px;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cp-voce-row .who span{display:block;font-size:11px;font-weight:600;color:#8fa6dd;line-height:17px}
.cp-voce-row .pr{font-size:14px;font-weight:900;color:#7dffb0;line-height:21px;white-space:nowrap}
.cp-voce-hint{color:#8fa6dd;font-size:11px;font-weight:500;margin-top:8px}
