/* Home hero — contagem para o próximo jogo. Escopo: .cd-* */
@font-face{font-family:"CC Display";src:url("/assets/fonts/big-shoulders-display-800.woff2") format("woff2");font-weight:800;font-style:normal;font-display:swap}
.cd-hero{--cd-ink:#151315;--cd-wine:#3a0513;--cd-red:#ae092b;--cd-hot:#e0223f;--cd-gold:#ffbd24;--cd-amber:#ffd77a;--cd-cream:#fff7ea;--cd-mute:rgba(255,247,234,.66);--cd-line:rgba(255,247,234,.13);--cd-display:"CC Display","Arial Narrow",Impact,sans-serif;
  position:relative;isolation:isolate;overflow:hidden;color:var(--cd-cream);
  background:radial-gradient(70% 120% at 88% 10%,rgba(174,9,43,.62),transparent 62%),radial-gradient(50% 90% at 0% 100%,rgba(255,189,36,.10),transparent 70%),linear-gradient(115deg,var(--cd-ink) 0%,#1d0c12 48%,var(--cd-wine) 100%)}
.cd-hero::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;z-index:2;
  background:linear-gradient(90deg,var(--cd-red),var(--cd-gold) 40%,#fff1c4 50%,var(--cd-gold) 60%,var(--cd-red));background-size:220% 100%;animation:cdLine 7s linear infinite}
@keyframes cdLine{to{background-position:-220% 0}}
.cd-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:-2;-webkit-mask-image:linear-gradient(180deg,transparent 5%,#000 70%);mask-image:linear-gradient(180deg,transparent 5%,#000 70%)}
.cd-sheen{position:absolute;top:-40%;left:-20%;width:38%;height:180%;z-index:-1;pointer-events:none;transform:rotate(18deg);
  background:linear-gradient(90deg,transparent,rgba(255,215,122,.07) 45%,rgba(255,247,234,.11) 50%,rgba(255,215,122,.07) 55%,transparent);animation:cdSheen 12s ease-in-out infinite}
@keyframes cdSheen{0%,100%{transform:translateX(0) rotate(18deg)}50%{transform:translateX(260%) rotate(18deg)}}

.cd-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:56px;align-items:center;padding-top:52px;padding-bottom:56px}
.cd-eyebrow{display:flex;align-items:center;gap:10px;margin:0 0 18px;font-size:10px;font-weight:800;letter-spacing:1.9px;line-height:1.5;color:var(--cd-gold)}
.cd-pulse{flex:none;width:8px;height:8px;border-radius:50%;background:var(--cd-hot);box-shadow:0 0 0 0 rgba(224,34,63,.7);animation:cdPing 1.9s infinite}
@keyframes cdPing{70%{box-shadow:0 0 0 9px rgba(224,34,63,0)}100%{box-shadow:0 0 0 0 rgba(224,34,63,0)}}
.cd-title{margin:0;font-family:Georgia,"Times New Roman",serif;font-weight:400;font-size:clamp(40px,5.4vw,74px);line-height:1.02;letter-spacing:-1.6px;display:flex;flex-wrap:wrap;align-items:center;gap:.08em .24em}
.cd-title em{font-style:italic;color:var(--cd-gold);font-size:.86em;transform:translateY(-.04em)}
.cd-team{display:inline-flex;align-items:center;gap:.2em;white-space:nowrap}
.cd-team img{width:.78em;height:.68em;object-fit:contain;filter:drop-shadow(0 6px 14px rgba(0,0,0,.45))}
.cd-meta{margin:20px 0 0;font-size:15px;line-height:1.6;color:var(--cd-mute)}
.cd-meta time{color:var(--cd-cream);font-weight:700}
.cd-meta time::first-letter{text-transform:uppercase}
.cd-sep{margin:0 10px;color:rgba(255,189,36,.55)}
.cd-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}
.cd-btn{display:inline-flex;align-items:center;gap:8px;min-height:46px;padding:0 20px;border-radius:4px;font-size:13px;font-weight:800;text-decoration:none;line-height:1.2;transition:transform .25s cubic-bezier(.2,.8,.2,1),background .25s,box-shadow .25s,border-color .25s}
.cd-btn-gold{background:var(--cd-gold);color:#21170b;box-shadow:0 10px 26px -12px rgba(255,189,36,.8)}
.cd-btn-gold:hover{background:#ffd268;transform:translateY(-2px);box-shadow:0 16px 32px -14px rgba(255,189,36,.95)}
.cd-btn-ghost{color:var(--cd-cream);border:1px solid rgba(255,247,234,.28)}
.cd-btn-ghost:hover{border-color:var(--cd-gold);color:var(--cd-gold);transform:translateY(-2px)}
.cd-hero a:focus-visible{outline:3px solid var(--cd-amber);outline-offset:4px}
.cd-hero.is-pregame .cd-btn-gold{animation:cdGlow 2.2s ease-in-out infinite}
@keyframes cdGlow{50%{box-shadow:0 0 0 6px rgba(255,189,36,.18),0 14px 34px -10px rgba(255,189,36,1)}}

.cd-panel{position:relative;padding:24px 24px 20px;border-radius:6px;background:linear-gradient(160deg,rgba(255,247,234,.07),rgba(255,247,234,.02));border:1px solid var(--cd-line);box-shadow:0 30px 60px -30px rgba(0,0,0,.8),inset 0 1px 0 rgba(255,247,234,.06);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.cd-panel::before{content:"";position:absolute;left:24px;right:24px;top:-1px;height:2px;background:linear-gradient(90deg,transparent,var(--cd-gold),transparent)}
.cd-panel-label{margin:0 0 14px;font-size:10px;font-weight:800;letter-spacing:1.9px;text-transform:uppercase;color:var(--cd-mute)}
.cd-count{display:none;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.cd-js .cd-count{display:grid}
.cd-hero:not(.cd-js) .cd-panel-label{display:none}
.cd-unit{position:relative;padding:12px 2px 9px;text-align:center;border-radius:4px;background:rgba(21,19,21,.55);border:1px solid var(--cd-line);overflow:hidden}
.cd-unit::after{content:"";position:absolute;left:0;right:0;top:46%;height:1px;background:rgba(0,0,0,.45)}
.cd-unit>span{display:block;margin-top:6px;font-size:9.5px;font-weight:800;letter-spacing:1.6px;text-transform:uppercase;color:var(--cd-mute)}
.cd-digits{display:flex;justify-content:center;font-family:var(--cd-display);font-weight:800;font-size:clamp(40px,4.4vw,60px);line-height:1;font-variant-numeric:tabular-nums;color:var(--cd-cream)}
.cd-sec .cd-digits{color:var(--cd-gold)}
.cd-slot{position:relative;display:inline-block;width:.52em;height:1em;overflow:hidden}
.cd-slot i{position:absolute;inset:0;font-style:normal;text-align:center}
.cd-slot i.in{animation:cdIn .5s cubic-bezier(.2,.9,.25,1) both}
.cd-slot i.out{animation:cdOut .5s cubic-bezier(.5,0,.8,.3) both}
@keyframes cdIn{from{transform:translateY(-100%);opacity:0;filter:blur(3px)}to{transform:none;opacity:1;filter:none}}
@keyframes cdOut{to{transform:translateY(100%);opacity:0;filter:blur(3px)}}
.cd-now{display:flex;align-items:center;gap:12px;padding:18px;border-radius:4px;background:linear-gradient(135deg,var(--cd-red),#75041e);box-shadow:0 0 40px -10px rgba(224,34,63,.9)}
.cd-now[hidden]{display:none}
.cd-now .cd-pulse{background:var(--cd-cream)}
.cd-now strong{font-family:var(--cd-display);font-weight:800;font-size:34px;line-height:1;letter-spacing:.5px;text-transform:uppercase}
.cd-now a{margin-left:auto;color:var(--cd-cream);font-size:13px;font-weight:800;text-decoration:none;white-space:nowrap}
.cd-now a:hover{color:var(--cd-amber)}
.cd-timeline{display:flex;gap:10px;margin:16px 0 0;padding:0;list-style:none}
.cd-timeline li{flex:1;display:flex;justify-content:space-between;align-items:baseline;gap:10px;padding:10px 12px;border-radius:4px;border:1px solid var(--cd-line);transition:border-color .4s,background .4s}
.cd-timeline li[hidden]{display:none}
.cd-timeline small{font-size:11px;color:var(--cd-mute);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cd-timeline strong{font-size:16px;color:var(--cd-cream)}
.cd-timeline li[data-state="now"]{border-color:rgba(255,189,36,.6);background:rgba(255,189,36,.08)}
.cd-timeline li[data-state="now"] strong{color:var(--cd-gold)}
.cd-timeline li[data-state="done"]{opacity:.55}
.cd-progress{position:relative;height:3px;margin-top:16px;border-radius:3px;background:rgba(255,247,234,.08)}
.cd-progress i{position:absolute;left:0;top:0;bottom:0;width:0;border-radius:inherit;background:linear-gradient(90deg,var(--cd-red),var(--cd-gold));transition:width 1s linear}
.cd-progress i::after{content:"";position:absolute;right:-3px;top:50%;width:8px;height:8px;margin-top:-4px;border-radius:50%;background:var(--cd-amber);box-shadow:0 0 12px 2px rgba(255,215,122,.8)}
.cd-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;margin:0}

.cd-js .cd-copy>*,.cd-js .cd-panel{animation:cdRise .8s cubic-bezier(.2,.8,.2,1) both}
.cd-js .cd-title{animation-delay:.08s}.cd-js .cd-meta{animation-delay:.16s}.cd-js .cd-actions{animation-delay:.24s}.cd-js .cd-panel{animation-delay:.2s}
@keyframes cdRise{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
.cd-empty .cd-grid{grid-template-columns:1fr;padding-top:40px;padding-bottom:44px}

@media (max-width:960px){.cd-grid{grid-template-columns:1fr;gap:28px;padding-top:36px;padding-bottom:40px}}
@media (max-width:560px){
  .cd-title{font-size:36px;letter-spacing:-1px}
  .cd-meta{font-size:14px}.cd-sep{margin:0 6px}
  .cd-grid{gap:22px;padding-top:28px;padding-bottom:30px}
  .cd-eyebrow{margin-bottom:12px}
  .cd-meta{margin-top:12px}
  .cd-actions{margin-top:18px}
  .cd-btn{flex:1 1 auto;justify-content:center}
  .cd-btn-gold~.cd-btn-ghost{display:none}
  .cd-panel{padding:18px 14px 16px}
  .cd-count{gap:6px}
  .cd-digits{font-size:42px}
  .cd-unit>span{font-size:9px;letter-spacing:1.2px}
  .cd-timeline{margin-top:12px}
  .cd-timeline li{padding:8px 10px}
  .cd-timeline small{font-size:10px}
  .cd-timeline strong{font-size:14px}
  .cd-now strong{font-size:28px}
}
@media (prefers-reduced-motion:reduce){
  .cd-hero *,.cd-hero::after{animation:none!important;transition:none!important}
}