@font-face{font-family:Oswald;font-weight:200 700;font-display:swap;src:url(fonts/oswald-latin-wght-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122}
@font-face{font-family:Oswald;font-weight:200 700;font-display:swap;src:url(fonts/oswald-latin-ext-wght-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+1E00-1EFF,U+20A0-20AB,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:Inter;font-weight:100 900;font-display:swap;src:url(fonts/inter-latin-wght-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122}
@font-face{font-family:Inter;font-weight:100 900;font-display:swap;src:url(fonts/inter-latin-ext-wght-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+1E00-1EFF,U+20A0-20AB,U+2C60-2C7F,U+A720-A7FF}

:root{
  --ink:#040507; --laranja:#eb5e16; --laranja-esc:#a6390d; --laranja-claro:#fef3ec; --laranja-borda:#fce2cd;
  --cinza:#5b5f66; --linha:#ececec; --fundo:#faf8f6;
  --u:1vh; /* unidade base: tudo escala com a altura da tela */
}
*{box-sizing:border-box;margin:0;padding:0}
html,body{height:100%;overflow:hidden;background:var(--fundo);color:var(--ink);font-family:Inter,system-ui,sans-serif;cursor:none}
#tela{height:100vh;width:100vw;display:flex;flex-direction:column;padding:calc(var(--u)*2.2) calc(var(--u)*3.6) calc(var(--u)*1.6)}

#topo{flex:none;display:flex;align-items:center;gap:calc(var(--u)*3);height:calc(var(--u)*11);border-bottom:calc(var(--u)*.45) solid var(--laranja);padding-bottom:calc(var(--u)*1.4)}
#logo{height:100%;width:auto;object-fit:contain}
#titulo{flex:1;min-width:0}
#titulo h1{font:600 calc(var(--u)*4.6)/1 Oswald,sans-serif;text-transform:uppercase;letter-spacing:.04em}
#titulo p{font-size:calc(var(--u)*2);color:var(--cinza);margin-top:calc(var(--u)*.6)}
.resumo{display:flex;flex-direction:column;align-items:flex-end;justify-content:center;line-height:1.05}
.resumo .rotulo{font-size:calc(var(--u)*1.9);color:var(--cinza);text-transform:uppercase;letter-spacing:.08em;font-weight:600}
.resumo strong{font:600 calc(var(--u)*5.2)/1.05 Oswald,sans-serif;font-variant-numeric:tabular-nums}
#resumo-hoje{color:var(--laranja)}
.resumo .sub{font-size:calc(var(--u)*1.9);color:var(--cinza)}
.relogio{padding-left:calc(var(--u)*3);border-left:2px solid var(--linha)}
.relogio strong{font-size:calc(var(--u)*4.6)}

#corpo{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);column-gap:calc(var(--u)*3)}
#corpo.so-ranking{grid-template-columns:minmax(0,1fr)}
#corpo.so-ranking #comissoes{display:none}
#lista{min-height:0;min-width:0;display:grid;align-content:center;grid-auto-flow:column;column-gap:calc(var(--u)*3);padding:calc(var(--u)*1.2) 0;position:relative}
.lin{--rh:60px;height:var(--rh);display:grid;grid-template-columns:calc(var(--rh)*.8) calc(var(--rh)*.78) minmax(0,1fr) auto auto;align-items:center;column-gap:calc(var(--rh)*.26);padding:0 calc(var(--rh)*.2);border-bottom:1px solid var(--linha);position:relative;background:#fff;border-radius:calc(var(--rh)*.14);margin-bottom:calc(var(--rh)*.06);transition:background .8s}
.pos{font:700 calc(var(--rh)*.5)/1 Oswald,sans-serif;text-align:center;color:var(--cinza);font-variant-numeric:tabular-nums}
.p1 .pos,.p2 .pos,.p3 .pos{width:calc(var(--rh)*.66);height:calc(var(--rh)*.66);border-radius:50%;display:grid;place-items:center;font-size:calc(var(--rh)*.4);margin:auto;color:#fff}
.p1 .pos{background:var(--laranja)} .p2 .pos{background:var(--ink)} .p3 .pos{background:var(--laranja-esc)}
.p1{background:var(--laranja-claro);border:calc(var(--rh)*.03) solid var(--laranja-borda)}
.av{width:calc(var(--rh)*.78);height:calc(var(--rh)*.78);border-radius:50%;display:grid;place-items:center;background:var(--ink);color:#fff;font:600 calc(var(--rh)*.38)/1 Oswald,sans-serif}
.p1 .av{background:var(--laranja)}
.nome{min-width:0}
.nome b{display:block;font:600 calc(var(--rh)*.4)/1.1 Oswald,sans-serif;letter-spacing:.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.barra{height:calc(var(--rh)*.09);background:var(--linha);border-radius:99px;margin-top:calc(var(--rh)*.1);overflow:hidden}
.barra i{display:block;height:100%;background:var(--laranja);border-radius:99px;transition:width 1s}
.val{text-align:right;font-variant-numeric:tabular-nums;line-height:1.05}
.val small{display:block;font-size:calc(var(--rh)*.2);color:var(--cinza);text-transform:uppercase;letter-spacing:.08em;font-weight:600}
.val b{font:600 calc(var(--rh)*.4)/1.05 Oswald,sans-serif;white-space:nowrap}
.val.hoje b{color:var(--laranja)}
.val.hoje.zero b{color:#b4b7bc}
.val.total{min-width:calc(var(--rh)*3)}
.val.hoje{min-width:calc(var(--rh)*2.4)}
.compacto .barra{display:none}
.compacto .val small{display:none}
.compacto .lin{grid-template-columns:calc(var(--rh)*.8) calc(var(--rh)*.78) minmax(0,1fr) auto auto}
.compacto .val b{font-size:calc(var(--rh)*.44)}
.piscou{background:#ffe9d9 !important}

#rodape{flex:none;display:flex;justify-content:space-between;align-items:center;font-size:calc(var(--u)*1.7);color:var(--cinza);height:calc(var(--u)*3)}
.estado{display:flex;align-items:center;gap:.6em;font-weight:600}
.estado i{width:1em;height:1em;border-radius:50%;background:#2fa84f;display:block}
.estado.aviso{color:#b3261e}.estado.aviso i{background:#b3261e;animation:pisca 1.2s infinite}
@keyframes pisca{50%{opacity:.25}}
.vazio{grid-column:1/-1;align-self:center;text-align:center;font:500 calc(var(--u)*4)/1.2 Oswald,sans-serif;color:var(--cinza)}
#comissoes{min-height:0;min-width:0;display:flex;flex-direction:column;border-left:2px solid var(--linha);padding:calc(var(--u)*1.2) 0 calc(var(--u)*1.2) calc(var(--u)*3)}
#comissoes h2{flex:none;font:600 calc(var(--u)*2.6)/1 Oswald,sans-serif;text-transform:uppercase;letter-spacing:.06em;margin-bottom:calc(var(--u)*1.2)}
#com-lista{flex:1;min-height:0;display:flex;flex-direction:column;justify-content:center;gap:calc(var(--u)*.8)}
.com{--ch:60px;flex:0 1 auto;background:#fff;border-radius:calc(var(--u)*1.2);border:1px solid var(--linha);padding:calc(var(--ch)*.16) calc(var(--ch)*.3);display:flex;flex-direction:column;justify-content:center;gap:calc(var(--ch)*.1)}
.com .l1{display:flex;justify-content:space-between;align-items:baseline;gap:1em}
.com .n{font:600 calc(var(--ch)*.4)/1.1 Oswald,sans-serif;letter-spacing:.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.com .v{font:600 calc(var(--ch)*.4)/1.1 Oswald,sans-serif;font-variant-numeric:tabular-nums;white-space:nowrap}
.com .bar{height:calc(var(--ch)*.12);background:var(--linha);border-radius:99px;overflow:hidden}
.com .bar i{display:block;height:100%;background:var(--laranja);border-radius:99px;transition:width 1s}
.com .l3{font-size:calc(var(--ch)*.26);color:var(--cinza);font-variant-numeric:tabular-nums}
.com .l3 b{color:var(--ink);font-weight:700}
.com.bateu{background:#eaf7ee;border-color:#a9dcb8}
.com.bateu .bar i{background:#2fa84f}
.com.bateu .l3{color:#1d6b35;font-size:calc(var(--ch)*.3)}
.com.bateu .l3 b{color:#1d6b35;font-size:calc(var(--ch)*.38);font-family:Oswald,sans-serif}
.com-vazio{text-align:center;color:var(--cinza);font-size:calc(var(--u)*2.2)}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}