/* jogo-mes.css · Um mês de adulto: simulação de um mês de vida adulta em equipes.
   Fontes locais (pasta fontes/), licença livre SIL OFL 1.1: Inter Tight (Rasmus Andersson) e JetBrains Mono.
   Funciona sem internet. Palco de 1080 px de altura; a largura acompanha a tela (1500 a 2000). */
@font-face{font-family:'MS Titulo';font-weight:800;font-display:swap;src:url('fontes/inter-tight-latin-800-normal.woff2') format('woff2')}
@font-face{font-family:'MS Titulo';font-weight:700;font-display:swap;src:url('fontes/inter-tight-latin-700-normal.woff2') format('woff2')}
@font-face{font-family:'MS Texto';font-weight:300;font-display:swap;src:url('fontes/inter-tight-latin-300-normal.woff2') format('woff2')}
@font-face{font-family:'MS Texto';font-weight:400;font-display:swap;src:url('fontes/inter-tight-latin-400-normal.woff2') format('woff2')}
@font-face{font-family:'MS Texto';font-weight:500;font-display:swap;src:url('fontes/inter-tight-latin-500-normal.woff2') format('woff2')}
@font-face{font-family:'MS Texto';font-weight:700;font-display:swap;src:url('fontes/inter-tight-latin-700-normal.woff2') format('woff2')}
@font-face{font-family:'MS Texto';font-style:italic;font-weight:400;font-display:swap;src:url('fontes/inter-tight-latin-400-italic.woff2') format('woff2')}
@font-face{font-family:'MS Mono';font-weight:500;font-display:swap;src:url('fontes/jetbrains-mono-latin-500-normal.woff2') format('woff2')}

:root{
  --bg:#0B0C10; --bg2:#13151B; --bg3:#1B1E26; --ink:#EEECE6; --mute:rgba(238,236,230,.64); --dim:rgba(238,236,230,.4);
  --line:rgba(238,236,230,.09); --line2:rgba(238,236,230,.18);
  --verde:#5CCB9F; --verde2:rgba(92,203,159,.09); --verm:#EC6A6F; --verm2:rgba(236,106,111,.09); --ouro:#D9B45B; --ouro2:rgba(217,180,91,.1);
  --tit:'MS Titulo','Helvetica Neue',Arial,sans-serif; --texto:'MS Texto','Helvetica Neue',Arial,sans-serif; --mono:'MS Mono',ui-monospace,Menlo,Consolas,monospace;
  --ease:cubic-bezier(.2,.8,.2,1);
  color-scheme:dark;
}
*{box-sizing:border-box}
html,body{margin:0;height:100%;background:#050608;color:var(--ink);overflow:hidden}
body{font:400 30px/1.32 var(--texto);-webkit-font-smoothing:antialiased;user-select:none;-webkit-user-select:none}
input{user-select:text;-webkit-user-select:text}
button,input{font:inherit;color:inherit}
button{cursor:pointer}
b{font-weight:700}

/* ── palco ── */
#moldura{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:#050608}
#palco{position:relative;width:1920px;height:1080px;flex:none;transform-origin:center center;overflow:hidden;background:radial-gradient(140% 100% at 18% 0%,#151823 0%,#0B0C10 58%)}
#palco::after{content:"";position:absolute;inset:0;pointer-events:none;z-index:50;opacity:.03;mix-blend-mode:screen;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)'/%3E%3C/svg%3E")}
.tela{position:absolute;inset:0;opacity:0;pointer-events:none;transition:opacity .45s var(--ease)}
.tela.on{opacity:1;pointer-events:auto}

.bt{white-space:nowrap;border:0;border-radius:999px;padding:22px 38px;font:700 28px/1 var(--tit);background:var(--ink);color:var(--bg);box-shadow:0 10px 30px rgba(0,0,0,.35);transition:transform .15s var(--ease)}
.bt:hover{transform:translateY(-2px)}
.bt:active{transform:scale(.97)}
.bt.sec{background:transparent;color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--line2)}
.dica{font:400 24px/1.3 var(--texto);color:var(--dim)}
.dica b{color:var(--mute);font-weight:700}
.rotulo{font:500 20px/1 var(--mono);letter-spacing:.2em;color:var(--dim);text-transform:uppercase}
.ouro{color:var(--ouro)}
.ponto{display:inline-block;width:16px;height:16px;border-radius:50%;flex:none}
kbd{font:500 17px/1 var(--mono);color:var(--dim);border:1px solid var(--line2);border-radius:7px;padding:5px 8px;margin-left:auto}

/* ── capa ── */
.capa{display:flex;align-items:center;justify-content:space-between;padding:0 130px;gap:80px}
.capa .esq{flex:1;min-width:0}
.capa .sobre{font:500 20px/1 var(--mono);letter-spacing:.2em;color:var(--dim);text-transform:uppercase;margin-bottom:38px}
.capa h1{font:800 168px/.92 var(--tit);letter-spacing:-.04em;margin:0}
.capa .sub{font:300 38px/1.34 var(--texto);margin:44px 0 0;max-width:980px;color:var(--ink)}
.capa .acoes{display:flex;gap:18px;margin-top:56px;flex-wrap:wrap}
.capa .rodape{margin-top:70px;color:var(--dim);font:500 20px var(--mono)}
.cal{flex:none;width:470px;padding:34px 34px 30px;border-radius:24px;background:rgba(255,255,255,.02);box-shadow:inset 0 0 0 1px var(--line)}
.cal-cab{display:flex;justify-content:space-between;font:700 30px/1 var(--tit);margin-bottom:24px}
.cal-cab span:last-child{font:500 20px/1.5 var(--mono);color:var(--dim)}
.cal-sem,.cal-dias{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;text-align:center}
.cal-sem i{font:500 18px var(--mono);font-style:normal;color:var(--dim);padding-bottom:6px}
.cal-dias span{height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;font:500 22px var(--texto);color:var(--mute);font-variant-numeric:tabular-nums;opacity:0;animation:surge .5s var(--ease) forwards}
.cal-dias span.vz{animation:none}
.cal-dias span.dec{box-shadow:inset 0 0 0 1.5px var(--line2);color:var(--ink)}
.cal-dias span.imp{box-shadow:inset 0 0 0 1.5px var(--ouro);color:var(--ouro)}
.cal-dias span.fim{background:var(--ink);color:var(--bg);font-weight:700}
.cal-leg{display:flex;gap:26px;margin-top:22px;font:400 20px var(--texto);color:var(--dim)}
.cal-leg i{display:inline-block;width:14px;height:14px;border-radius:50%;margin-right:9px;vertical-align:-1px}
.cal-leg i.dec{box-shadow:inset 0 0 0 1.5px var(--mute)} .cal-leg i.imp{box-shadow:inset 0 0 0 1.5px var(--ouro)}
@keyframes surge{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}

/* ── equipes ── */
.config{padding:80px 130px;display:flex;flex-direction:column}
.config h2,.regras h2{font:800 64px/1 var(--tit);letter-spacing:-.03em;margin:0 0 34px}
.config .qtd{display:flex;gap:14px;align-items:center;margin-bottom:34px;font-size:30px;color:var(--mute)}
.config .qtd .dica{margin-left:22px}
.pilula{border:0;border-radius:999px;padding:13px 28px;font:700 26px/1 var(--tit);background:transparent;color:var(--mute);box-shadow:inset 0 0 0 1px var(--line2)}
.pilula.on{background:var(--ink);color:var(--bg);box-shadow:none}
.config .lista{display:grid;grid-template-columns:1fr 1fr;gap:16px 36px;max-width:1500px}
.campo{display:flex;align-items:center;gap:18px;border-radius:16px;padding:12px 18px;background:rgba(255,255,255,.02);box-shadow:inset 0 0 0 1px var(--line)}
.campo .num{font:500 24px var(--mono);color:var(--dim);width:30px;text-align:center}
.campo .cor{width:40px;height:40px;border-radius:50%;border:0;flex:none}
.campo input{flex:1;min-width:0;background:transparent;border:0;outline:0;font:700 34px/1.2 var(--tit);padding:6px 0}
.campo input:focus{box-shadow:0 2px 0 var(--line2)}
.config .pe{margin-top:auto;display:flex;align-items:center;gap:20px;flex-wrap:wrap}

/* ── regras ── */
.regras{padding:44px 110px 34px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:auto 1fr auto;column-gap:70px}
.regras .frase{grid-column:1/-1;font:800 42px/1.16 var(--tit);letter-spacing:-.02em;margin:0 0 24px;max-width:1500px}
.col1{display:flex;flex-direction:column;gap:12px;min-width:0}
.quem{font:400 24px/1.3 var(--texto);color:var(--mute)}
.cartao{border-radius:18px;padding:16px 24px;background:rgba(255,255,255,.022);box-shadow:inset 0 0 0 1px var(--line)}
.c-rot{font:500 18px/1 var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--dim);margin-bottom:12px}
.c-lin{display:flex;justify-content:space-between;gap:20px;font:400 26px/1.42 var(--texto)}
.c-lin b{font-weight:500;font-variant-numeric:tabular-nums;white-space:nowrap}
.c-lin.m{color:var(--mute)}
.c-lin.tot{border-top:1px solid var(--line);margin-top:8px;padding-top:8px;font-weight:700}
.c-lin.tot b{font:700 30px/1.4 var(--tit);color:var(--verde)}
.cartao.fx .c-lin.tot b{color:var(--ink)}
.c-lin.g{color:var(--mute);font-size:24px}
.c-nota{font:400 20px/1.35 var(--texto);color:var(--dim);margin-top:10px}
.cartao.fx .c-lin{font-size:24px;line-height:1.34}
.col2{display:flex;flex-direction:column;gap:14px;min-width:0}
.medidor{border-radius:18px;padding:18px 26px;box-shadow:inset 0 0 0 1px var(--line)}
.md-cab{display:flex;justify-content:space-between;align-items:baseline}
.md-n{font:800 34px/1 var(--tit)}
.md-v{font:700 34px/1 var(--tit);font-variant-numeric:tabular-nums}
.medidor p{margin:8px 0 0;font:400 25px/1.3 var(--texto);color:var(--mute)}
.barra{height:8px;border-radius:4px;background:var(--bg3);margin-top:12px;overflow:hidden}
.barra i{display:block;height:100%;background:var(--verde);border-radius:4px}
.como{display:flex;flex-direction:column;gap:14px;margin-top:4px}
.como .item{display:flex;gap:18px;align-items:flex-start;font:400 27px/1.3 var(--texto)}
.como .ic{flex:none;width:44px;height:44px;border-radius:50%;box-shadow:inset 0 0 0 1px var(--line2);display:flex;align-items:center;justify-content:center;font:700 22px var(--tit);color:var(--mute)}
.formula{border-radius:16px;padding:18px 24px;background:var(--ouro2);box-shadow:inset 0 0 0 1px rgba(217,180,91,.35);font:400 26px/1.38 var(--texto)}
.formula .f-rot{display:block;font:500 18px/1 var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--ouro);margin-bottom:10px}
.regras .pe{grid-column:1/-1;display:flex;align-items:center;gap:26px;margin-top:18px}

/* ── jogo ── */
.jogo{display:grid;grid-template-columns:minmax(0,1fr) 500px;grid-template-rows:116px minmax(0,1fr);grid-template-areas:"topo topo" "cena placar"}
#topo{grid-area:topo;display:flex;align-items:center;gap:40px;padding:0 48px;border-bottom:1px solid var(--line)}
#topo .dia{display:flex;flex-direction:column;gap:6px;white-space:nowrap}
#topo .d-n{font:800 46px/1 var(--tit);letter-spacing:-.02em}
#topo .d-m{font:500 18px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--dim)}
.tira{flex:1;display:flex;gap:6px;align-items:center;min-width:0;max-width:880px}
.tira i{flex:1;height:6px;border-radius:3px;background:var(--bg3);position:relative}
.tira i.foi{background:rgba(238,236,230,.32)}
.tira i.dec::after,.tira i.imp::after{content:"";position:absolute;left:50%;top:50%;width:14px;height:14px;border-radius:50%;transform:translate(-50%,-50%);background:var(--bg);box-shadow:inset 0 0 0 2px var(--mute)}
.tira i.imp::after{box-shadow:inset 0 0 0 2px var(--ouro)}
.tira i.foi.dec::after{background:var(--mute)} .tira i.foi.imp::after{background:var(--ouro)}
.tira i.hoje{background:var(--ink)}
.tira i.hoje::after{width:22px;height:22px;background:var(--ink);box-shadow:0 0 0 6px rgba(238,236,230,.12)}
.tira i.hoje.imp::after{background:var(--ouro);box-shadow:0 0 0 6px rgba(217,180,91,.16)}
.tira i.trinta::after{content:"30";position:absolute;left:50%;top:14px;transform:translateX(-50%);font:500 15px var(--mono);color:var(--dim)}
#topo .estado{margin-left:auto;white-space:nowrap;font:400 22px/1.2 var(--texto);color:var(--dim)}
#cena{grid-area:cena;position:relative;padding:38px 46px 30px;display:flex;flex-direction:column;min-width:0;min-height:0}

/* situação */
.sit{display:flex;flex-direction:column;height:100%}
.sit .lin1{display:flex;gap:40px;align-items:flex-start}
.sit .txt{flex:1;min-width:0}
.sit .rotulo{margin-bottom:18px}
.sit h2{font:800 64px/1.04 var(--tit);letter-spacing:-.03em;margin:0 0 18px}
.sit .desc{font:300 38px/1.32 var(--texto);margin:0;max-width:1180px}
.ops{display:grid;gap:14px;margin-top:30px}
.op{display:flex;align-items:center;gap:24px;border-radius:18px;padding:18px 26px;background:rgba(255,255,255,.022);box-shadow:inset 0 0 0 1px var(--line)}
.op .L,.escolha .L{flex:none;width:58px;height:58px;border-radius:50%;display:flex;align-items:center;justify-content:center;font:800 28px/1 var(--tit);box-shadow:inset 0 0 0 1.5px var(--line2)}
.op b{display:block;font:700 33px/1.18 var(--tit);letter-spacing:-.01em}
.op small{display:block;font:400 25px/1.3 var(--texto);color:var(--mute);margin-top:4px}
.nota{margin-top:22px;font:400 26px/1.35 var(--texto);color:var(--mute);padding-left:20px;box-shadow:inset 2px 0 0 var(--line2)}
.fixas-lin{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}
.fixas-lin span{font:400 22px/1 var(--texto);color:var(--mute);padding:12px 16px;border-radius:999px;box-shadow:inset 0 0 0 1px var(--line)}
.fixas-lin span b{color:var(--ink);font-weight:500;font-variant-numeric:tabular-nums;margin-left:6px}
.fixas-lin .cesta{box-shadow:inset 0 0 0 1px rgba(217,180,91,.4)}
.pergunta{margin-top:36px;border-radius:22px;padding:30px 34px;background:var(--ouro2);box-shadow:inset 0 0 0 1px rgba(217,180,91,.38)}
.pergunta .q{display:block;font:800 46px/1.15 var(--tit);letter-spacing:-.02em}
.pergunta .regra{display:block;font:400 26px/1.35 var(--texto);color:var(--mute);margin-top:14px}
.pergunta .regra b{color:var(--ouro)}
.depois{margin-top:18px;font:400 25px/1.3 var(--texto);color:var(--dim)}
.vt-linha{margin-top:auto;padding-top:20px;display:flex;flex-wrap:wrap;gap:10px 26px;font:400 22px/1.2 var(--texto);color:var(--mute)}
.vt-linha span{display:flex;align-items:center;gap:9px}
.vt-linha b{font-weight:500;color:var(--ink);font-variant-numeric:tabular-nums}

/* relógio */
.relogio{width:200px;height:200px;flex:none;position:relative;cursor:pointer}
.relogio svg{width:100%;height:100%;transform:rotate(-90deg)}
.relogio circle{fill:none;stroke-width:7}
.relogio .fundo{stroke:var(--bg3)}
.relogio .arco{stroke:var(--ink);stroke-linecap:round;transition:stroke .3s}
.relogio.fim .arco{stroke:var(--verm)}
.relogio .n{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;font:700 70px/1 var(--tit);font-variant-numeric:tabular-nums}
.relogio .n small{font:500 16px/1.2 var(--mono);letter-spacing:.14em;color:var(--dim);text-transform:uppercase;margin-top:8px}
.relogio.parado .n{font:700 28px/1.1 var(--tit)}
.relogio.parado .arco{stroke:var(--bg3)}

/* grade de equipes */
.reg,.rev{display:flex;flex-direction:column;height:100%;min-height:0}
.reg .cab,.rev .cab{display:flex;align-items:baseline;gap:28px;margin-bottom:24px;flex-wrap:wrap}
.reg .cab h2,.rev .cab h2{font:800 52px/1.05 var(--tit);letter-spacing:-.03em;margin:0}
.reg .cab p,.rev .cab p{font:400 26px/1.3 var(--texto);color:var(--mute);margin:0}
.grade{display:grid;gap:16px;grid-template-columns:repeat(3,minmax(0,1fr));align-content:start}
.grade.n4{grid-template-columns:repeat(2,minmax(0,1fr))}
.estreito .grade{grid-template-columns:repeat(2,minmax(0,1fr))}
.eqc{border-radius:18px;padding:18px 22px;background:rgba(255,255,255,.022);box-shadow:inset 0 0 0 1px var(--line);display:flex;flex-direction:column;gap:12px;transition:box-shadow .25s,background .25s,opacity .4s,transform .4s var(--ease);min-width:0}
.eqc-nm{display:flex;align-items:center;gap:12px;font:700 28px/1.1 var(--tit)}
.eqc-nm span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.eqc.sel{box-shadow:inset 0 0 0 1.5px var(--ink)}
.eqc.pronta{background:rgba(92,203,159,.045);box-shadow:inset 0 0 0 1px rgba(92,203,159,.35)}
.eqc.pronta.sel{box-shadow:inset 0 0 0 1.5px var(--ink)}
.eqc.falta{box-shadow:inset 0 0 0 1px rgba(236,106,111,.45);background:var(--verm2)}
.eqc.falta.pronta{box-shadow:inset 0 0 0 1px rgba(217,180,91,.45);background:var(--ouro2)}
.eqc-info{font:400 24px/1.3 var(--texto);color:var(--mute)}
.eqc-votos{font:500 18px/1.2 var(--mono);color:var(--dim)}
.esc{display:flex;gap:12px}
.ficha{width:66px;height:66px;border-radius:50%;border:0;background:transparent;box-shadow:inset 0 0 0 1.5px var(--line2);font:800 28px/1 var(--tit);color:var(--mute);transition:all .15s}
.ficha:hover{color:var(--ink)}
.ficha.on{background:var(--ink);color:var(--bg);box-shadow:none}
.palp{display:flex;align-items:center;gap:12px;border-radius:14px;padding:6px 18px;box-shadow:inset 0 0 0 1px var(--line2);background:rgba(0,0,0,.2)}
.palp span{font:500 26px var(--texto);color:var(--dim)}
.palp input{flex:1;min-width:0;border:0;background:transparent;outline:0;font:700 40px/1.4 var(--tit);font-variant-numeric:tabular-nums}
.palp:focus-within{box-shadow:inset 0 0 0 1.5px var(--ink)}
.pe{margin-top:auto;padding-top:20px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.pe .resumo{font:500 26px/1.2 var(--texto);color:var(--mute)}
.pe .resumo b{color:var(--ink)}

/* pagamento */
.pag-ok{font:700 34px/1.1 var(--tit);color:var(--verde);font-variant-numeric:tabular-nums}
.pag-falta{font:400 26px/1.2 var(--texto);color:var(--mute)}
.pag-falta b{font:700 34px/1.1 var(--tit);color:var(--verm);font-variant-numeric:tabular-nums;margin-left:4px}
.esc3{display:flex;gap:8px;flex-wrap:wrap}
.pil{border:0;border-radius:999px;padding:12px 18px;background:transparent;box-shadow:inset 0 0 0 1px var(--line2);font:700 21px/1 var(--tit);color:var(--mute);display:inline-flex;align-items:center;gap:8px}
.pil:hover{color:var(--ink)}
.pil.on{background:var(--ink);color:var(--bg);box-shadow:none}
.pil.mini{padding:9px 14px;font-size:19px}
.emp{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font:400 21px/1.3 var(--texto);color:var(--mute)}

/* revelação */
.eqc.rv{gap:10px}
.eqc.rv.oculto{opacity:0;transform:translateY(14px)}
.escolha{display:flex;align-items:center;gap:14px;font:700 25px/1.2 var(--tit)}
.escolha .L{width:44px;height:44px;font-size:21px;background:var(--ink);color:var(--bg);box-shadow:none}
.linha-o{font:400 24px/1.32 var(--texto);color:var(--mute)}
.deltas{display:flex;gap:10px;flex-wrap:wrap;margin-top:auto}
.deltas span{font:700 22px/1 var(--tit);padding:9px 14px;border-radius:999px;box-shadow:inset 0 0 0 1px var(--line);color:var(--dim);font-variant-numeric:tabular-nums}
.deltas .mais{color:var(--verde);box-shadow:inset 0 0 0 1px rgba(92,203,159,.4)}
.deltas .menos{color:var(--verm);box-shadow:inset 0 0 0 1px rgba(236,106,111,.4)}

/* o preço */
.preco{display:flex;flex-direction:column;align-items:center;height:100%;padding-top:10px}
.preco .rotulo{margin-bottom:22px}
.preco .valor{font:800 150px/1 var(--tit);letter-spacing:-.04em;font-variant-numeric:tabular-nums;transition:color .4s}
.preco .valor.pousa{animation:pousa .6s var(--ease);color:var(--ouro)}
@keyframes pousa{40%{transform:scale(1.04)}}
.preco .fonte{font:400 22px/1.35 var(--texto);color:var(--dim);margin-top:18px;text-align:center;max-width:1100px}
.palpites{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;width:100%;margin-top:36px;transition:opacity .4s}
.estreito .palpites{grid-template-columns:repeat(2,minmax(0,1fr))}
.palpites.esconde,.ninguem.esconde{opacity:0}
.pp{display:grid;grid-template-columns:auto 1fr auto;grid-template-rows:auto auto;column-gap:12px;row-gap:4px;align-items:center;border-radius:16px;padding:14px 20px;box-shadow:inset 0 0 0 1px var(--line);position:relative}
.palpites:not(.esconde) .pp{animation:surge .45s var(--ease) both}
.pp .pp-nm{font:700 25px/1.1 var(--tit);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pp b{font:700 28px/1 var(--tit);font-variant-numeric:tabular-nums;text-align:right}
.pp small{grid-column:2/-1;font:400 21px/1.2 var(--texto);color:var(--dim);text-align:right}
.pp.passou b{color:var(--mute);text-decoration:line-through;text-decoration-thickness:1.5px;text-decoration-color:rgba(236,106,111,.7)}
.pp.win{background:var(--ouro2);box-shadow:inset 0 0 0 1.5px var(--ouro)}
.selo-w{position:absolute;top:-13px;right:16px;font:700 16px/1 var(--tit);background:var(--ouro);color:#14110A;padding:6px 10px;border-radius:999px}
.ninguem{margin-top:18px;font:400 26px var(--texto);color:var(--mute);transition:opacity .4s}

/* placar */
#placar{grid-area:placar;border-left:1px solid var(--line);padding:26px 26px;display:flex;flex-direction:column;min-height:0;background:rgba(255,255,255,.012)}
.pl-tit{display:flex;justify-content:space-between;font:500 17px/1 var(--mono);letter-spacing:.2em;text-transform:uppercase;color:var(--dim);margin-bottom:12px;padding:0 4px}
#linhas{display:flex;flex-direction:column;gap:8px;flex:1;min-height:0}
.linha{border-radius:14px;padding:12px 16px;display:grid;grid-template-columns:minmax(0,1fr) auto;row-gap:10px;column-gap:14px;box-shadow:inset 0 -1px 0 var(--line);flex:1;max-height:150px;align-content:center;align-items:center}
.linha.pulsa{animation:pulsa 1s var(--ease)}
@keyframes pulsa{30%{background:rgba(255,255,255,.05)}}
.l-nm{display:flex;align-items:center;gap:11px;font:700 27px/1.1 var(--tit);min-width:0}
.l-nm span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.s-v{font:700 36px/1 var(--tit);font-variant-numeric:tabular-nums;letter-spacing:-.01em;text-align:right}
.s-v.zero{color:var(--verm)}
.s-c{grid-column:1/-1;grid-row:3;font:500 17px/1.2 var(--mono);color:var(--ouro);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:-2px}
.s-c:empty{display:none}
.l-vida{grid-column:1/-1;grid-row:2;display:flex;align-items:center;gap:10px;min-width:0}
.v-rot{font:500 14px/1 var(--mono);letter-spacing:.14em;color:var(--dim)}
.v-bar{flex:1;height:6px;border-radius:3px;background:var(--bg3);overflow:hidden}
.v-bar i{display:block;height:100%;background:var(--verde);border-radius:3px}
.v-bar.baixa i{background:var(--verm)}
.v-n{font:700 22px/1 var(--tit);font-variant-numeric:tabular-nums;min-width:32px}

/* fechamento */
.fecha{padding:50px 70px 36px}
.fch{display:flex;flex-direction:column;height:100%}
.fch h2{font:800 60px/1 var(--tit);letter-spacing:-.03em;margin:14px 0 10px}
.fch .sub{font:400 26px/1.35 var(--texto);color:var(--mute);margin:0 0 26px}
.tab-f{display:flex;flex-direction:column;gap:6px}
.tab-f .th,.tab-f .tr{display:grid;grid-template-columns:minmax(200px,1.3fr) repeat(6,minmax(0,1fr)) 80px 100px;column-gap:14px;align-items:center}
.tab-f .th{font:500 17px/1.2 var(--mono);letter-spacing:.06em;color:var(--dim);text-transform:uppercase;padding:0 20px 8px;text-align:right}
.tab-f .th span:first-child{text-align:left}
.tab-f .tr{border-radius:14px;padding:14px 20px;box-shadow:inset 0 0 0 1px var(--line);font:500 26px/1.2 var(--texto);font-variant-numeric:tabular-nums;text-align:right;animation:surge .5s var(--ease) both}
.tab-f .tr .nm{display:flex;align-items:center;gap:12px;text-align:left;font:700 27px/1.1 var(--tit);min-width:0}
.tab-f .tr .neg{color:var(--verm)}
.tab-f .tr .sb{font:700 28px var(--tit)} .tab-f .tr .sb.pos{color:var(--verde)}
.tab-f .tr .pt{font:800 36px/1 var(--tit)}
.tab-f .notas{grid-column:1/-1;text-align:left;font:400 20px/1.3 var(--texto);color:var(--dim);margin-top:6px}
.formula.pq{margin-top:20px;font-size:23px}
.fch .pe{padding-top:16px}

/* final */
.final{padding:54px 70px}
.fin{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:60px;height:100%}
.fin h2{font:800 56px/1.05 var(--tit);letter-spacing:-.03em;margin:0 0 26px}
.ranking{display:flex;flex-direction:column;gap:10px}
.rk{display:flex;align-items:center;gap:22px;border-radius:16px;padding:16px 26px;background:rgba(255,255,255,.022);box-shadow:inset 0 0 0 1px var(--line);animation:surge .6s var(--ease) both}
.rk .pos{font:600 34px var(--tit);color:var(--dim);width:58px;font-variant-numeric:tabular-nums}
.rk .nm{flex:1;min-width:0;display:grid;grid-template-columns:auto 1fr;column-gap:14px;align-items:center}
.rk .nm span{font:700 36px/1.1 var(--tit)}
.rk .nm small{grid-column:2;font:400 21px/1.3 var(--texto);color:var(--mute)}
.rk .pts{font:800 54px/1 var(--tit);font-variant-numeric:tabular-nums}
.rk.p1{background:linear-gradient(90deg,rgba(217,180,91,.13),rgba(255,255,255,.02));box-shadow:inset 0 0 0 1px var(--ouro)}
.rk.p1 .pos{color:var(--ouro)}
.fin .dir{display:flex;flex-direction:column;min-width:0}
.fin .dir .rotulo{margin:22px 0 18px}
.graf{width:100%;height:auto}
.graf .gr{stroke:var(--line);stroke-width:1}
.graf .gr.zero{stroke:var(--line2)}
.graf .gy{font:500 17px var(--mono);fill:var(--dim);text-anchor:end}
.graf .gx{font:500 16px var(--mono);fill:var(--dim);text-anchor:middle}
.graf .gl{stroke-dasharray:3000;stroke-dashoffset:3000;animation:traca 1.8s var(--ease) forwards}
@keyframes traca{to{stroke-dashoffset:0}}
.leg-g{display:flex;flex-wrap:wrap;gap:10px 24px;margin-top:12px;font:400 22px var(--texto);color:var(--mute)}
.leg-g span{display:flex;align-items:center;gap:9px}

/* conversa final */
.deb{padding:70px 120px;display:flex;flex-direction:column}
.deb h2{font:800 62px/1.05 var(--tit);letter-spacing:-.03em;margin:16px 0 36px}
.meses{display:grid;grid-template-columns:1fr 1fr;gap:16px 30px}
.ms{border-radius:16px;padding:20px 26px;box-shadow:inset 0 0 0 1px var(--line);background:rgba(255,255,255,.02);animation:surge .5s var(--ease) both}
.ms-nm{display:flex;align-items:center;gap:12px;font:700 30px/1.1 var(--tit);margin-bottom:8px}
.ms p{margin:0;font:400 27px/1.36 var(--texto);color:var(--mute)}
.tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.tiles.dois{grid-template-columns:repeat(2,minmax(0,1fr));max-width:1400px}
.tile{border-radius:20px;padding:30px 32px;box-shadow:inset 0 0 0 1px var(--line);background:rgba(255,255,255,.02);animation:surge .6s var(--ease) both}
.tile b{display:block;font:800 92px/1 var(--tit);letter-spacing:-.03em;font-variant-numeric:tabular-nums}
.tile b small{font:400 32px var(--texto);color:var(--dim);letter-spacing:0}
.tile span{display:block;font:400 29px/1.3 var(--texto);color:var(--mute);margin-top:14px}
.precos-d{display:flex;flex-direction:column;gap:14px}
.pd{display:grid;grid-template-columns:minmax(0,1.3fr) repeat(3,minmax(0,1fr));gap:24px;align-items:center;border-radius:18px;padding:22px 30px;box-shadow:inset 0 0 0 1px var(--line);animation:surge .55s var(--ease) both}
.pd-n{font:700 30px/1.2 var(--tit)}
.pd small{display:block;font:500 16px/1.2 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--dim);margin-bottom:8px}
.pd b{font:700 36px/1 var(--tit);font-variant-numeric:tabular-nums}
.pd-r b{color:var(--ouro)}
.pd-l span{display:flex;align-items:center;gap:8px;font:400 21px var(--texto);color:var(--mute);margin-top:8px}
.deb .pergunta{margin:auto 0 0;padding:0;background:none;box-shadow:none;font:800 84px/1.08 var(--tit);letter-spacing:-.035em;max-width:1500px}
.deb .sub2{font:300 46px/1.3 var(--texto);color:var(--mute);margin:30px 0 auto}

/* celulares */
#vivo,#precos{position:absolute;inset:0;z-index:46;background:#0B0C10;display:flex;align-items:center;justify-content:center;padding:60px}
#vivo[hidden],#precos[hidden]{display:none}
.vv{display:flex;gap:80px;align-items:center;max-width:1700px}
.vv-qr{flex:none;width:540px;height:540px;background:#fff;border-radius:24px;padding:26px}
.vv-qr svg{width:100%;height:100%;display:block}
.vv-txt{min-width:0;max-width:900px}
.vv-txt h2{font:800 66px/1 var(--tit);letter-spacing:-.03em;margin:0 0 24px}
.vv-txt p{font:400 30px/1.35 var(--texto);margin:0 0 22px;color:var(--mute)}
.vv-txt p b{color:var(--ink)}
.vv-rot{font:500 20px/1 var(--mono);letter-spacing:.2em;color:var(--dim);text-transform:uppercase}
.vv-cod{font:800 160px/1 var(--tit);letter-spacing:.14em;margin:8px 0 24px}
.vv-lista{display:grid;grid-template-columns:1fr 1fr;gap:10px 30px;margin-bottom:22px}
.vv-eq{display:flex;align-items:center;gap:12px;font:700 28px/1.2 var(--tit)}
.vv-eq b{margin-left:auto;font:700 30px var(--tit);font-variant-numeric:tabular-nums}
.vv-est{font-size:22px!important;color:var(--dim)!important}
.vv-msg{color:var(--ouro)!important}
.vv-bts{display:flex;gap:16px;flex-wrap:wrap}
.estreito .vv{gap:50px}.estreito .vv-qr{width:430px;height:430px}.estreito .vv-cod{font-size:130px}

/* painel de preços */
.pp-caixa{width:100%;max-width:1640px}
.pp-caixa h2{font:800 56px/1 var(--tit);letter-spacing:-.03em;margin:0 0 12px}
.pp-dica{font:400 24px/1.35 var(--texto);color:var(--mute);margin:0 0 24px}
.pp-lista{display:flex;flex-direction:column;gap:8px}
.pp-item{display:grid;grid-template-columns:minmax(0,1.15fr) 200px minmax(0,1.7fr) minmax(0,.75fr);gap:12px;align-items:center}
.pp-nome{font:700 23px/1.2 var(--tit)}
.pp-v{display:flex;align-items:center;gap:8px;border-radius:12px;padding:6px 14px;box-shadow:inset 0 0 0 1px var(--line2)}
.pp-v span{font:400 20px var(--texto);color:var(--dim)}
.pp-v input{width:100%;border:0;background:transparent;outline:0;font:700 26px/1.4 var(--tit);font-variant-numeric:tabular-nums}
.pp-f,.pp-d{border:0;border-radius:12px;padding:12px 14px;background:rgba(255,255,255,.03);box-shadow:inset 0 0 0 1px var(--line);font:400 18px/1.3 var(--texto);color:var(--mute);outline:0;min-width:0}
.pp-f:focus,.pp-d:focus,.pp-v:focus-within{box-shadow:inset 0 0 0 1.5px var(--ink)}
.pp-bts{display:flex;gap:16px;margin-top:28px}

/* rodapé do professor */
#dock{position:fixed;right:16px;top:14px;z-index:100;display:flex;gap:6px;padding:8px;border-radius:999px;background:rgba(20,21,26,.88);backdrop-filter:blur(10px);box-shadow:0 10px 40px rgba(0,0,0,.5),inset 0 0 0 1px rgba(255,255,255,.07);transition:opacity .4s,transform .4s}
#dock.dorme{opacity:0;transform:translateY(-10px);pointer-events:none}
#dock button{min-width:46px;height:46px;border-radius:999px;border:0;background:transparent;color:#EEECE6;display:flex;align-items:center;justify-content:center;position:relative;padding:0 10px}
#dock button:hover{background:rgba(255,255,255,.09)}
#dock button svg{width:22px;height:22px}
#dock button.on{background:#EEECE6;color:#0B0C10}
#dock button .nvivo{position:absolute;top:-4px;right:-4px;min-width:20px;height:20px;border-radius:10px;background:#5CCB9F;color:#0B0C10;font:700 12px/20px Arial,sans-serif;padding:0 5px}
#dock button[data-dica]:hover::after{content:attr(data-dica);position:absolute;top:56px;right:0;white-space:nowrap;font:600 13px/1 Arial,sans-serif;background:#EEECE6;color:#0B0C10;padding:8px 10px;border-radius:8px}
#aviso{position:fixed;left:50%;bottom:24px;transform:translate(-50%,20px);z-index:120;background:#EEECE6;color:#0B0C10;font:600 18px/1.3 Arial,sans-serif;padding:12px 20px;border-radius:12px;opacity:0;transition:all .3s;pointer-events:none;max-width:90vw;text-align:center}
#aviso.on{opacity:1;transform:translate(-50%,0)}

/* tela estreita (1180 × 820, 1500 px de palco) */
.estreito .capa{padding:0 90px;gap:50px}
.estreito .capa h1{font-size:140px}
.estreito .cal{width:400px;padding:28px}
.estreito .cal-dias span{height:42px;font-size:20px}
.estreito .regras{padding:46px 70px 34px;column-gap:44px}
.estreito .regras .frase{font-size:40px}
.estreito.jogo,.estreito .jogo{grid-template-columns:minmax(0,1fr) 440px}
.estreito #topo{gap:26px;padding:0 36px}
.estreito #topo .estado{display:none}
.estreito #cena{padding:32px 36px 26px}
.estreito .sit h2{font-size:56px}
.estreito .sit .desc{font-size:34px}
.estreito .relogio{width:170px;height:170px}
.estreito .preco .valor{font-size:130px}
.estreito .tab-f .th,.estreito .tab-f .tr{grid-template-columns:minmax(160px,1.2fr) repeat(6,minmax(0,1fr)) 64px 84px;column-gap:10px}
.estreito .tab-f .tr{font-size:22px;padding:12px 16px}
.estreito .tab-f .th{font-size:14px;padding:0 16px 8px}
.estreito .fecha,.estreito .final{padding:44px 50px}
.estreito .fin{gap:40px}
.estreito .rk .nm span{font-size:30px}
.estreito .deb{padding:56px 80px}
.estreito .tiles{grid-template-columns:repeat(2,minmax(0,1fr))}
.estreito .pp-item{grid-template-columns:minmax(0,1.1fr) 170px minmax(0,1.5fr) minmax(0,.7fr)}

@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}