:root{
  --campo:#163d2b; --giz:#f3f5f0;
  --bg:#f6f7f3; --fg:#14231b; --muted:#5d6b62; --line:#dde3dc; --card:#ffffff;
  --colete:#e2c22b; --colete-fg:#1a1600; --perigo:#b3361f; --bom:#1f7a46;
  --display:"Big Shoulders Display","Arial Narrow",Impact,sans-serif;
  --body:"Figtree",system-ui,-apple-system,"Segoe UI",sans-serif;
  color-scheme:light;
}
@media (prefers-color-scheme:dark){:root{
  --campo:#0f2a1e; --giz:#eef2ec;
  --bg:#0c1611; --fg:#e8eee9; --muted:#93a399; --line:#22352b; --card:#121f18;
  --colete:#e8c935; --perigo:#e0664f; --bom:#5cc48a; color-scheme:dark}}
*{box-sizing:border-box}
html,body{margin:0}
body{background:var(--bg);color:var(--fg);font-family:var(--body);font-size:16px;line-height:1.5;min-height:100vh;display:flex;flex-direction:column}
body>main{flex:1}
a{color:inherit}
button,input,textarea{font:inherit;color:inherit}
:focus-visible{outline:2px solid var(--colete);outline-offset:2px}
.wrap{max-width:720px;margin:0 auto;width:100%;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}

/* barra de cima */
.barra-topo{background:var(--campo);color:var(--giz);position:sticky;top:0;z-index:5}
.barra-topo .wrap{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-block:12px}
.marca{font-family:var(--display);font-weight:900;font-size:24px;text-transform:uppercase;text-decoration:none;letter-spacing:.5px}
.eu{display:flex;gap:14px;align-items:center;font-size:14px;font-weight:600}
.eu a{text-decoration:none;opacity:.75}
.eu a:hover{opacity:1}

.faixa{background:var(--campo);color:var(--giz)}
.faixa .wrap{padding-block:20px 28px}
.faixa h1{font-family:var(--display);font-weight:900;font-size:clamp(56px,16vw,96px);line-height:.88;margin:0;text-transform:uppercase}
.faixa p{margin:10px 0 0;opacity:.75}

.secao{padding-block:32px}
h2{font-family:var(--display);font-weight:900;text-transform:uppercase;font-size:34px;line-height:1;margin:0}
h3{font-family:var(--display);font-weight:900;text-transform:uppercase;font-size:24px;margin:32px 0 10px}
.sub{color:var(--muted);margin:6px 0 0}

/* login */
.entrada{display:grid;place-items:center;padding:32px 16px;min-height:100vh}
.cartao{width:100%;max-width:360px}
.logo{font-family:var(--display);font-weight:900;font-size:64px;line-height:.9;text-transform:uppercase;margin:0 0 24px;color:var(--fg)}
.ola{margin:-8px 0 18px;color:var(--muted)}
.form{display:flex;flex-direction:column;gap:6px}
.form label{font-size:13px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;color:var(--muted);margin-top:8px}
input{border:1px solid var(--line);background:var(--card);border-radius:8px;padding:12px;font-size:16px;width:100%}
.form .btn{margin-top:16px;padding:13px}
.nota{color:var(--muted);font-size:14px;margin-top:16px}

.btn{border:1px solid var(--line);background:var(--card);border-radius:8px;padding:8px 14px;font-weight:600;font-size:15px;cursor:pointer}
.btn.forte{background:var(--fg);color:var(--bg);border-color:var(--fg)}
.btn.perigo{color:var(--perigo)}
.erro{color:var(--perigo);font-size:14px;margin:8px 0 0}
.ok{color:var(--bom);font-size:14px;margin:12px 0 0}

/* painel */
.tabela{margin-top:16px;border:1px solid var(--line);border-radius:10px;background:var(--card)}
.linha{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px}
.linha+.linha{border-top:1px solid var(--line)}
.quem{min-width:0}
.quem small{display:block;color:var(--muted);font-size:13px}
.pend{color:var(--perigo)}
.tag{display:inline-block;background:var(--colete);color:var(--colete-fg);font-size:10px;font-weight:700;letter-spacing:1px;padding:1px 6px;border-radius:4px;text-transform:uppercase;vertical-align:2px}
.acoes{position:relative}
.acoes summary{list-style:none;cursor:pointer;font-size:14px;font-weight:600;color:var(--muted);padding:6px 0}
.acoes summary::-webkit-details-marker{display:none}
.acoes .menu{position:absolute;right:0;top:100%;z-index:3;background:var(--card);border:1px solid var(--line);border-radius:8px;padding:8px;display:flex;flex-direction:column;gap:6px;box-shadow:0 6px 20px rgba(0,0,0,.12)}
.acoes .menu form{margin:0}
.acoes .menu .btn{width:100%;white-space:nowrap}
.linha-form{display:flex;gap:8px;flex-wrap:wrap}
.chk{display:flex;align-items:center;gap:8px;font-weight:600;font-size:15px;width:100%}
.chk input{width:20px;height:20px;padding:0}
.linha-form input{flex:1;min-width:0}
footer{padding-block:24px 36px;color:var(--muted);font-size:13px;border-top:1px solid var(--line)}

/* abas */
.abas{border-top:1px solid color-mix(in srgb,var(--giz) 14%,transparent)}
.abas .wrap{display:flex;gap:4px;overflow-x:auto;scrollbar-width:none;padding-block:0}
.abas a{color:var(--giz);text-decoration:none;font-weight:600;font-size:14px;padding:10px 10px;opacity:.7;white-space:nowrap;border-bottom:2px solid transparent}
.abas a:first-child{padding-left:0}
.abas a[aria-current="page"]{opacity:1;border-bottom-color:var(--colete)}
.eu span{opacity:.75;font-weight:500}

/* futebol */
.lideres{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:20px}
.lider{background:var(--campo);color:var(--giz);border-radius:10px;padding:14px 16px;min-width:0}
.lider .rot{font-size:12px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;color:var(--colete)}
.lider .nome{font-weight:700;font-size:17px;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lider .num{font-family:var(--display);font-weight:900;font-size:44px;line-height:1;font-variant-numeric:tabular-nums}
.lider .num small{font-family:var(--body);font-size:13px;font-weight:500;opacity:.7;margin-left:4px}
.aviso-lance{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:16px;padding:10px 14px;border-radius:8px;background:var(--fg);color:var(--bg);font-weight:600;font-size:15px}
.aviso-lance form{margin:0}
.aviso-lance .lnk{color:var(--colete)}
.seg{display:inline-flex;border:1px solid var(--line);border-radius:8px;padding:3px;background:var(--card);margin-top:20px}
.seg a{text-decoration:none;padding:6px 12px;border-radius:6px;font-weight:600;font-size:14px;color:var(--muted)}
.seg a[aria-current="true"]{background:var(--fg);color:var(--bg)}
.rank{margin-top:12px;border:1px solid var(--line);border-radius:10px;background:var(--card)}
.cab,.jog{display:grid;grid-template-columns:26px minmax(0,1fr) 84px 84px;align-items:center;gap:8px;padding:8px 12px}
.cab{font-size:11px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;color:var(--muted);border-bottom:1px solid var(--line)}
.cab span:nth-child(n+3){text-align:center}
.jog+.jog{border-top:1px solid var(--line)}
.pos{font-family:var(--display);font-weight:900;font-size:20px;color:var(--muted);font-variant-numeric:tabular-nums}
.nm{font-weight:600;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.fora{font-weight:500;font-size:12px;color:var(--muted)}
.cont{display:flex;align-items:center;justify-content:space-between;gap:4px;margin:0;border:1px solid var(--line);border-radius:8px;height:40px;padding-left:10px}
.cont b{font-family:var(--display);font-weight:900;font-size:22px;font-variant-numeric:tabular-nums}
.cont button{width:40px;height:100%;border:0;border-left:1px solid var(--line);background:none;font-size:22px;font-weight:600;cursor:pointer;border-radius:0 8px 8px 0}
.cont button:active{background:var(--colete);color:var(--colete-fg)}
.vazio{padding:20px 12px;color:var(--muted);margin:0}
.lnk{background:none;border:0;padding:4px 0;font-weight:600;font-size:14px;color:var(--muted);text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.feed{list-style:none;margin:0 0 12px;padding:0;border:1px solid var(--line);border-radius:10px;background:var(--card)}
.feed li{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px}
.feed li+li{border-top:1px solid var(--line)}
.feed small{display:block;color:var(--muted);font-size:13px}
.feed form{margin:0}
.feed .removido b{text-decoration:line-through;color:var(--muted)}
.filtro{display:flex;align-items:center;gap:10px;margin:18px 0 14px}
.filtro label{font-size:13px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;color:var(--muted)}
select{font:inherit;color:inherit;border:1px solid var(--line);background:var(--card);border-radius:8px;padding:10px 12px;font-size:16px;flex:1;min-width:0}
.renomear{display:flex;gap:6px}
.renomear input{padding:8px;width:150px}
.renomear .btn{width:auto!important}
@media (max-width:400px){
  .cab,.jog{grid-template-columns:20px minmax(0,1fr) 74px 74px;gap:6px;padding-inline:10px}
  .cont button{width:34px}
}
.aviso-lance.ruim{background:var(--perigo);color:#fff}

/* times */
.acoes-fim{display:flex;align-items:center;gap:14px;margin-top:16px;flex-wrap:wrap}
a.btn{text-decoration:none;display:inline-block}
.opcoes{display:grid;grid-template-columns:1fr 90px;align-items:center;gap:10px 12px;margin-top:18px;padding:14px;border:1px solid var(--line);border-radius:10px;background:var(--card)}
.opcoes>label:first-child{font-weight:600}
.opcoes input[type=number]{text-align:center;padding:10px}
.opcoes .chk{grid-column:1 / -1}
.presenca-topo{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:18px 0 8px;flex-wrap:wrap}
.presenca{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:6px}
.pres{display:flex;align-items:stretch;border:1px solid var(--line);border-radius:8px;background:var(--card);overflow:hidden}
.pres.on{border-color:var(--fg)}
.pres input{position:absolute;opacity:0;width:1px;height:1px}
.pnome{flex:1;min-width:0;display:flex;align-items:center;padding:11px 12px;cursor:pointer;font-weight:600}
.pnome span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pres.on .pnome{background:var(--fg);color:var(--bg)}
.pgol{display:none;align-items:center;padding:0 10px;font-size:12px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;color:var(--muted);cursor:pointer;border-left:1px solid var(--line)}
.com-gol .pres.on .pgol{display:flex}
.pgol:has(input:checked){background:var(--colete);color:var(--colete-fg)}
.pres input:focus-visible+span{outline:2px solid var(--colete);outline-offset:2px}
.times{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:10px;margin-top:18px}
.time{border:1px solid var(--line);border-radius:10px;background:var(--card);overflow:hidden;min-width:0}
.time.prox{margin-top:10px;border-style:dashed}
.tcab{display:flex;justify-content:space-between;align-items:baseline;gap:8px;padding:10px 12px;background:var(--campo);color:var(--giz)}
.tcab b{font-family:var(--display);font-weight:900;font-size:22px;text-transform:uppercase}
.tcab small{opacity:.75;font-size:12px;text-align:right}
.prox .tcab{background:none;color:var(--fg);border-bottom:1px dashed var(--line)}
.tj{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:8px 12px;font-weight:600;min-width:0}
.tj+.tj{border-top:1px solid var(--line)}
.tj span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tj small{color:var(--muted);font-weight:600;font-size:11px;letter-spacing:.8px;text-transform:uppercase}
.tj.gol{background:color-mix(in srgb,var(--colete) 18%,transparent)}
.tj select{flex:0 0 auto;width:auto;max-width:55%;padding:6px 8px;font-size:14px}
.ord{font-style:normal;color:var(--muted);font-size:13px;margin-right:8px;font-variant-numeric:tabular-nums}
.rod{margin:0;padding:8px 12px 10px;font-size:13px;color:var(--muted);border-top:1px solid var(--line)}

/* rodízio */
.num-ch{font-style:normal;font-family:var(--display);font-weight:900;font-size:16px;margin-right:8px;color:var(--colete);min-width:0}
.num-ch:empty{display:none}
.pres.on .num-ch{color:var(--colete)}
.placar{margin-top:18px;padding:16px;border-radius:12px;background:var(--campo);color:var(--giz)}
.placar>small{font-size:12px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;color:var(--colete)}
.vs{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;margin-top:4px}
.vs b{font-family:var(--display);font-weight:900;font-size:clamp(30px,9vw,44px);line-height:1;text-transform:uppercase}
.vs span{opacity:.6;font-weight:600}
.fim-partida{margin-top:14px;padding-top:12px;border-top:1px solid color-mix(in srgb,var(--giz) 18%,transparent);display:grid;gap:10px}
.fim-partida p{margin:0;font-size:14px;opacity:.8}
.fim-partida form{margin:0;display:grid;gap:4px}
.fim-partida .btn.forte{background:var(--colete);color:var(--colete-fg);border-color:var(--colete);padding:11px;font-size:16px}
.fim-partida small{font-size:13px;opacity:.8;line-height:1.4}
.chegou{margin-top:14px}
.chegou summary{list-style:none;display:inline-block}
.chegou summary::-webkit-details-marker{display:none}
.chegou[open] summary{background:var(--fg);color:var(--bg);border-color:var(--fg)}
.chegou-form{display:grid;gap:8px;margin-top:10px;padding:14px;border:1px solid var(--line);border-radius:10px;background:var(--card)}
.chegou-form .nota{margin:0}
.chegou-form .chk{width:auto}
.time.em-campo{border-color:var(--fg)}
.registro{margin-top:24px;font-size:14px;color:var(--muted)}
.registro summary{cursor:pointer;font-weight:600}
.registro ul{margin:8px 0 0;padding-left:18px;display:grid;gap:4px}
.acoes-fim form{margin:0}

/* ao vivo */
.quem-fica{margin:14px 0 6px;font-size:12px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;opacity:.75}
.fica{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.fica form{margin:0}
.fica .btn.forte{width:100%;background:var(--colete);color:var(--colete-fg);border-color:var(--colete);padding:12px 8px;font-size:16px}
.troca{display:flex;flex-wrap:wrap;gap:6px 14px;margin:14px 0 0;font-size:14px;font-weight:600}
.troca .s{color:var(--perigo)}
.troca .e{color:var(--bom)}
.tj.entrou{background:color-mix(in srgb,var(--bom) 14%,transparent)}
.tj.entrou small{color:var(--bom)}
.tj.saiu small{color:var(--perigo)}
.tj.gol small{color:var(--fg)}
.desfazer{margin:12px 0 0}
.acoes-fim .chegou{margin:0;width:100%}
.ord{display:inline-block;min-width:20px}
@keyframes pisca{from{background:color-mix(in srgb,var(--colete) 25%,transparent)}to{background:transparent}}
.pisca{animation:pisca 1.2s ease-out}
@media (prefers-reduced-motion:reduce){.pisca{animation:none}}

/* avaliação */
.destaque{display:block;background:var(--colete);color:var(--colete-fg);text-decoration:none}
.destaque .wrap{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-block:12px;font-size:15px}
.destaque span{font-weight:700;white-space:nowrap;text-decoration:underline;text-underline-offset:3px}
.avaliar{display:grid;gap:10px;margin-top:18px}
.av{border:1px solid var(--line);border-radius:10px;background:var(--card);padding:10px 12px 12px;margin:0;min-width:0}
.av legend{font-weight:700;padding:0 4px;font-size:16px}
.av input{position:absolute;opacity:0;width:1px;height:1px}
.notas{display:grid;grid-template-columns:repeat(10,1fr);gap:4px}
.notas span{display:grid;place-items:center;height:40px;border:1px solid var(--line);border-radius:6px;font-weight:700;font-variant-numeric:tabular-nums;cursor:pointer}
.notas input:checked+span{background:var(--fg);color:var(--bg);border-color:var(--fg)}
.notas input:focus-visible+span,.abster input:focus-visible+span{outline:2px solid var(--colete);outline-offset:2px}
.abster{display:block;margin-top:6px}
.abster span{display:inline-block;padding:6px 10px;border:1px dashed var(--line);border-radius:6px;font-size:13px;font-weight:600;color:var(--muted);cursor:pointer}
.abster input:checked+span{border-style:solid;border-color:var(--fg);color:var(--fg);background:var(--line)}
.av:has(input:checked) legend::after{content:" ✓";color:var(--bom)}
.enviar{position:sticky;bottom:0;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 0 calc(12px + env(safe-area-inset-bottom,0px));background:var(--bg);border-top:1px solid var(--line)}
.av-aberta{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-top:18px;padding:14px;border-radius:10px;background:var(--colete);color:var(--colete-fg)}
.av-aberta small{display:block;opacity:.8}
.av-botoes{display:flex;gap:8px}
.av-botoes form{margin:0}
.av-aberta .btn{border-color:var(--colete-fg)}
.av-aberta .btn.forte{background:var(--colete-fg);color:var(--colete)}
.av-aberta .btn:not(.forte){background:transparent;color:var(--colete-fg)}
.notas-rank .linha{display:grid;grid-template-columns:26px minmax(0,1fr) minmax(60px,30%) 40px;gap:10px}
.barra-nota{height:6px;border-radius:3px;background:var(--line);overflow:hidden}
.barra-nota i{display:block;height:100%;background:var(--bom)}
.media{font-family:var(--display);font-size:22px;text-align:right;font-variant-numeric:tabular-nums}
.vazio-notas{margin-top:18px}
.quem-votou{margin-top:8px;border:1px solid var(--line);border-radius:10px;background:var(--card);padding:10px 12px}
.quem-votou summary{cursor:pointer}
.quem-votou small{color:var(--muted)}
.voto-de{padding:8px 0;border-top:1px solid var(--line);font-size:14px}
.voto-de:first-of-type{margin-top:8px}
.voto-de b{display:block}
.voto-de span{color:var(--muted)}
.voto-de i{font-style:normal;font-weight:700;color:var(--fg)}
@media (max-width:400px){.notas span{height:36px;font-size:14px}}

/* notícias */
.cab-noticias{display:flex;justify-content:space-between;align-items:center;gap:12px}
a.av-aberta{text-decoration:none}
.av-aberta.grande b{font-size:18px;display:block}
.av-aberta.grande small{font-size:12px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase}
.feed-noticias{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:18px}
.card-noticia{display:flex;flex-direction:column;text-decoration:none;color:inherit;min-width:0}
.card-noticia.principal{grid-column:1 / -1}
.capa{position:relative;aspect-ratio:4/5;max-width:100%;border-radius:10px;overflow:hidden;background:var(--line)}
.principal .capa{aspect-ratio:4/3}
.capa img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s}
.card-noticia:hover .capa img{transform:scale(1.03)}
.nfotos{position:absolute;right:8px;top:8px;background:rgba(0,0,0,.6);color:#fff;font-size:11px;font-weight:700;padding:3px 7px;border-radius:999px}
.corpo{padding-top:8px;min-width:0}
.corpo h3{font-family:var(--body);text-transform:none;font-weight:700;font-size:16px;line-height:1.25;margin:0;text-wrap:balance}
.principal .corpo h3{font-family:var(--display);font-weight:900;text-transform:uppercase;font-size:clamp(28px,7vw,40px);line-height:1}
.corpo small{display:block;color:var(--muted);font-size:13px;margin-top:4px}
.insta{display:inline-flex;align-items:center;gap:8px;margin-top:28px;font-weight:600;color:var(--muted);text-decoration:none}
.insta:hover{color:var(--fg)}
/* matéria */
.materia{padding-bottom:24px}
.carrossel{position:relative;max-width:720px;margin:0 auto;background:#000}
.trilho{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}
.trilho::-webkit-scrollbar{display:none}
.trilho figure{flex:0 0 100%;margin:0;scroll-snap-align:center;display:grid;place-items:center;aspect-ratio:4/5;max-height:80vh}
.trilho img{width:100%;height:100%;object-fit:contain}
.seta{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;border-radius:50%;border:0;background:rgba(0,0,0,.45);color:#fff;font-size:26px;line-height:1;cursor:pointer;display:none}
.seta.ant{left:10px}.seta.prox{right:10px}
@media (hover:hover){.seta{display:grid;place-items:center}}
.pontos{position:absolute;bottom:10px;left:0;right:0;display:flex;justify-content:center;gap:6px}
.pontos i{width:7px;height:7px;border-radius:50%;background:rgba(255,255,255,.45)}
.pontos i.on{background:#fff}
.materia article{padding-top:20px}
.materia h1{font-family:var(--display);font-weight:900;text-transform:uppercase;font-size:clamp(34px,9vw,52px);line-height:.95;margin:0;text-wrap:balance}
.byline{color:var(--muted);font-size:14px;margin:8px 0 0}
.texto{margin-top:16px;font-size:17px;line-height:1.65;max-width:65ch}
.texto p{margin:0 0 1em}
/* postar */
.postar label small{text-transform:none;letter-spacing:0;font-weight:500}
textarea{font:inherit;color:inherit;border:1px solid var(--line);background:var(--card);border-radius:8px;padding:12px;font-size:16px;width:100%;resize:vertical}
.escolher{display:block}
.escolher input{position:absolute;opacity:0;width:1px;height:1px}
.escolher span{display:block;text-align:center;padding:16px;border:1.5px dashed var(--line);border-radius:10px;font-weight:600;text-transform:none;letter-spacing:0;font-size:15px;color:var(--fg);cursor:pointer}
.escolher input:focus-visible+span{outline:2px solid var(--colete);outline-offset:2px}
.miniaturas,.fotos-atuais{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:6px}
.miniaturas img{aspect-ratio:1;object-fit:cover;border-radius:6px;width:100%}
.fa{display:grid;gap:2px;font-size:12px}
.fa img{aspect-ratio:1;object-fit:cover;border-radius:6px;width:100%}
.fa label{display:flex;align-items:center;gap:4px;margin:0;text-transform:none;letter-spacing:0;font-size:12px;color:var(--fg)}
.fa input{width:auto;padding:0}
.apagar{margin-top:28px}
.apagar summary{list-style:none;display:inline-block}
.apagar form{display:grid;gap:10px;margin-top:10px}
@media (max-width:400px){.feed-noticias{gap:10px}}

/* vídeos */
.capa video{width:100%;height:100%;object-fit:cover;display:block}
.play{position:absolute;left:50%;top:50%;width:46px;height:46px;margin:-23px 0 0 -23px;border-radius:50%;background:rgba(0,0,0,.55)}
.play::after{content:"";position:absolute;left:18px;top:14px;border-left:14px solid #fff;border-top:9px solid transparent;border-bottom:9px solid transparent}
.trilho video{width:100%;height:100%;object-fit:contain;background:#000}
.fa video,.up video,.up img{aspect-ratio:1;object-fit:cover;border-radius:6px;width:100%;display:block}
.up{position:relative}
.up .prog{position:absolute;left:0;bottom:0;height:4px;width:0;background:var(--colete);border-radius:0 0 0 6px;transition:width .2s}
.up.ok .prog{display:none}
.up.falhou{opacity:.4}
.up .x{position:absolute;top:4px;right:4px;width:24px;height:24px;border-radius:50%;border:0;background:rgba(0,0,0,.6);color:#fff;font-size:16px;line-height:1;cursor:pointer}

/* agenda */
.semana-nav{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:18px}
.semana-nav b{text-align:center;font-size:16px}
.semana-nav small{display:block;color:var(--muted);font-weight:500;font-size:13px}
.semana-nav .btn{width:44px;text-align:center;font-size:20px;padding:6px 0}
.vazio-ag{margin-top:24px;text-align:center}
.dia{margin-top:22px}
.dia h4{margin:0 0 8px;font-size:13px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--muted)}
.dia.hoje h4{color:var(--fg)}
.evento{position:relative;border:1px solid var(--line);border-radius:10px;background:var(--card);padding:12px 14px;margin-top:8px}
.evento.passou{opacity:.6}
.ev-topo{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.chip{display:inline-block;font-size:11px;font-weight:700;letter-spacing:1px;text-transform:uppercase;padding:2px 8px;border-radius:999px;background:var(--line);color:var(--fg)}
.chip.t-fut,.t-fut .chip{background:var(--campo);color:var(--giz)}
.chip.t-festa,.t-festa .chip{background:var(--colete);color:var(--colete-fg)}
.chip.t-resenha,.t-resenha .chip{background:color-mix(in srgb,var(--perigo) 18%,var(--card));color:var(--perigo)}
.chip.t-viagem,.t-viagem .chip{background:color-mix(in srgb,#2f6fae 20%,var(--card));color:var(--fg)}
.hora{font-variant-numeric:tabular-nums}
.rep{color:var(--muted);font-size:12px}
.evento h3{font-family:var(--body);text-transform:none;font-size:18px;font-weight:700;margin:6px 0 0;line-height:1.25}
.local{margin:2px 0 0;color:var(--muted);font-size:14px}
.desc{margin:8px 0 0;font-size:14px}
.rsvp{display:flex;gap:8px;margin-top:12px}
.rsvp button{flex:1;display:flex;justify-content:center;align-items:center;gap:8px;padding:9px;border:1px solid var(--line);border-radius:8px;background:none;font-weight:700;font-size:15px;cursor:pointer}
.rsvp button span{font-weight:600;color:var(--muted);font-variant-numeric:tabular-nums}
.rsvp .r-vou.on{background:var(--bom);border-color:var(--bom);color:#fff}
.rsvp .r-nao.on{background:var(--perigo);border-color:var(--perigo);color:#fff}
.rsvp .on span{color:inherit;opacity:.85}
.quem-vai{margin-top:8px;font-size:14px}
.quem-vai summary{cursor:pointer;color:var(--muted);font-weight:600}
.quem-vai p{margin:6px 0 0}
.evento .ed{position:absolute;top:10px;right:12px;font-size:13px}
.tipos{display:flex;flex-wrap:wrap;gap:6px}
.tipos input{position:absolute;opacity:0;width:1px;height:1px}
.tipos .chip{font-size:13px;padding:6px 12px;cursor:pointer;opacity:.45}
.tipos input:checked+.chip{opacity:1;outline:2px solid var(--fg);outline-offset:1px}
.tipos input:focus-visible+.chip{outline:2px solid var(--colete)}
.dois{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.dois>div{display:flex;flex-direction:column;gap:6px;min-width:0}
.form .chk{margin-top:12px;text-transform:none;letter-spacing:0;font-size:15px;color:var(--fg)}
.form .tipos label{margin:0}

.hora.mudou{color:var(--perigo)}
.hora-semana{margin-top:10px;font-size:14px}
.hora-semana summary{list-style:none;display:inline-block}
.hora-semana summary::-webkit-details-marker{display:none}
.hora-semana form{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:8px}
.hora-semana input{width:auto;padding:8px 10px}

/* subabas do futebol */
.subabas{background:var(--card);border-bottom:1px solid var(--line)}
.subabas .wrap{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding-block:8px}
.subabas a{flex:none;text-decoration:none;font-weight:600;font-size:14px;color:var(--muted);padding:6px 12px;border-radius:999px}
.subabas a[aria-current="page"]{background:var(--fg);color:var(--bg)}

/* visão geral */
.meus{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:16px}
.meus .m{background:var(--campo);color:var(--giz);border-radius:10px;padding:12px 6px;text-align:center;min-width:0}
.meus b{display:block;font-family:var(--display);font-weight:900;font-size:clamp(26px,7vw,38px);line-height:1;font-variant-numeric:tabular-nums}
.meus small{display:block;margin-top:4px;font-size:11px;font-weight:600;opacity:.8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.meus-leg{margin-top:6px}
.prox-ev{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;margin-top:14px;padding:12px 14px;border:1px solid var(--line);border-radius:10px;background:var(--card);text-decoration:none;color:inherit}
.prox-ev small{font-size:11px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;color:var(--muted)}
.prox-ev b{font-size:16px}
.prox-ev span{color:var(--muted);font-size:14px;margin-left:auto}
.cab-noticias h3{margin:0}
main>.cab-noticias:not(:first-child){margin-top:28px}
@media (max-width:420px){.meus{gap:4px}.meus .m{padding:10px 2px}.meus small{white-space:normal;line-height:1.2;font-size:10.5px}}

.status-fut{margin:12px 0 0;font-size:14px;font-weight:600;color:var(--muted)}
.status-fut.on{color:var(--bom)}
.cont.so-ver{justify-content:center;padding-left:0;border-color:transparent}

.evento.cancelado{background:transparent;border-style:dashed}
.evento.cancelado h3{color:var(--muted)}
.troca-dia{color:var(--perigo);font-weight:600}
.desfaz-sem{margin:8px 0 0}
.hora-semana input[type=date]{width:auto;padding:8px 10px}

/* vitórias */
.rank.vit .cab,.rank.vit .jog{grid-template-columns:26px minmax(0,1fr) 40px 40px 48px}
.rank.vit .num{text-align:center;font-variant-numeric:tabular-nums}
.rank.vit b.num{font-family:var(--display);font-weight:900;font-size:22px}
.rank.vit .muted{color:var(--muted);font-size:14px}
.rank.vit .cab span:nth-child(n+3){text-align:center}
@media (min-width:600px){.meus{grid-template-columns:repeat(6,minmax(0,1fr))}}

@media (max-width:480px){.lider{padding:12px 10px}.lider .rot{font-size:10px;letter-spacing:.8px}.lider .nome{font-size:14px}.lider .num{font-size:34px}.lider .num small{display:block;margin:2px 0 0;font-size:11px}}