/* =========================================================
   jogaço · identidade visual do sistema
   Noite de refletor, verde-limão de colete, números de placar.
   ========================================================= */
:root{
  --bg:#0B0F0C; --bg-fundo:#070A08; --surface:#131A15; --surface-2:#1B241D; --surface-3:#243026; --camisa-off:#2C3A2E;
  --linha:rgba(255,255,255,.08); --linha-forte:rgba(255,255,255,.14);
  --texto:#F2F5F1; --suave:#8E9A90;
  --lima:#C6F432; --lima-tinta:#0B0F0C; --lima-fundo:rgba(198,244,50,.12);
  --vermelho:#FF5A4E; --ouro:#F5C542; --azul:#5AB8FF;
  --cond:'Barlow Condensed',sans-serif; --corpo:'Barlow',sans-serif;
  --coluna:600px; --nav-h:62px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{background:var(--bg-fundo)}
body{background:var(--bg);color:var(--texto);font-family:var(--corpo);font-size:15px;line-height:1.45;-webkit-font-smoothing:antialiased;min-height:100vh;max-width:var(--coluna);margin:0 auto;border-left:1px solid var(--linha);border-right:1px solid var(--linha)}
a{color:inherit;text-decoration:none}
button,input,textarea,select{font-family:inherit;font-size:inherit;color:inherit}
img,video{max-width:100%;display:block}
.app{padding-bottom:calc(var(--nav-h) + 40px + env(safe-area-inset-bottom, 0px))}
.oculto{display:none!important}

/* ---------- marca ---------- */
.marca{font-family:var(--cond);font-weight:800;font-style:italic;letter-spacing:-.02em;line-height:1;display:inline-flex;align-items:baseline;white-space:nowrap}
.marca .hif{color:var(--lima)}
.marca .i{position:relative;display:inline-block}
.marca .i svg{position:absolute;left:58%;transform:translateX(-50%);top:-.06em;width:.4em;height:.3em;fill:var(--ouro)}

/* ---------- topo ---------- */
.topo{position:sticky;top:0;z-index:20;background:rgba(11,15,12,.96);display:flex;align-items:center;gap:10px;padding:12px 16px 10px;border-bottom:1px solid var(--linha)}
.seletor{display:flex;align-items:center;gap:6px;background:var(--surface);border:1px solid var(--linha);border-radius:10px;padding:5px 10px;font-size:.78rem;font-weight:600;margin-left:auto;max-width:48%;overflow:hidden}
.seletor span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.seletor i{color:var(--lima);font-size:.7rem;flex-shrink:0}
.ic-topo{width:36px;height:36px;border-radius:10px;background:var(--surface);border:1px solid var(--linha);display:flex;align-items:center;justify-content:center;position:relative;font-size:.95rem;flex-shrink:0}
.ponto{position:absolute;top:-5px;right:-5px;min-width:17px;height:17px;border-radius:9px;background:var(--vermelho);color:#fff;font-size:.62rem;font-weight:700;display:flex;align-items:center;justify-content:center;padding:0 4px}
.tit-tela{display:flex;align-items:center;gap:12px;padding:14px 16px 12px}
.tit-tela .voltar{width:34px;height:34px;border-radius:10px;background:var(--surface);border:1px solid var(--linha);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.tit-tela h1{font-family:var(--cond);font-weight:700;font-size:1.4rem;line-height:1.1}
.tit-tela .sub{font-size:.78rem;color:var(--suave)}

/* ---------- navegação: o jogo no centro ---------- */
/* A barra cresce com o conteúdo (nunca corta os rótulos) e respeita a área do gesto no iPhone */
.nav{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:100%;max-width:var(--coluna);min-height:var(--nav-h);z-index:30;background:#080B09;border-top:1px solid var(--linha);display:grid;grid-template-columns:1fr 1fr 1.2fr 1fr 1fr;align-items:end;padding:8px 6px 8px;padding-bottom:calc(8px + env(safe-area-inset-bottom, 0px))}
.nav a{display:flex;flex-direction:column;align-items:center;gap:4px;color:var(--suave);font-size:.68rem;font-weight:600;position:relative}
.nav a i{font-size:1.1rem}
.nav a.on{color:var(--lima)}
.nav .badge{position:absolute;top:-6px;left:calc(50% + 4px);min-width:16px;height:16px;border-radius:8px;background:var(--vermelho);color:#fff;font-size:.6rem;font-weight:700;display:flex;align-items:center;justify-content:center;padding:0 4px}
/* margem negativa: o círculo sobe acima da barra sem aumentar a altura da linha */
.nav .jogo-btn{margin-top:-30px}
.nav .jogo-btn .circ{width:58px;height:58px;border-radius:50%;background:var(--lima);color:var(--lima-tinta);display:flex;flex-direction:column;align-items:center;justify-content:center;border:5px solid #080B09;line-height:1}
.nav .jogo-btn .circ i{font-size:1.15rem;color:var(--lima-tinta)}
.nav .jogo-btn .circ b{font-family:var(--cond);font-weight:800;font-size:.8rem;margin-top:2px}
.nav .jogo-btn span.rot{color:var(--texto)}
.nav .jogo-btn.on span.rot{color:var(--lima)}

/* ---------- botões ---------- */
.btn{border:none;border-radius:12px;padding:11px 14px;font-weight:700;font-size:.9rem;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:7px;transition:opacity .15s}
.btn:active{opacity:.8}
.btn-lima{background:var(--lima);color:var(--lima-tinta)}
.btn-escuro{background:var(--surface-3);color:var(--texto)}
.btn-contorno{background:transparent;color:var(--texto);border:1px solid var(--linha-forte)}
.btn-perigo{background:rgba(255,90,78,.12);color:var(--vermelho);border:1px solid rgba(255,90,78,.3)}
.btn-pq{padding:8px 14px;font-size:.8rem;border-radius:10px}
.btn-bloco{width:100%}
.botoes{display:flex;gap:8px}
.botoes>*{flex:1}
.botoes form{display:flex}
.botoes form .btn{flex:1}

/* ---------- avisos ---------- */
.aviso{margin:12px 16px 0;padding:10px 12px;border-radius:12px;font-size:.85rem;font-weight:600;display:flex;gap:8px;align-items:flex-start}
.aviso.ok{background:var(--lima-fundo);color:var(--lima);border:1px solid rgba(198,244,50,.25)}
.aviso.erro{background:rgba(255,90,78,.1);color:var(--vermelho);border:1px solid rgba(255,90,78,.25)}

/* ---------- seções ---------- */
.sec-tit{display:flex;justify-content:space-between;align-items:baseline;padding:18px 16px 10px}
.sec-tit b{font-family:var(--cond);font-weight:700;font-size:1.15rem}
.sec-tit small,.sec-tit a{color:var(--suave);font-size:.75rem}
.vazio{margin:0 16px;padding:22px 16px;border:1px dashed var(--linha-forte);border-radius:16px;text-align:center;color:var(--suave);font-size:.88rem}
.vazio i{display:block;font-size:1.6rem;margin-bottom:8px;color:var(--surface-3)}

/* ---------- avatar ---------- */
.av{display:flex;align-items:center;justify-content:center;font-family:var(--cond);font-weight:700;color:#0B0F0C;border-radius:10px;flex-shrink:0;overflow:hidden;background:#9AD0E8}
.av img{width:100%;height:100%;object-fit:cover}
.av.c0{background:#E8B79A}.av.c1{background:#9AD0E8}.av.c2{background:#C9E89A}.av.c3{background:#E89AC4}.av.c4{background:#E8D99A}.av.c5{background:#B9A6F0}

/* ---------- ingresso do jogo ---------- */
.ingresso{margin:14px 16px 0;position:relative}
.ing-topo{background:var(--surface);border:1px solid var(--linha);border-bottom:none;border-radius:18px 18px 0 0;padding:14px 16px 16px;display:flex;gap:14px}
.ing-data{width:66px;flex-shrink:0;text-align:center;border-right:1px dashed var(--linha-forte);padding-right:14px}
.ing-data small{display:block;font-family:var(--cond);font-weight:700;font-size:.85rem;color:var(--lima);text-transform:uppercase}
.ing-data b{display:block;font-family:var(--cond);font-weight:800;font-size:2.3rem;line-height:.95}
.ing-data span{font-family:var(--cond);font-weight:600;font-size:.85rem;color:var(--suave);text-transform:uppercase}
.ing-info{flex:1;min-width:0}
.ing-info .grp{font-size:.75rem;color:var(--suave)}
.ing-info h3{font-family:var(--cond);font-weight:700;font-size:1.3rem;line-height:1.1;margin:2px 0 6px}
.ing-info .linha{font-size:.8rem;color:var(--suave);display:flex;gap:6px;align-items:center;margin-top:3px}
.ing-info .linha i{width:13px;color:var(--texto);font-size:.75rem}
.picote{height:18px;background:var(--surface);border-left:1px solid var(--linha);border-right:1px solid var(--linha);position:relative}
.picote::before,.picote::after{content:'';position:absolute;top:50%;width:18px;height:18px;border-radius:50%;background:var(--bg);transform:translateY(-50%);border:1px solid var(--linha)}
.picote::before{left:-10px}.picote::after{right:-10px}
.picote i{position:absolute;left:16px;right:16px;top:50%;border-top:1px dashed var(--linha-forte)}
.ing-base{background:var(--surface);border:1px solid var(--linha);border-top:none;border-radius:0 0 18px 18px;padding:12px 16px 16px}
.escalados{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;gap:10px}
.camisas{display:flex;min-width:0}
.camisas svg{margin-left:-6px;flex-shrink:0}
.camisas svg:first-child{margin-left:0}
.escalados .cont{text-align:right;font-size:.78rem;color:var(--suave);flex-shrink:0}
.escalados .cont b{display:block;font-family:var(--cond);font-weight:800;font-size:1.35rem;color:var(--texto);line-height:1}
.status-pres{display:flex;align-items:center;gap:8px;font-size:.85rem;font-weight:600;margin-bottom:12px}
.status-pres.ok{color:var(--lima)}

/* ---------- aquecimento (stories em camisas) ---------- */
.aquec{display:flex;gap:12px;padding:0 16px 4px;overflow-x:auto;scrollbar-width:none}
.aquec::-webkit-scrollbar{display:none}
.camisa{flex-shrink:0;width:60px;text-align:center;cursor:pointer;background:none;border:none}
.camisa .peca{position:relative;display:block;width:60px;height:60px}
.camisa .peca svg{width:60px;height:60px}
.camisa .peca b{position:absolute;inset:17px 0 0;font-family:var(--cond);font-weight:800;font-size:1.2rem;color:var(--lima-tinta);text-align:center}
.camisa.visto .peca b{color:var(--texto)}
.camisa.nova .peca b{color:var(--lima);font-size:1.4rem;inset:14px 0 0}
.camisa .peca svg{overflow:visible}
.camisa .peca svg image{transition:opacity .2s}
.camisa.visto .peca svg image{opacity:.5}
/* número da camisa numa bolinha verde no canto inferior direito */
.num-bola{position:absolute;right:-2px;bottom:2px;min-width:20px;height:20px;padding:0 4px;border-radius:10px;background:var(--lima);color:var(--lima-tinta);font-family:var(--cond);font-weight:800;font-size:.72rem;font-style:normal;line-height:16px;text-align:center;border:2px solid var(--bg)}
.camisa.visto .num-bola{background:var(--camisa-off);color:var(--texto)}
.camisa small{display:block;font-size:.7rem;color:var(--suave);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* ---------- resenha (linha do tempo) ---------- */
.resenha{position:relative;padding:0 16px 10px 46px}
.resenha::before{content:'';position:absolute;left:25px;top:4px;bottom:0;border-left:2px solid var(--surface-3)}
.item{position:relative;margin-bottom:14px}
.marco{position:absolute;left:-30px;top:12px;width:20px;height:20px;border-radius:50%;background:var(--bg);border:2px solid var(--surface-3);display:flex;align-items:center;justify-content:center;font-size:.55rem;color:var(--suave)}
.marco.lima{border-color:var(--lima);color:var(--lima)}
.marco.ouro{border-color:var(--ouro);color:var(--ouro)}
.cartao{background:var(--surface);border:1px solid var(--linha);border-radius:16px;padding:12px 14px}
.autor{display:flex;align-items:center;gap:9px;margin-bottom:9px}
.autor .av{width:32px;height:32px;font-size:.85rem}
.autor .nm{font-weight:600;font-size:.88rem;line-height:1.15;min-width:0}
.autor .nm small{display:block;font-weight:500;color:var(--suave);font-size:.72rem}
.pos-tag{margin-left:auto;font-family:var(--cond);font-weight:700;font-size:.8rem;color:var(--suave);border:1px solid var(--linha-forte);border-radius:6px;padding:1px 6px;white-space:nowrap}
.texto{font-size:.9rem;white-space:pre-line;word-wrap:break-word}
.midia{margin-top:10px;border-radius:12px;overflow:hidden;background:#0F2A14}
.midia img{width:100%;max-height:520px;object-fit:cover}
.midia video{width:100%;max-height:560px;background:#000}
.reacoes{display:flex;gap:6px;margin-top:10px;flex-wrap:wrap;align-items:center}
.reacao{display:inline-flex;align-items:center;gap:5px;background:var(--surface-2);border:1px solid var(--linha);border-radius:9px;padding:5px 9px;font-size:.75rem;font-weight:600;color:var(--suave);cursor:pointer}
.reacao b{font-family:var(--cond);font-size:.92rem;color:var(--texto)}
.reacao.minha{border-color:rgba(198,244,50,.5);color:var(--lima);background:var(--lima-fundo)}
.reacao.minha b{color:var(--lima)}
.reacao.pulo{animation:pulo .35s ease}
@keyframes pulo{50%{transform:scale(1.12)}}
.responder{margin-left:auto;font-size:.78rem;font-weight:600;color:var(--suave);display:inline-flex;align-items:center;gap:6px;cursor:pointer;background:none;border:none;padding:5px 2px}
/* com comentário: ícone verde + bolinha verde-limão com o número */
.responder.tem{color:var(--lima)}
.responder.tem .qtd-coment{min-width:20px;height:20px;padding:0 6px;border-radius:10px;background:var(--lima);color:var(--lima-tinta);font-family:var(--cond);font-weight:800;font-size:.8rem;line-height:20px;text-align:center;box-shadow:0 0 0 3px rgba(198,244,50,.14)}
.qtd-coment.pulo{animation:pulo .35s ease}
.comentarios{margin-top:10px;border-top:1px solid var(--linha);padding-top:8px}
.coment{font-size:.84rem;padding:4px 0;color:var(--suave)}
.coment b{color:var(--texto);font-weight:600;margin-right:4px}
.coment-form{display:flex;gap:8px;margin-top:6px}
.coment-form input{flex:1;background:var(--surface-2);border:1px solid var(--linha);border-radius:10px;padding:8px 10px;outline:none;font-size:.85rem}
.coment-form input:focus{border-color:rgba(198,244,50,.5)}

/* súmula automática */
.sumula{background:linear-gradient(180deg,#18210F,#131A15);border-color:rgba(198,244,50,.22);display:block}
.sumula .cab{display:flex;justify-content:space-between;font-size:.72rem;color:var(--suave);margin-bottom:8px}
.sumula .placar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;text-align:center}
.sumula .placar small{font-size:.72rem;color:var(--suave);font-weight:600}
.sumula .placar .q{width:16px;height:16px;border-radius:5px;margin:0 auto 4px}
.sumula .gols{font-family:var(--cond);font-weight:800;font-size:2.3rem;line-height:1}
.sumula .gols span{color:var(--suave);font-size:1.2rem;margin:0 8px;vertical-align:middle}
.sumula .rod{margin-top:10px;padding-top:10px;border-top:1px solid var(--linha);font-size:.78rem;display:flex;justify-content:space-between;color:var(--suave)}
.sumula .rod a{color:var(--lima);font-weight:600}
.q.colete{background:var(--lima)}
.q.sem{background:var(--surface-3);border:1px solid var(--linha-forte)}

/* cartão de entrar numa pelada (lobby) */
.convite{margin:14px 16px 0;border:1px dashed rgba(198,244,50,.45);background:var(--lima-fundo);border-radius:18px;padding:16px}
.convite h3{font-family:var(--cond);font-weight:700;font-size:1.25rem}
.convite p{font-size:.85rem;color:var(--suave);margin:4px 0 12px}
.convite form{display:flex;gap:8px}
.convite input{flex:1;min-width:0;background:var(--bg);border:1px solid var(--linha-forte);border-radius:10px;padding:10px 12px;font-family:var(--cond);font-weight:700;font-size:1.1rem;letter-spacing:3px;text-transform:uppercase;outline:none}

/* botão flutuante de postar */
.postar{position:fixed;bottom:calc(var(--nav-h) + 24px + env(safe-area-inset-bottom, 0px));right:max(16px, calc(50% - var(--coluna)/2 + 16px));z-index:25;background:var(--texto);color:var(--bg);border-radius:14px;height:46px;padding:0 16px;font-weight:700;font-size:.88rem;display:flex;gap:7px;align-items:center;justify-content:center;box-shadow:0 8px 24px rgba(0,0,0,.55);border:none;cursor:pointer;transition:padding .25s ease,border-radius .25s ease,gap .25s ease}
.postar span{white-space:nowrap;max-width:140px;overflow:hidden;transition:max-width .25s ease,opacity .2s ease}
/* rolando para baixo: vira só o ícone, num botão redondo no canto */
.postar.recolhido{padding:0;width:46px;border-radius:50%;gap:0}
.postar.recolhido span{max-width:0;opacity:0}
/* espaço no fim da página: o último post sobe acima do botão e não fica escondido atrás dele */
.espaco-postar{height:64px}

/* ---------- jogo ---------- */
.placarzao{margin:0 16px 14px;border-radius:18px;overflow:hidden;border:1px solid var(--linha)}
.placarzao .faixa{display:grid;grid-template-columns:1fr auto 1fr;align-items:stretch}
.placarzao .lado{padding:14px 10px;text-align:center;font-weight:700;font-size:.85rem;display:flex;align-items:center;justify-content:center}
.placarzao .lado.a{background:var(--lima);color:var(--lima-tinta)}
.placarzao .lado.b{background:var(--surface-3)}
.placarzao .num{background:#050806;font-family:var(--cond);font-weight:800;font-size:2.6rem;line-height:1;padding:8px 16px;display:flex;align-items:center;gap:10px}
.placarzao .num span{color:var(--suave);font-size:1.2rem}
.placarzao .rodape{background:var(--surface);padding:9px 14px;font-size:.76rem;color:var(--suave);display:flex;justify-content:space-between}
.bloco{margin:0 16px 14px;background:var(--surface);border:1px solid var(--linha);border-radius:16px;padding:12px 14px}
.bloco-tit{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:8px;gap:10px}
.bloco-tit b{font-family:var(--cond);font-weight:700;font-size:1.08rem}
.bloco-tit small{color:var(--suave);font-size:.75rem}
.jog{display:flex;align-items:center;gap:10px;padding:8px 0;border-top:1px solid var(--linha);font-size:.86rem}
.jog:first-of-type{border-top:none}
.jog .av{width:30px;height:30px;font-size:.8rem}
.jog .pos{font-size:.7rem;color:var(--suave);font-weight:600;width:28px}
.jog .nm{flex:1;font-weight:600;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.jog .nm small{color:var(--suave);font-weight:500}
.tag{font-size:.7rem;font-weight:700;padding:3px 8px;border-radius:6px;white-space:nowrap}
.tag.pago{background:var(--lima-fundo);color:var(--lima)}
.tag.pend{background:rgba(255,90,78,.12);color:var(--vermelho)}
.tag.anal{background:rgba(245,197,66,.13);color:var(--ouro)}
.pix{background:var(--bg);border:1px solid var(--linha);border-radius:12px;padding:12px;margin-bottom:12px}
.pix small{display:block;font-size:.75rem;color:var(--suave);margin-bottom:6px}
.pix .chave{display:flex;gap:8px}
.pix input{flex:1;min-width:0;background:var(--surface-2);border:1px solid var(--linha);border-radius:10px;padding:9px 10px;font-size:.88rem;outline:none}
.times{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0 16px 14px}
.time{background:var(--surface);border:1px solid var(--linha);border-radius:14px;overflow:hidden}
.time .cab{padding:8px 12px;font-family:var(--cond);font-weight:700;font-size:1rem;display:flex;justify-content:space-between;align-items:center}
.time.t1 .cab{background:var(--lima);color:var(--lima-tinta)}
.time.t2 .cab{background:var(--surface-3)}
.time.banco{grid-column:1/-1}
.time.banco .cab{background:rgba(255,90,78,.12);color:var(--vermelho)}
.time ul{list-style:none;padding:4px 12px 8px}
.time li{font-size:.84rem;padding:5px 0;border-bottom:1px solid var(--linha);display:flex;justify-content:space-between;gap:6px}
.time li:last-child{border-bottom:none}
.time li span{color:var(--suave);font-size:.72rem;font-weight:600}
.link-admin{margin:0 16px 14px;display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:14px;border:1px solid rgba(245,197,66,.35);background:rgba(245,197,66,.06);color:var(--ouro);font-weight:700;font-size:.9rem}
.link-admin i.fa-chevron-right{margin-left:auto}

/* ---------- lances ---------- */
.seg{display:flex;gap:6px;padding:12px 16px;overflow-x:auto;scrollbar-width:none}
.seg a{font-size:.8rem;font-weight:600;padding:6px 12px;border-radius:10px;background:var(--surface);color:var(--suave);border:1px solid var(--linha);white-space:nowrap}
.seg a.on{background:var(--texto);color:var(--bg)}
.lance{margin:0 16px 22px}
/* O quadro do lance segue o formato do vídeo (9:16 em pé, 16:9 deitado, 1:1...): o JS lê o tamanho
   real e ajusta aspect-ratio. Vertical fica limitado a ~76% da altura da tela, centralizado. */
.replay{border-radius:18px;overflow:hidden;position:relative;background:#000;border:1px solid var(--linha);aspect-ratio:9/16;max-width:calc(76vh * 9 / 16);margin:0 auto}
.replay video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#000}
.replay.deitado .gc{left:10px;right:auto;max-width:70%}
.replay .tempo{position:absolute;top:12px;right:12px;background:rgba(0,0,0,.6);border-radius:8px;padding:4px 8px;font-size:.72rem;font-weight:600;pointer-events:none}
.gc{position:absolute;left:12px;right:12px;bottom:52px;display:flex;align-items:stretch;border-radius:10px;overflow:hidden;pointer-events:none}
.gc .num-c{background:var(--lima);color:var(--lima-tinta);font-family:var(--cond);font-weight:800;font-size:1.6rem;padding:0 12px;display:flex;align-items:center;min-width:44px;justify-content:center}
.gc .dados{background:rgba(5,8,6,.88);flex:1;padding:7px 12px;min-width:0}
.gc .dados b{font-family:var(--cond);font-weight:700;font-size:1.05rem;display:block;line-height:1.1}
.gc .dados small{font-size:.72rem;color:var(--suave);display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.replay.tocando .gc,.replay.tocando .tempo{opacity:0;transition:opacity .3s}
.legenda{font-size:.88rem;margin-top:8px}
.legenda b{font-weight:700;margin-right:4px}

/* ---------- ranking ---------- */
.filtro{display:flex;gap:6px;padding:0 16px 14px;overflow-x:auto;scrollbar-width:none}
.filtro a{font-size:.8rem;font-weight:600;padding:6px 12px;border-radius:10px;background:var(--surface);color:var(--suave);border:1px solid var(--linha);white-space:nowrap}
.filtro a.on{background:var(--texto);color:var(--bg)}
.tabela{margin:0 16px;font-size:.84rem}
.tabela .cab,.tabela .lin{display:grid;grid-template-columns:22px 1fr 30px 30px 40px 84px;gap:6px;align-items:center;padding:8px 0;border-bottom:1px solid var(--linha)}
.tabela .cab{font-size:.7rem;color:var(--suave);font-weight:600}
.tabela .cab span:nth-child(n+3),.tabela .lin>span:nth-child(n+3){text-align:center}
.tabela .lin .p{font-family:var(--cond);font-weight:700;color:var(--suave)}
.tabela .lin.top .p{color:var(--ouro)}
.tabela .lin.eu{background:var(--lima-fundo);margin:0 -8px;padding:8px;border-radius:8px}
.tabela .lin .nm{display:flex;align-items:center;gap:8px;font-weight:600;min-width:0}
.tabela .lin .nm span.n2{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tabela .lin .nm .av{width:26px;height:26px;font-size:.75rem}
.tabela .lin .n{font-family:var(--cond);font-weight:700;font-size:1rem}
.mini-forma{display:flex;gap:3px;justify-content:center}
.mini-forma i{width:13px;height:13px;border-radius:4px;display:block;background:var(--surface-2)}
.mini-forma .v{background:var(--lima)}.mini-forma .e{background:var(--surface-3)}.mini-forma .d{background:rgba(255,90,78,.55)}
.legenda-tab{font-size:.72rem;color:var(--suave);padding:10px 16px 0}

/* ---------- ficha (perfil) ---------- */
.carta{margin:4px 16px 14px;border-radius:20px;padding:16px;position:relative;overflow:hidden;background:linear-gradient(155deg,#1E2A12 0%,#141B12 55%,#0F1510 100%);border:1px solid rgba(198,244,50,.25);display:grid;grid-template-columns:auto 1fr;gap:16px;align-items:center}
.carta .nota{text-align:center;padding-right:16px;border-right:1px solid rgba(198,244,50,.2)}
.carta .nota b{display:block;font-family:var(--cond);font-weight:800;font-size:3rem;line-height:.9;color:var(--lima)}
.carta .nota small{font-family:var(--cond);font-weight:700;font-size:1rem;letter-spacing:1px}
.carta .av{width:64px;height:64px;border-radius:16px;font-size:1.4rem;margin-bottom:8px}
.carta h2{font-family:var(--cond);font-weight:800;font-size:1.5rem;line-height:1}
.carta .sub{font-size:.78rem;color:var(--suave);margin-top:4px}
.carta .anf{color:var(--ouro);font-weight:600}
.forma{display:flex;align-items:center;gap:6px;padding:0 16px 14px;font-size:.78rem;color:var(--suave)}
.forma span.r{width:24px;height:24px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-family:var(--cond);font-weight:800;font-size:.85rem}
.r.v{background:var(--lima);color:var(--lima-tinta)}.r.e{background:var(--surface-3);color:var(--texto)}.r.d{background:rgba(255,90,78,.2);color:var(--vermelho)}
.forma .lbl{margin-right:4px}
.bio{padding:0 16px 12px;font-size:.9rem;white-space:pre-line}
.torcida{display:flex;align-items:center;gap:8px;padding:0 16px 6px}
.torcida .num{font-size:.8rem;color:var(--suave);flex:1}
.torcida .num b{font-family:var(--cond);font-size:1.05rem;color:var(--texto)}
.torcida form{margin:0}
.temporada{margin:0 16px 4px;border-top:1px solid var(--linha)}
.stat{display:grid;grid-template-columns:1fr auto;padding:9px 0;border-bottom:1px solid var(--linha);font-size:.88rem;align-items:center}
.stat b{font-family:var(--cond);font-weight:700;font-size:1.1rem}
.stat small{color:var(--suave);font-size:.72rem;margin-left:5px}
.lances-row{display:flex;gap:8px;padding:0 16px 4px;overflow-x:auto;scrollbar-width:none}
.thumb{flex-shrink:0;width:100px;aspect-ratio:9/14;border-radius:12px;position:relative;overflow:hidden;background:#143419}
.thumb video{width:100%;height:100%;object-fit:cover}
.thumb i{position:absolute;right:8px;top:8px;font-size:.7rem}

/* ---------- notificações ---------- */
.notif{display:flex;gap:12px;align-items:center;padding:12px 16px;border-bottom:1px solid var(--linha)}
.notif .av{width:40px;height:40px;font-size:.95rem}
.notif .t{font-size:.88rem;flex:1}
.notif .t small{display:block;color:var(--suave);font-size:.75rem;margin-top:2px}
.notif .ic{color:var(--lima)}
.notif.nova{background:rgba(198,244,50,.04)}

/* ---------- vestiário (mensagens) ---------- */
.contato{display:flex;gap:12px;align-items:center;padding:12px 16px;border-bottom:1px solid var(--linha)}
.contato .av{width:44px;height:44px;font-size:1rem}
.contato .info{flex:1;min-width:0}
.contato .info b{display:block;font-size:.92rem}
.contato .info span{display:block;font-size:.8rem;color:var(--suave);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.contato .nl{background:var(--lima);color:var(--lima-tinta);border-radius:9px;min-width:20px;height:20px;font-size:.7rem;font-weight:700;display:flex;align-items:center;justify-content:center;padding:0 6px}
.chat{display:flex;flex-direction:column;height:100vh;height:100dvh}
.chat .topo{position:static}
.chat-msgs{flex:1;overflow-y:auto;padding:14px 16px;display:flex;flex-direction:column;gap:8px}
.msg{max-width:78%;padding:8px 12px;border-radius:14px;font-size:.9rem;word-wrap:break-word;white-space:pre-line}
.msg.env{align-self:flex-end;background:var(--lima);color:var(--lima-tinta);border-bottom-right-radius:4px}
.msg.rec{align-self:flex-start;background:var(--surface-2);border-bottom-left-radius:4px}
.msg .h{display:block;font-size:.65rem;opacity:.6;margin-top:2px;text-align:right}
.chat-form{display:flex;gap:8px;padding:10px 16px calc(10px + env(safe-area-inset-bottom));border-top:1px solid var(--linha);background:var(--bg)}
.chat-form input{flex:1;background:var(--surface);border:1px solid var(--linha);border-radius:12px;padding:11px 12px;outline:none}

/* ---------- formulários e modais ---------- */
.campo{margin-bottom:12px}
.campo label{display:block;font-size:.78rem;color:var(--suave);font-weight:600;margin-bottom:5px}
.input{width:100%;background:var(--surface-2);border:1px solid var(--linha);border-radius:12px;padding:12px;outline:none;font-size:.95rem}
.input:focus{border-color:rgba(198,244,50,.55)}
textarea.input{resize:none}
select.input{appearance:none}
.duas{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.modal{position:fixed;inset:0;background:rgba(0,0,0,.7);z-index:50;display:none;align-items:flex-end;justify-content:center}
.modal.aberto{display:flex}
.modal-caixa{background:var(--bg);border:1px solid var(--linha-forte);border-bottom:none;border-radius:22px 22px 0 0;width:100%;max-width:var(--coluna);max-height:92vh;overflow-y:auto;padding:16px 16px calc(20px + env(safe-area-inset-bottom))}
.modal-cab{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}
.modal-cab b{font-family:var(--cond);font-weight:700;font-size:1.25rem}
.fechar{width:34px;height:34px;border-radius:10px;background:var(--surface);border:1px solid var(--linha);cursor:pointer;display:flex;align-items:center;justify-content:center}
.abas-modal{display:flex;gap:6px;margin-bottom:14px}
.abas-modal button{flex:1;padding:9px;border-radius:10px;border:1px solid var(--linha);background:var(--surface);color:var(--suave);font-weight:700;font-size:.85rem;cursor:pointer}
.abas-modal button.on{background:var(--texto);color:var(--bg)}
.arquivo{display:flex;align-items:center;justify-content:center;gap:10px;border:1px dashed var(--linha-forte);border-radius:14px;padding:18px;color:var(--suave);font-weight:600;font-size:.88rem;cursor:pointer;position:relative;margin-bottom:12px}
.arquivo input{position:absolute;inset:0;opacity:0;cursor:pointer}
.arquivo.ok{border-color:rgba(198,244,50,.5);color:var(--lima)}
.dica{font-size:.75rem;color:var(--suave);margin-top:-6px;margin-bottom:12px}

/* visualizador do aquecimento */
.story-tela{position:fixed;inset:0;background:#000;z-index:60;display:none;flex-direction:column}
.story-tela.aberto{display:flex}
.story-barras{display:flex;gap:4px;padding:12px 12px 0}
.story-barras i{flex:1;height:3px;border-radius:2px;background:rgba(255,255,255,.22);overflow:hidden}
/* barra de tempo verde-limão: enche durante a foto (5s) ou acompanha o vídeo */
.story-barras b{display:block;height:100%;width:0;background:var(--lima);border-radius:2px;transition:width linear;box-shadow:0 0 6px rgba(198,244,50,.6)}
.story-barras b.video{transition-duration:.25s}
.story-barras i.cheia b{width:100%}
.story-cab{display:flex;align-items:center;gap:10px;padding:10px 12px;font-weight:700;font-size:.9rem}
.story-cab .fechar{margin-left:auto;background:rgba(255,255,255,.1);border:none;color:#fff}
.story-cab #story-prox-nome{font-weight:600;font-size:.72rem;color:var(--lima);margin-left:auto}
.story-cab #story-prox-nome:empty{display:none}
.story-cab #story-prox-nome:not(:empty)+.fechar{margin-left:0}
.story-palco{flex:1;position:relative;display:flex;min-height:0}
.story-conteudo{flex:1;display:flex;align-items:center;justify-content:center;overflow:hidden;cursor:pointer;user-select:none}
/* setas: passar para a próxima foto/vídeo ou para a próxima camisa */
.story-seta{position:absolute;top:50%;transform:translateY(-50%);width:42px;height:42px;border-radius:50%;border:1px solid rgba(198,244,50,.45);background:rgba(0,0,0,.5);color:var(--lima);display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:.95rem;z-index:2}
.story-seta.ant{left:12px}
.story-seta.prox{right:12px}
.story-seta:hover{background:var(--lima);color:var(--lima-tinta)}
.story-conteudo img,.story-conteudo video{max-width:100%;max-height:100%;object-fit:contain}

/* ---------- login / cadastro ---------- */
.auth{min-height:100vh;display:flex;flex-direction:column;justify-content:center;padding:28px 20px;max-width:440px;margin:0 auto}
body.tela-auth{max-width:none;border:none;background:var(--bg) repeating-linear-gradient(0deg,transparent 0 79px,rgba(255,255,255,.025) 79px 80px)}
.auth .marca{font-size:3rem;margin-bottom:6px}
.auth .lema{color:var(--suave);font-size:.95rem;margin-bottom:26px}
.auth h1{font-family:var(--cond);font-weight:700;font-size:1.5rem;margin-bottom:14px}
.auth .rodape{margin-top:18px;text-align:center;font-size:.88rem;color:var(--suave)}
.auth .rodape a{color:var(--lima);font-weight:700}
.escolha{display:grid;grid-template-columns:1fr;gap:8px;margin-bottom:16px}
.escolha label{display:flex;gap:12px;align-items:flex-start;border:1px solid var(--linha);background:var(--surface);border-radius:14px;padding:12px 14px;cursor:pointer}
.escolha input{margin-top:4px;accent-color:var(--lima)}
.escolha b{display:block;font-size:.92rem}
.escolha span{display:block;font-size:.78rem;color:var(--suave)}
.escolha label:has(input:checked){border-color:rgba(198,244,50,.55);background:var(--lima-fundo)}
.auth .aviso{margin:0 0 14px}
.input-codigo{font-family:var(--cond);font-weight:700;font-size:1.2rem;letter-spacing:4px;text-transform:uppercase}

@media (min-width:640px){
  .tabela .cab,.tabela .lin{grid-template-columns:26px 1fr 40px 40px 48px 96px}
}

/* ---------- painel do anfitrião ---------- */
.seg a i{font-size:.75rem;margin-right:3px}
.resumo{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}
.resumo div{background:var(--bg);border:1px solid var(--linha);border-radius:10px;padding:8px 4px;text-align:center;min-width:0}
.resumo b{display:block;font-family:var(--cond);font-weight:700;font-size:1.05rem;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.resumo small{font-size:.66rem;color:var(--suave)}
.tag-btn{border:none;cursor:pointer;font-family:inherit}
.tag-btn:disabled{opacity:.5}
.form-x{margin:0}
.form-x .x{width:28px;height:28px;border-radius:8px;border:1px solid var(--linha);background:transparent;color:var(--suave);cursor:pointer}
.jog.chk{cursor:pointer}
.jog.chk input{width:18px;height:18px;accent-color:var(--lima);flex-shrink:0}
.placar-form{display:grid;grid-template-columns:1fr auto 1fr;gap:10px;align-items:end}
.placar-form label span{display:block;font-size:.75rem;color:var(--suave);font-weight:600;margin-bottom:5px;text-align:center}
.placar-form .input{text-align:center;font-family:var(--cond);font-weight:800;font-size:1.6rem;padding:8px}
.placar-form>b{font-family:var(--cond);font-size:1.3rem;color:var(--suave);padding-bottom:10px}
.papel{display:inline-flex;align-items:center;gap:4px;font-size:.68rem;font-weight:700;padding:3px 7px;border-radius:6px;white-space:nowrap}
.papel.dono{background:rgba(245,197,66,.14);color:var(--ouro)}
.papel.org{background:var(--lima-fundo);color:var(--lima)}
.papeis{font-size:.8rem;color:var(--suave);display:flex;flex-direction:column;gap:8px}
.papeis .papel{margin-right:4px}
.jog.membro{position:relative}
.menu-acoes{position:relative}
.menu-acoes summary{list-style:none;width:30px;height:30px;border-radius:8px;border:1px solid var(--linha);display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--suave)}
.menu-acoes summary::-webkit-details-marker{display:none}
.menu-acoes[open] summary{border-color:rgba(198,244,50,.5);color:var(--lima)}
.menu-lista{position:absolute;right:0;top:36px;z-index:15;background:var(--surface-2);border:1px solid var(--linha-forte);border-radius:12px;padding:6px;min-width:210px;box-shadow:0 12px 30px rgba(0,0,0,.5)}
.menu-lista form{margin:0}
.menu-lista button{width:100%;text-align:left;background:none;border:none;padding:9px 10px;border-radius:8px;font-size:.84rem;font-weight:600;cursor:pointer;display:flex;gap:8px;align-items:center}
.menu-lista button i{width:16px;color:var(--suave)}
.menu-lista button:hover{background:var(--surface-3)}
.menu-lista button.perigo,.menu-lista button.perigo i{color:var(--vermelho)}
.data-mini{width:38px;text-align:center;font-size:.68rem;color:var(--suave);text-transform:uppercase;line-height:1.1;flex-shrink:0}
.data-mini b{display:block;font-family:var(--cond);font-size:1.25rem;color:var(--texto)}

/* ---------- caixa da pelada ---------- */
.mais{color:var(--lima)}
.menos{color:var(--vermelho)!important}
.btn-ouro{background:var(--ouro);color:#14110A}
.conta-caixa{margin-top:10px;padding:9px 11px;border-radius:10px;background:var(--bg);border:1px dashed var(--linha-forte);font-size:.78rem;color:var(--suave);display:flex;gap:8px;align-items:flex-start}
.conta-caixa i{color:var(--lima);margin-top:2px}
.conta-caixa b{font-family:var(--cond);font-size:.95rem}
.atalhos{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:10px 16px 0}
.atalhos a{display:flex;gap:10px;align-items:center;background:var(--surface);border:1px solid var(--linha);border-radius:14px;padding:10px 12px;min-width:0}
.atalhos a>i{width:32px;height:32px;border-radius:9px;background:var(--lima-fundo);color:var(--lima);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:.9rem}
.atalhos a.ouro>i{background:rgba(245,197,66,.13);color:var(--ouro)}
.atalhos span{min-width:0;display:block}
.atalhos small{display:block;font-size:.7rem;color:var(--suave);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.atalhos b{display:block;font-family:var(--cond);font-weight:700;font-size:1.05rem;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.saldo{margin:0 16px 12px;border-radius:18px;padding:16px;text-align:center;background:linear-gradient(180deg,#18210F,#131A15);border:1px solid rgba(198,244,50,.22)}
.saldo>small{font-size:.75rem;color:var(--suave);font-weight:600;text-transform:uppercase;letter-spacing:1px}
.saldo>b{display:block;font-family:var(--cond);font-weight:800;font-size:2.5rem;line-height:1.05;color:var(--lima);margin:2px 0 8px}
.saldo-linhas{display:flex;justify-content:center;gap:16px;font-size:.78rem;color:var(--suave)}
.saldo-linhas i{font-size:.65rem;margin-right:3px}
.saldo-receber{margin-top:10px;padding-top:10px;border-top:1px solid var(--linha);font-size:.78rem;color:var(--ouro)}
.extrato{margin:0 16px 10px;background:var(--surface);border:1px solid var(--linha);border-radius:16px;padding:2px 14px}
.mov{display:flex;align-items:center;gap:10px;padding:10px 0;border-top:1px solid var(--linha)}
.mov:first-child{border-top:none}
.mov-ic{width:32px;height:32px;border-radius:9px;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:.8rem;background:var(--surface-3);color:var(--suave)}
.mov-ic.jogo{background:var(--lima-fundo);color:var(--lima)}
.mov-ic.evento{background:rgba(245,197,66,.13);color:var(--ouro)}
.mov-txt{flex:1;min-width:0}
.mov-txt b{display:block;font-size:.86rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mov-txt small{display:block;font-size:.72rem;color:var(--suave)}
.ver-nota{color:var(--lima)}
.mov-v{font-family:var(--cond);font-weight:700;font-size:1.05rem;white-space:nowrap}
.aba-radio{flex:1;cursor:pointer}
.aba-radio input{position:absolute;opacity:0;pointer-events:none}
.aba-radio span{display:flex;justify-content:center;gap:6px;align-items:center;padding:9px;border-radius:10px;border:1px solid var(--linha);background:var(--surface);color:var(--suave);font-weight:700;font-size:.85rem}
.aba-radio input:checked+span{background:var(--texto);color:var(--bg)}

/* ---------- terceiro tempo (dourado, para não confundir com o jogo) ---------- */
.t3-card{display:flex;gap:12px;align-items:center;margin:0 16px 10px;padding:12px 14px;border-radius:16px;background:linear-gradient(135deg,rgba(245,197,66,.10),rgba(245,197,66,.02));border:1px solid rgba(245,197,66,.32)}
.t3-ic{width:40px;height:40px;border-radius:12px;background:var(--ouro);color:#14110A;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:1.05rem}
.t3-txt{flex:1;min-width:0}
.t3-txt small{display:block;font-size:.72rem;color:var(--ouro);font-weight:600}
.t3-txt b{display:block;font-family:var(--cond);font-weight:700;font-size:1.15rem;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.t3-txt span{display:block;font-size:.76rem;color:var(--suave);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.t3-st{font-size:.72rem;font-weight:700;padding:5px 9px;border-radius:8px;background:var(--surface-3);white-space:nowrap}
.t3-st.ok{background:rgba(245,197,66,.16);color:var(--ouro)}
.ingresso.t3 .ing-topo,.ingresso.t3 .picote,.ingresso.t3 .ing-base,.ingresso.t3 .t3-recado{border-color:rgba(245,197,66,.3)}
.ingresso.t3 .ing-data small{color:var(--ouro)}
.t3-recado{background:var(--surface);border-left:1px solid;border-right:1px solid;padding:0 16px 12px;font-size:.86rem;white-space:pre-line;color:var(--texto)}
.t3-conta{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:12px}
.t3-conta div{background:var(--bg);border:1px solid var(--linha);border-radius:10px;padding:8px 6px;text-align:center;min-width:0}
.t3-conta small{display:block;font-size:.66rem;color:var(--suave)}
.t3-conta b{display:block;font-family:var(--cond);font-weight:700;font-size:1.05rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.t3-conta b.ouro{color:var(--ouro)}
.t3-resp{display:grid;grid-template-columns:110px 1fr;gap:8px}
.t3-resp .input{padding:10px}
.t3-eu{display:flex;justify-content:space-between;align-items:center;margin-top:10px;font-size:.84rem;font-weight:600;color:var(--ouro)}
.t3-eu form{margin:0}
.link-sair{background:none;border:none;color:var(--suave);font-size:.8rem;font-weight:600;cursor:pointer;text-decoration:underline;padding:4px}
.item-t3{display:flex;align-items:center;gap:10px;padding:8px 0;border-top:1px solid var(--linha);font-size:.88rem}
.item-t3:first-child{border-top:none}
.item-t3 .ck{width:22px;height:22px;border-radius:7px;border:1px solid var(--linha-forte);display:flex;align-items:center;justify-content:center;font-size:.65rem;color:var(--suave);flex-shrink:0}
.item-t3.pego .ck{background:var(--ouro);border-color:var(--ouro);color:#14110A}
.item-t3 .nm{flex:1;min-width:0;font-weight:600}
.item-t3 .nm small{display:block;font-size:.72rem;color:var(--ouro);font-weight:600}
.item-t3.pego .nm{color:var(--suave)}
.add-item{display:flex;gap:8px;margin-top:10px}
.add-item .input{padding:10px}
.selo-t3{display:inline-flex;gap:6px;align-items:center;font-size:.72rem;font-weight:700;color:var(--ouro);background:rgba(245,197,66,.1);border:1px solid rgba(245,197,66,.25);border-radius:7px;padding:3px 8px;margin-bottom:8px}

/* ---------- quadra da aba Jogo ---------- */
.q-wrap{display:flex;gap:8px;margin:0 16px 14px}
.quadra{position:relative;flex:1;min-width:0;aspect-ratio:68/100;border-radius:14px;overflow:hidden;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08),inset 0 0 50px rgba(0,0,0,.35)}
.q-society{background:#1c582b}
.q-campo{background:#1d612f}
.q-futsal{background:#1f4268;box-shadow:inset 0 0 0 7px #2a3340,inset 0 0 0 8px rgba(255,255,255,.08),inset 0 0 50px rgba(0,0,0,.3)}
.q-linhas{position:absolute;inset:0;width:100%;height:100%}
.q-bola{position:absolute;left:50%;top:50%;width:12px;height:12px;margin:-6px 0 0 -6px;animation:fm-quica 1.8s ease-in-out infinite;z-index:1}
@keyframes fm-quica{0%,100%{transform:translateY(0)}45%{transform:translateY(-5px) rotate(120deg)}}
.qj{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;width:60px;z-index:2;animation:fm-entra .8s cubic-bezier(.2,.8,.25,1) both;animation-delay:var(--d,0s)}
@keyframes fm-entra{from{left:50%;top:50%;opacity:0;transform:translate(-50%,-50%) scale(.35)}60%{opacity:1}}
.qc{position:relative;width:30px;height:30px;display:block}
.qc svg{width:100%;height:100%;fill:var(--lima);filter:drop-shadow(0 2px 3px rgba(0,0,0,.5))}
.qc b{position:absolute;left:0;right:0;top:31%;text-align:center;font-family:var(--cond);font-weight:800;font-size:.7rem;line-height:1;color:#0B0F0C}
.qj small{margin-top:1px;font-size:.6rem;font-weight:700;color:#fff;background:rgba(0,0,0,.5);padding:0 5px;border-radius:5px;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.4}
.qj.t2 .qc svg{fill:#F2F5F1}
.qj.t3 .qc svg{fill:var(--ouro)}
.qj.t99 .qc svg{fill:#8E9A90}
.qj.eu small{background:var(--ouro);color:#14110A}
.qj.eu .qc svg{filter:drop-shadow(0 0 5px rgba(245,197,66,.95))}
.q-campo .qj{width:50px}
.q-campo .qc{width:24px;height:24px}
.q-campo .qc b{font-size:.6rem}
.q-vaga{position:absolute;left:var(--x);top:var(--y);width:24px;height:24px;margin:-12px 0 0 -12px;border-radius:50%;border:1.5px dashed rgba(255,255,255,.55);display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.75);font-size:.55rem;animation:fm-pulsa 1.8s ease-in-out infinite}
.q-vaga.gol{border-color:rgba(245,197,66,.75);color:var(--ouro)}
@keyframes fm-pulsa{50%{transform:scale(1.18);opacity:.5}}
.q-banco{width:58px;flex-shrink:0;border-radius:14px;background:linear-gradient(180deg,#2b2218,#1d1711);border:1px solid rgba(255,255,255,.07);display:flex;flex-direction:column;align-items:center;gap:8px;padding:8px 0}
.q-banco-tit{font-family:var(--cond);font-weight:700;font-size:.68rem;letter-spacing:.6px;text-transform:uppercase;color:#C9A57A}
.qj.nb{position:relative;left:auto;top:auto;transform:none;width:54px;animation:fm-senta .5s ease both;animation-delay:var(--d,0s)}
@keyframes fm-senta{from{opacity:0;transform:translateY(-10px)}}
.q-mais{font-family:var(--cond);font-weight:700;font-size:.85rem;color:#C9A57A}
.q-vazio{font-size:.66rem;color:rgba(201,165,122,.55);margin-top:4px}
.q-legenda{display:flex;gap:14px;padding:0 16px 8px;font-size:.72rem;color:var(--suave)}
.q-legenda i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:4px;vertical-align:-1px}
.q-legenda i.t1{background:var(--lima)}.q-legenda i.t2{background:#F2F5F1}.q-legenda i.t99{background:#8E9A90}
.q-falta{color:var(--ouro);font-weight:700}
.mod-escolha{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.mod-escolha label{cursor:pointer}
.mod-escolha input{position:absolute;opacity:0;pointer-events:none}
.mod-escolha span{display:block;text-align:center;padding:9px 4px;border-radius:12px;border:1px solid var(--linha);background:var(--surface-2)}
.mod-escolha b{display:block;font-size:.88rem}
.mod-escolha small{font-size:.7rem;color:var(--suave)}
.mod-escolha input:checked+span{border-color:rgba(198,244,50,.6);background:var(--lima-fundo)}
.mod-escolha input:checked+span b{color:var(--lima)}
@media (prefers-reduced-motion:reduce){.qj,.qj.nb,.q-vaga,.q-bola{animation:none}}

/* ---------- ficha do jogador (cartão) ---------- */
.fc{margin:0 16px 6px;border-radius:20px;padding:16px;position:relative;background:linear-gradient(160deg,#1C2712 0%,#141B12 55%,#101611 100%);border:1px solid rgba(198,244,50,.22);overflow:hidden}
.fc::after{content:'';position:absolute;right:-60px;top:-60px;width:180px;height:180px;border-radius:50%;border:26px solid rgba(198,244,50,.04);pointer-events:none}
.fc-topo{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:start}
.fc-foto{position:relative}
.fc-foto .av{width:76px;height:76px;border-radius:18px;font-size:1.6rem}
.fc-num{position:absolute;right:-8px;bottom:-8px;min-width:28px;height:28px;padding:0 6px;border-radius:9px;background:var(--lima);color:var(--lima-tinta);font-family:var(--cond);font-weight:800;font-size:1rem;display:flex;align-items:center;justify-content:center;border:3px solid #161E13}
.fc-id{min-width:0;padding-top:2px}
.fc-id h2{font-family:var(--cond);font-weight:800;font-size:1.45rem;line-height:1.05;overflow-wrap:anywhere}
.fc-arroba{font-size:.78rem;color:var(--suave);margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fc-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:9px}
.fc-chip{display:inline-flex;align-items:center;gap:5px;font-size:.72rem;font-weight:600;padding:4px 8px;border-radius:7px;background:rgba(255,255,255,.06);border:1px solid var(--linha);color:var(--texto);white-space:nowrap}
.fc-chip b{font-family:var(--cond);font-weight:800;color:var(--lima);font-size:.8rem}
.fc-chip.ouro{background:rgba(245,197,66,.1);border-color:rgba(245,197,66,.28);color:var(--ouro)}
.fc-nota{text-align:center;min-width:54px;padding:6px 8px 5px;border-radius:12px;background:rgba(198,244,50,.08);border:1px solid rgba(198,244,50,.3)}
.fc-nota b{display:block;font-family:var(--cond);font-weight:800;font-size:1.9rem;line-height:.95;color:var(--lima)}
.fc-nota small{font-size:.6rem;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--suave)}
.fc-bio{margin:14px 0 0;padding:10px 12px;border-left:3px solid var(--lima);background:rgba(0,0,0,.18);border-radius:0 10px 10px 0;font-size:.88rem;line-height:1.45;white-space:pre-line}
.fc-numeros{display:grid;grid-template-columns:repeat(4,1fr);margin-top:14px;padding-top:12px;border-top:1px solid var(--linha)}
.fc-numeros div{text-align:center;min-width:0}
.fc-numeros div+div{border-left:1px solid var(--linha)}
.fc-numeros b{display:block;font-family:var(--cond);font-weight:800;font-size:1.3rem;line-height:1.1}
.fc-numeros small{font-size:.68rem;color:var(--suave);white-space:nowrap}
.fc-acoes{display:flex;gap:8px;margin-top:14px}
.fc-acoes form{flex:1;margin:0}
.fc-acoes>.btn-bloco{flex:1}
.fc-temp{margin:0 16px 4px;background:var(--surface);border:1px solid var(--linha);border-radius:16px;padding:14px}
.fc-placar{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:14px}
.fc-placar div{background:var(--bg);border:1px solid var(--linha);border-radius:12px;padding:10px 6px 8px;text-align:center;position:relative;overflow:hidden}
.fc-placar div::before{content:'';position:absolute;left:0;right:0;top:0;height:3px}
.fc-placar .v::before{background:var(--lima)}.fc-placar .e::before{background:var(--suave)}.fc-placar .d::before{background:var(--vermelho)}
.fc-placar b{display:block;font-family:var(--cond);font-weight:800;font-size:1.7rem;line-height:1}
.fc-placar small{font-size:.7rem;color:var(--suave)}
.fc-barra{display:grid;grid-template-columns:1fr auto;gap:6px 10px;align-items:baseline;margin-bottom:12px;font-size:.82rem}
.fc-barra b{font-family:var(--cond);font-weight:700;font-size:1rem}
.fc-barra i{grid-column:1/-1;height:6px;border-radius:3px;background:var(--surface-3);overflow:hidden;display:block}
.fc-barra em{display:block;height:100%;border-radius:3px;background:var(--lima);min-width:0;transition:width .6s ease}
.fc-barra em.ouro{background:var(--ouro)}
.fc-forma{display:flex;justify-content:space-between;align-items:center;font-size:.82rem;padding-top:12px;border-top:1px solid var(--linha)}
.fc-forma>div{display:flex;gap:5px}
.fc-forma .r{width:24px;height:24px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-family:var(--cond);font-weight:800;font-size:.85rem}
.r.vazio{background:var(--bg);border:1px dashed var(--linha-forte);color:var(--suave)}
.fc-dica{margin-top:12px;font-size:.75rem;color:var(--suave);display:flex;gap:6px;align-items:baseline}

/* ---------- ranking (mesma linguagem da ficha) ---------- */
.filtro a i{font-size:.7rem;margin-right:3px}
.rk-podio{display:grid;grid-template-columns:1fr 1.15fr 1fr;gap:8px;align-items:end;margin:0 16px 12px}
.rk-deg{display:flex;flex-direction:column;align-items:center;text-align:center;border-radius:16px;padding:12px 6px 10px;background:var(--surface);border:1px solid var(--linha);position:relative;min-width:0}
.rk-deg .av{width:50px;height:50px;border-radius:14px;font-size:1.05rem;margin:6px 0 6px}
.rk-deg.l1{padding-top:16px;background:linear-gradient(170deg,rgba(245,197,66,.16),var(--surface) 70%);border-color:rgba(245,197,66,.45)}
.rk-deg.l1 .av{width:62px;height:62px;font-size:1.3rem;box-shadow:0 0 0 3px rgba(245,197,66,.55)}
.rk-deg.l2{border-color:rgba(201,209,217,.3)}
.rk-deg.l3{border-color:rgba(208,138,78,.35)}
.rk-medalha{font-family:var(--cond);font-weight:800;font-size:.8rem;padding:2px 9px;border-radius:7px;background:var(--surface-3)}
.l1 .rk-medalha{background:var(--ouro);color:#14110A}
.l2 .rk-medalha{background:#C9D1D9;color:#111}
.l3 .rk-medalha{background:#D08A4E;color:#14110A}
.rk-nome{font-size:.86rem;font-weight:700;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rk-deg .rk-val{margin-top:2px}
.rk-val{text-align:center;line-height:1;min-width:44px}
.rk-val b{display:block;font-family:var(--cond);font-weight:800;font-size:1.35rem;color:var(--texto)}
.rk-val small{font-size:.62rem;color:var(--suave)}
.rk-deg.l1 .rk-val b{color:var(--ouro);font-size:1.6rem}
.rk-eu{padding:14px;margin-bottom:4px}
.rk-eu-topo{display:flex;align-items:center;gap:12px;margin-bottom:12px;position:relative;z-index:1}
.rk-eu-pos{text-align:center;min-width:54px;padding:6px 8px 5px;border-radius:12px;background:rgba(198,244,50,.08);border:1px solid rgba(198,244,50,.3)}
.rk-eu-pos b{display:block;font-family:var(--cond);font-weight:800;font-size:1.7rem;line-height:.95;color:var(--lima)}
.rk-eu-pos small{font-size:.62rem;color:var(--suave);font-weight:600}
.rk-eu-tit{flex:1;min-width:0}
.rk-eu-tit b{display:block;font-family:var(--cond);font-weight:700;font-size:1.15rem}
.rk-eu-tit small{font-size:.75rem;color:var(--suave)}
.rk-eu-link{font-size:.78rem;font-weight:700;color:var(--lima);white-space:nowrap}
.rk-eu-link i{font-size:.65rem}
.rk-lista{margin:0 16px;background:var(--surface);border:1px solid var(--linha);border-radius:16px;padding:4px 12px}
.rk-lin{display:flex;align-items:center;gap:10px;padding:10px 0;border-top:1px solid var(--linha)}
.rk-lin:first-child{border-top:none}
.rk-lin.eu{background:var(--lima-fundo);margin:0 -12px;padding:10px 12px;border-top-color:transparent}
.rk-pos{width:20px;text-align:center;font-family:var(--cond);font-weight:800;font-size:1rem;color:var(--suave);flex-shrink:0}
.rk-lin.p1 .rk-pos{color:var(--ouro)}.rk-lin.p2 .rk-pos{color:#C9D1D9}.rk-lin.p3 .rk-pos{color:#D08A4E}
.rk-lin .av{width:34px;height:34px;font-size:.85rem}
.rk-nm{flex:1;min-width:0}
.rk-nm b{display:block;font-size:.88rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rk-nm b em{font-style:normal;font-size:.62rem;font-weight:700;color:var(--lima-tinta);background:var(--lima);border-radius:5px;padding:1px 5px;margin-left:4px;vertical-align:1px}
.rk-nm small{font-size:.7rem;color:var(--suave)}
.rk-lin .mini-forma{flex-shrink:0}
@media (max-width:380px){.rk-lin .mini-forma{display:none}}

/* ---------- janela de confirmação e avisos (no lugar das do navegador) ---------- */
.btn-perigo-cheio{background:var(--vermelho);color:#fff}
.fm-dialogo{position:fixed;inset:0;z-index:90;background:rgba(3,5,4,.72);display:flex;align-items:center;justify-content:center;padding:20px;opacity:0;transition:opacity .18s ease}
.fm-dialogo.aberto{opacity:1}
.fm-dlg{width:100%;max-width:380px;background:linear-gradient(170deg,#18210F 0%,var(--surface) 45%);border:1px solid rgba(198,244,50,.22);border-radius:20px;padding:22px 20px 18px;text-align:center;box-shadow:0 24px 60px rgba(0,0,0,.6);transform:translateY(14px) scale(.96);transition:transform .2s cubic-bezier(.2,.8,.25,1)}
.fm-dialogo.aberto .fm-dlg{transform:none}
.fm-dlg-ic{width:52px;height:52px;border-radius:16px;margin:0 auto 12px;display:flex;align-items:center;justify-content:center;font-size:1.35rem;background:var(--lima-fundo);color:var(--lima);border:1px solid rgba(198,244,50,.3)}
.fm-dlg-ic.perigo{background:rgba(255,90,78,.12);color:var(--vermelho);border-color:rgba(255,90,78,.3)}
.fm-dlg-tit{display:block;font-family:var(--cond);font-weight:700;font-size:1.3rem;line-height:1.2}
.fm-dlg-txt{margin-top:8px;font-size:.88rem;color:var(--suave);line-height:1.45}
.fm-dlg-bts{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:20px}
.fm-dlg-bts .btn{padding:12px 10px}
.fm-toast{position:fixed;left:50%;top:14px;z-index:95;transform:translate(-50%,-20px);opacity:0;transition:all .25s ease;max-width:calc(100% - 32px);width:max-content;display:flex;gap:9px;align-items:center;padding:11px 15px;border-radius:14px;font-size:.88rem;font-weight:600;box-shadow:0 12px 30px rgba(0,0,0,.5);background:var(--surface-2)}
.fm-toast.aberto{transform:translate(-50%,0);opacity:1}
.fm-toast.erro{border:1px solid rgba(255,90,78,.4);color:#FFB0A8}
.fm-toast.erro i{color:var(--vermelho)}
.fm-toast.ok{border:1px solid rgba(198,244,50,.4);color:var(--lima)}
.tela-quadra .fm-dlg{max-width:460px;padding:30px 26px 24px}
.tela-quadra .fm-dlg-tit{font-size:1.6rem}
.tela-quadra .fm-dlg-txt{font-size:1rem}
.tela-quadra .fm-dlg-bts .btn{padding:16px;font-size:1.05rem}

/* ---------- Modo Quadra: cartão no app (organizador) ---------- */
.mq{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:10px 16px 0;padding:12px 14px;border-radius:14px;background:var(--surface);border:1px dashed rgba(198,244,50,.35)}
.mq.ligado{border-style:solid;border-color:rgba(198,244,50,.45);background:var(--lima-fundo)}
.mq-ic{width:34px;height:34px;border-radius:10px;background:var(--lima-fundo);color:var(--lima);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.mq-txt{flex:1;min-width:0}
.mq-txt b{display:block;font-size:.9rem}
.mq-txt small{font-size:.74rem;color:var(--suave)}
.mq form{margin:0}
.mq-form{display:flex;gap:8px;width:100%}
.mq-form input{flex:1;min-width:0;background:var(--bg);border:1px solid var(--linha-forte);border-radius:10px;padding:9px 12px;font-family:var(--cond);font-weight:800;font-size:1.15rem;letter-spacing:4px;text-transform:uppercase;outline:none}
.mq-form input:focus{border-color:rgba(198,244,50,.6)}

/* ---------- Modo Quadra: tela do tablet ---------- */
body.tela-quadra{max-width:none;border:none;height:100vh;height:100dvh;overflow:hidden;background:radial-gradient(ellipse at 30% 0%,#14200F 0%,var(--bg) 55%)}
.tq-livre{height:100%;display:flex;align-items:center;justify-content:center;padding:24px;text-align:center}
.tq-livre-caixa{max-width:560px}
.tq-modo{margin:10px 0 26px;font-family:var(--cond);font-weight:700;font-size:1.1rem;letter-spacing:2px;text-transform:uppercase;color:var(--suave)}
.tq-modo i{color:var(--lima);margin-right:6px}
.tq-cod{font-family:var(--cond);font-weight:800;font-size:clamp(3.2rem,11vw,6.5rem);letter-spacing:.12em;line-height:1;color:var(--lima);background:var(--surface);border:1px solid rgba(198,244,50,.3);border-radius:22px;padding:22px 30px;display:inline-block;box-shadow:0 0 60px rgba(198,244,50,.12)}
.tq-passos{list-style:none;counter-reset:p;margin:26px auto 14px;display:flex;flex-direction:column;gap:8px;text-align:left;width:max-content;max-width:100%}
.tq-passos li{counter-increment:p;font-size:1.05rem;display:flex;gap:10px;align-items:center}
.tq-passos li::before{content:counter(p);width:26px;height:26px;border-radius:50%;background:var(--lima);color:var(--lima-tinta);font-family:var(--cond);font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.tq-obs{color:var(--suave);font-size:.82rem}
.tq{height:100%;display:flex;flex-direction:column}
.tq-topo{display:flex;align-items:center;gap:16px;padding:12px 20px;border-bottom:1px solid var(--linha)}
.tq-info{flex:1;min-width:0}
.tq-info b{display:block;font-family:var(--cond);font-weight:800;font-size:1.3rem;line-height:1.1}
.tq-info span{font-size:.85rem;color:var(--suave)}
.tq-ic{width:40px;height:40px;border-radius:12px;background:var(--surface);border:1px solid var(--linha);cursor:pointer}
.tq-relogio{font-family:var(--cond);font-weight:800;font-size:1.6rem}
.tq-corpo{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:20px;padding:14px 20px 18px}
.tq-campo{min-height:0;display:flex;flex-direction:column;overflow:hidden}
.tq-campo .sec-tit{padding:0 0 8px}
.tq-campo .q-legenda{padding:0 0 8px}
.tq-campo .q-wrap{margin:0;flex:1;min-height:0;justify-content:center}
.tq-campo .quadra{flex:0 1 auto;height:100%;max-height:100%;width:auto}
/* substituição no tablet: arrastar da reserva para um jogador ou vaga */
.tq-campo .qj{cursor:default;-webkit-user-drag:none;user-select:none;-webkit-touch-callout:none}
.tq-campo .q-banco .qj{cursor:grab;touch-action:none}
.tq-campo .q-banco .qj.saindo{opacity:.3}
.qj.qj-arrastando{position:fixed!important;z-index:85;pointer-events:none;animation:none!important;transform:translate(-50%,-50%) scale(1.35);width:60px;filter:drop-shadow(0 10px 18px rgba(0,0,0,.6))}
.qj.qj-arrastando .qc{width:30px;height:30px}
body.arrastando .quadra .qj,body.arrastando .quadra .q-vaga{transition:transform .15s ease}
.quadra .qj.alvo{transform:translate(-50%,-50%) scale(1.3)}
.quadra .qj.alvo .qc svg{filter:drop-shadow(0 0 8px rgba(245,197,66,.95))}
.quadra .qj.alvo small{background:var(--vermelho);color:#fff}
.quadra .q-vaga.alvo{animation:none;transform:scale(1.4);border-color:var(--lima);border-style:solid;color:var(--lima)}
.sem-anim .qj,.sem-anim .qj.nb{animation:none!important}
.tq-dica{margin-top:8px;font-size:.78rem;color:var(--suave);text-align:center}
.tq-dica i{color:var(--lima);margin-right:4px}
.tq-painel{display:flex;flex-direction:column;gap:14px;min-height:0}
.tq-placar{flex:1;display:grid;grid-template-columns:1fr auto 1fr;align-items:stretch;gap:12px}
.tq-time{border-radius:20px;background:var(--surface);border:1px solid var(--linha);display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:16px 12px}
.tq-nome-time{font-family:var(--cond);font-weight:700;font-size:1.15rem;display:flex;align-items:center;gap:8px}
.tq-nome-time i{width:14px;height:14px;border-radius:4px}
.tq-time.t1 .tq-nome-time i{background:var(--lima)}.tq-time.t2 .tq-nome-time i{background:#F2F5F1}
.tq-time>b{font-family:var(--cond);font-weight:800;font-size:clamp(4.5rem,11vw,8.5rem);line-height:1}
.tq-time>b.pulo{animation:pulo .4s ease}
.tq-time.t1>b{color:var(--lima)}
.tq-bts{display:flex;gap:8px;width:100%}
.tq-gol{flex:1;border:none;border-radius:14px;padding:16px 10px;font-weight:800;font-size:1.15rem;cursor:pointer;background:var(--lima);color:var(--lima-tinta);display:flex;align-items:center;justify-content:center;gap:8px}
.tq-time.t2 .tq-gol{background:#F2F5F1;color:#0B0F0C}
.tq-menos{width:54px;border:1px solid var(--linha-forte);border-radius:14px;background:transparent;color:var(--suave);font-size:1.5rem;cursor:pointer}
.tq-x{align-self:center;font-family:var(--cond);font-weight:800;font-size:2rem;color:var(--suave)}
.tq-crono{border-radius:20px;background:var(--surface);border:1px solid var(--linha);padding:14px 18px;display:flex;align-items:center;gap:16px}
.tq-crono>b{font-family:var(--cond);font-weight:800;font-size:clamp(2.6rem,6vw,3.8rem);line-height:1;font-variant-numeric:tabular-nums;flex:1}
.tq-crono-bts{display:flex;gap:8px}
.tq-play{border:none;border-radius:12px;padding:14px 20px;font-weight:800;font-size:1rem;cursor:pointer;background:var(--lima);color:var(--lima-tinta)}
.tq-play.pausar{background:var(--ouro);color:#14110A}
.tq-sec{border:1px solid var(--linha-forte);border-radius:12px;padding:14px 16px;font-weight:700;font-size:.95rem;cursor:pointer;background:transparent;color:var(--texto)}
.tq-acoes{display:grid;grid-template-columns:1fr auto;gap:10px}
.tq-encerrar{border:1px solid rgba(245,197,66,.45);border-radius:14px;padding:15px;font-weight:800;font-size:1rem;cursor:pointer;background:rgba(245,197,66,.1);color:var(--ouro)}
.tq-fim{position:fixed;inset:0;background:rgba(5,8,6,.94);display:flex;align-items:center;justify-content:center;text-align:center;z-index:70}
.tq-fim small{display:block;font-family:var(--cond);font-weight:700;font-size:1.3rem;letter-spacing:3px;text-transform:uppercase;color:var(--suave)}
.tq-fim b{display:block;font-family:var(--cond);font-weight:800;font-size:clamp(5rem,16vw,10rem);line-height:1;color:var(--lima);margin:10px 0}
.tq-fim span{font-size:1.1rem}
/* tablet em pé: quadra em cima, placar embaixo */
@media (orientation:portrait){
  body.tela-quadra{overflow:auto}
  .tq-corpo{grid-template-columns:1fr;grid-template-rows:minmax(0,1.15fr) auto}
  .tq-placar{min-height:260px}
}

/* ---------- @apelido ---------- */
.carta .arroba{font-size:.8rem;color:var(--lima);font-weight:600;margin-top:2px}
.input-arroba{display:flex;align-items:stretch}
.input-arroba span{display:flex;align-items:center;padding:0 10px;background:var(--surface-3);border:1px solid var(--linha);border-right:none;border-radius:12px 0 0 12px;color:var(--lima);font-weight:700}
.input-arroba .input{border-radius:0 12px 12px 0;text-transform:lowercase}

/* ---------- marca nas telas de entrada ---------- */
.auth .lema b{color:var(--texto)}

/* ---------- torneios ---------- */
.ic-coroa{width:18px;height:14px;fill:var(--ouro);flex-shrink:0;vertical-align:-1px}
.btn .ic-coroa{fill:currentColor}
.atalhos a.largo{grid-column:1/-1}
.atalhos a.largo>i{background:rgba(245,197,66,.13);color:var(--ouro)}
.atalhos a.largo>i svg{width:18px;height:14px;fill:var(--ouro)}
.tn-ou{font-size:.75rem;color:var(--suave);text-align:center;margin:12px 0 8px}
.tn-entrar input{background:var(--surface-2)}
.tn-card{display:flex;gap:12px;align-items:center;margin:0 16px 8px;background:var(--surface);border:1px solid var(--linha);border-radius:16px;padding:12px 14px}
.tn-ic{width:42px;height:42px;border-radius:12px;background:rgba(245,197,66,.12);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.tn-ic svg{width:24px;height:18px;fill:var(--ouro)}
.tn-tx{min-width:0;flex:1}
.tn-tx b{display:block;font-family:var(--cond);font-weight:700;font-size:1.1rem;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tn-tx small{display:block;font-size:.74rem;color:var(--suave);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tn-tx small.tn-camp{color:var(--ouro);font-weight:600}
.tn-st{font-size:.68rem;font-weight:700;padding:3px 8px;border-radius:7px;white-space:nowrap;flex-shrink:0}
.tn-st.ins{background:var(--lima-fundo);color:var(--lima)}
.tn-st.and{background:rgba(90,184,255,.12);color:var(--azul)}
.tn-st.enc{background:rgba(245,197,66,.12);color:var(--ouro)}
.tn-radios{display:flex;gap:6px}
.tn-check{display:flex;gap:8px;align-items:center;font-size:.82rem;color:var(--suave);margin-top:10px;cursor:pointer}
.tn-check input{width:17px;height:17px;accent-color:var(--lima)}
.tn-cab{margin-bottom:4px}
.tn-cab .fc-chips{position:relative;z-index:1}
.tn-status{font-family:var(--cond);font-weight:700;font-size:1.2rem;margin-bottom:8px}
.tn-sub{font-size:.8rem;color:var(--suave);margin-bottom:8px}
.tn-campeao{display:flex;align-items:center;gap:14px;margin-bottom:4px}
.tn-campeao svg.coroa{width:52px;height:39px;fill:var(--ouro);flex-shrink:0}
.tn-campeao small{display:block;font-size:.7rem;color:var(--ouro);font-weight:700;letter-spacing:1.5px;text-transform:uppercase}
.tn-campeao b{display:block;font-family:var(--cond);font-weight:800;font-size:1.7rem;line-height:1.05}
.tn-campeao span{display:block;font-size:.76rem;color:var(--suave);margin-top:2px}
.seg a small{font-size:.7rem;opacity:.7;margin-left:2px}
.tn-jogos{margin:0 16px 4px;background:var(--surface);border:1px solid var(--linha);border-radius:16px;padding:2px 12px}
.tn-jogo{display:block;padding:11px 0 9px;border-top:1px solid var(--linha)}
.tn-jogo:first-child{border-top:0}
.tn-conf{display:grid;grid-template-columns:1fr auto 1fr;gap:8px;align-items:center}
.tn-lado{display:flex;align-items:center;gap:7px;min-width:0;font-weight:600;font-size:.88rem}
.tn-lado>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tn-lado.a{justify-content:flex-end;text-align:right}
.tn-lado.ganhou>span{color:var(--lima)}
.tn-lado.def>span{color:var(--suave);font-weight:500;font-style:italic}
.tn-lado svg{flex-shrink:0}
.tn-pl{font-family:var(--cond);font-weight:800;font-size:1.25rem;line-height:1.1;background:var(--bg);border:1px solid var(--linha);border-radius:9px;padding:3px 10px;min-width:64px;text-align:center;white-space:nowrap}
.tn-pl.vazio-pl{color:var(--suave);font-size:.95rem}
.tn-pl small{display:block;font-family:var(--corpo);font-size:.6rem;font-weight:600;color:var(--suave)}
.tn-quando{text-align:center;font-size:.7rem;color:var(--suave);margin-top:6px}
.tn-quando i{color:var(--lima);margin-left:4px;font-size:.65rem}
.tn-pen{margin-top:12px;padding-top:10px;border-top:1px dashed var(--linha-forte)}
.tn-pen>span{display:block;font-size:.75rem;color:var(--suave);font-weight:600;text-align:center;margin-bottom:6px}
.tn-pen .placar-form .input{font-size:1.2rem;padding:6px}
.tn-linha-form{display:flex;gap:8px;align-items:center}
.tn-linha-form .input{flex:1;min-width:0}
.tn-ocupado{opacity:.45}
.tn-time-cab{display:flex;align-items:center;gap:10px}
.tn-time-nm{flex:1;min-width:0}
.tn-time-nm b{display:flex;align-items:center;gap:6px;font-family:var(--cond);font-weight:700;font-size:1.1rem;line-height:1.15}
.tn-time-nm small{display:block;font-size:.74rem;color:var(--suave)}
.tn-time.campeao{border-color:rgba(245,197,66,.45)}
.tn-elenco{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.tn-elenco .av{width:32px;height:32px;font-size:.78rem}
.tn-sem-elenco{font-size:.78rem;color:var(--suave);margin-top:8px}
.tn-tirar{background:none;border:none;color:var(--suave);font-size:.74rem;font-weight:600;cursor:pointer;margin-top:10px;padding:0}
.tn-tirar:hover{color:var(--vermelho)}
.tn-class .rk-pos .ic-coroa{width:18px;height:14px}
.tn-class .rk-lin>svg{flex-shrink:0}
.tn-gestao{display:flex;justify-content:center;gap:18px;flex-wrap:wrap;margin:26px 16px 0}
.link-sair.perigo{color:var(--vermelho)}
.chave{display:flex;gap:12px;overflow-x:auto;padding:4px 16px 12px;scrollbar-width:thin}
.chave-col{display:flex;flex-direction:column;min-width:168px;flex:1}
.chave-tit{font-family:var(--cond);font-weight:700;font-size:.8rem;color:var(--suave);text-align:center;text-transform:uppercase;letter-spacing:1px;margin-bottom:8px}
.chave-jogos{display:flex;flex-direction:column;justify-content:space-around;gap:10px;flex:1}
.chave-jogo{background:var(--surface);border:1px solid var(--linha);border-radius:12px;overflow:hidden}
.chave-jogo.final{border-color:rgba(245,197,66,.5)}
.chave-jogo.folga{opacity:.6;border-style:dashed}
.cj-lin{display:flex;align-items:center;gap:7px;padding:7px 9px;font-size:.8rem;font-weight:600}
.cj-lin+.cj-lin{border-top:1px solid var(--linha)}
.cj-lin span{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cj-lin svg{flex-shrink:0}
.cj-lin b{font-family:var(--cond);font-weight:800;font-size:1rem}
.cj-lin b small{font-family:var(--corpo);font-size:.65rem;color:var(--suave)}
.cj-lin.ganhou{background:var(--lima-fundo)}
.cj-lin.ganhou span,.cj-lin.ganhou b{color:var(--lima)}
.cj-lin.def span{color:var(--suave);font-style:italic;font-weight:500}
.cj-obs{font-size:.66rem;color:var(--suave);padding:0 9px 7px}
.fc-chip .ic-coroa{width:14px;height:11px}
.btn:disabled{opacity:.45;cursor:not-allowed}

/* ---------- marca jogaço (imagem vetorial) ---------- */
img.marca{display:block;flex-shrink:0}
.auth img.marca{margin:0 0 8px}

/* ---------- torneios: artilharia ---------- */
.tn-gols{display:grid;grid-template-columns:1fr auto 1fr;gap:8px;align-items:start;margin-top:6px;font-size:.72rem;color:var(--suave);line-height:1.35}
.tn-gols .a{text-align:right}
.tn-gols i{font-size:.62rem;color:var(--lima);opacity:.7;padding-top:2px;min-width:64px;text-align:center}
.tn-gols b{color:var(--texto);font-weight:700}
.tn-autores{margin-top:14px;padding-top:12px;border-top:1px dashed var(--linha-forte)}
.tn-aut-tit{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:10px}
.tn-aut-tit b{font-family:var(--cond);font-weight:700;font-size:1.05rem}
.tn-aut-tit b i{color:var(--lima);font-size:.85rem;margin-right:4px}
.tn-aut-tit small{font-size:.72rem;color:var(--suave)}
.tn-aut-cols{display:grid;grid-template-columns:1fr 1fr;gap:10px}
@media (max-width:420px){.tn-aut-cols{grid-template-columns:1fr}}
.tn-aut-col{background:var(--bg);border:1px solid var(--linha);border-radius:12px;padding:8px 10px;min-width:0}
.tn-aut-time{display:flex;align-items:center;gap:6px;font-weight:700;font-size:.84rem;padding-bottom:6px;border-bottom:1px solid var(--linha);margin-bottom:2px}
.tn-aut-time span{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tn-aut-soma{font-size:.7rem;color:var(--suave);font-weight:600;white-space:nowrap}
.tn-aut-soma.passou{color:var(--vermelho)}
.tn-aut-lin{display:flex;align-items:center;gap:6px;padding:5px 0;font-size:.8rem}
.tn-aut-lin .nm{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--suave)}
.tn-aut-lin .nm small{font-size:.66rem;opacity:.8}
.tn-aut-lin.tem .nm{color:var(--texto);font-weight:600}
.tn-aut-lin.contra{border-top:1px dashed var(--linha);margin-top:2px;padding-top:7px}
.tn-aut-lin.contra .nm{font-style:italic}
.tn-aut-vazio{font-size:.74rem;color:var(--suave);padding:6px 0}
.tn-step{display:inline-flex;align-items:center;gap:2px;flex-shrink:0}
.tn-step button{width:26px;height:26px;border-radius:8px;border:1px solid var(--linha-forte);background:var(--surface-2);color:var(--texto);font-weight:700;font-size:.95rem;line-height:1;cursor:pointer}
.tn-step button[data-d="1"]{background:var(--lima-fundo);border-color:rgba(198,244,50,.4);color:var(--lima)}
.tn-step button:active{transform:scale(.92)}
.tn-step b{min-width:22px;text-align:center;font-family:var(--cond);font-weight:800;font-size:1.05rem}
.tn-aut-lin:not(.tem) .tn-step b{color:var(--suave)}
.tn-aut-aviso{margin-top:8px;font-size:.78rem;color:var(--vermelho);font-weight:600}
.tn-artilheiro{margin-top:10px;padding-top:10px;border-top:1px solid rgba(255,255,255,.07);font-size:.82rem;color:var(--suave);position:relative;z-index:1}
.tn-artilheiro i{color:var(--lima);margin-right:2px}
.tn-artilheiro a{color:var(--texto);font-weight:600}
.tn-artilheiro b{color:var(--lima);font-family:var(--cond);font-size:.95rem;margin-left:4px}
.tn-art .rk-pos i{color:var(--lima)}
.tn-art .rk-nm small svg{vertical-align:-1px}
.fc-chip b{margin-left:2px}

/* =========================================================
   Comunidade: Minha turma (fechada) + Seguindo / Explorar (abertos)
   ========================================================= */
/* topo: seletor de turma cede espaço para a lupa */
.topo{gap:8px}
.seletor{flex:0 1 auto;min-width:0;max-width:none}
.seletor .seta{color:var(--suave);font-size:.6rem}

/* abas da Resenha */
.seg-feed{padding-bottom:4px}
.seg a i{font-size:.72rem;margin-right:3px}
.seg .seg-ic{margin-left:auto;padding:6px 11px}
.seg .seg-ic i{margin:0}

/* quem vê (no postar) */
.vis-escolha{margin:2px 0 12px}
.vis-rot{display:block;font-size:.75rem;font-weight:600;color:var(--suave);margin-bottom:6px}
.vis-ops{display:flex;gap:6px;flex-wrap:wrap}
.vis-ops label{cursor:pointer}
.vis-ops input{position:absolute;opacity:0;pointer-events:none}
.vis-ops span{display:inline-flex;align-items:center;gap:6px;font-size:.8rem;font-weight:600;padding:7px 11px;border-radius:10px;background:var(--surface-2);border:1px solid var(--linha);color:var(--suave)}
.vis-ops input:checked+span{background:var(--lima-fundo);border-color:rgba(198,244,50,.5);color:var(--lima)}
.vis-ops input:focus-visible+span{outline:2px solid var(--lima);outline-offset:2px}
.vis-dica{display:block;font-size:.74rem;color:var(--suave);margin-top:6px}
.vis-ic{font-size:.62rem;opacity:.8}

/* "..." do post e do lance */
.post-mais{background:none;border:none;color:var(--suave);width:30px;height:28px;border-radius:8px;cursor:pointer;flex-shrink:0;margin-left:2px}
.post-mais:hover{background:var(--surface-2);color:var(--texto)}
.lance-mais{position:absolute;top:10px;left:10px;z-index:2;background:rgba(0,0,0,.55);color:#fff}

/* denúncia */
.den-motivos{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}
.den-motivos label{cursor:pointer}
.den-motivos input{position:absolute;opacity:0;pointer-events:none}
.den-motivos span{display:block;padding:10px 12px;border-radius:10px;background:var(--surface-2);border:1px solid var(--linha);font-size:.86rem}
.den-motivos input:checked+span{border-color:rgba(255,90,78,.55);background:rgba(255,90,78,.1);color:var(--texto)}

/* listas de pessoas (busca, sugestões, seguidores, artilheiros) */
.lista-pessoas{margin:0 16px;background:var(--surface);border:1px solid var(--linha);border-radius:16px;overflow:hidden}
.pessoa{display:flex;align-items:center;gap:10px;padding:10px 12px}
.pessoa+.pessoa{border-top:1px solid var(--linha)}
.pessoa-link{display:flex;align-items:center;gap:10px;flex:1;min-width:0}
.pessoa .av{width:42px;height:42px;font-size:.95rem;border-radius:12px}
.pessoa .info{min-width:0;flex:1}
.pessoa .info b{display:block;font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pessoa .info small{display:block;font-size:.75rem;color:var(--suave);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pessoa form{margin:0}
.seguir-btn{min-width:86px;white-space:nowrap}
.cadeado{font-size:.68em;color:var(--suave)}
.tag-voce{font-size:.72rem;color:var(--suave);font-weight:600}
.gols-tag{display:flex;flex-direction:column;align-items:center;font-size:.66rem;color:var(--suave);line-height:1}
.gols-tag b{font-family:var(--cond);font-weight:800;font-size:1.3rem;color:var(--lima)}
.turma-av{background:var(--surface-3)!important;color:var(--lima)!important}

/* notificações com ação */
.notif-link{display:flex;gap:12px;align-items:center;flex:1;min-width:0}
.responder-par{display:flex;gap:6px;flex-shrink:0}
.responder-par form{margin:0}

.mais-antigas{display:block;margin:4px 16px 0;padding:12px;text-align:center;font-size:.85rem;font-weight:600;color:var(--suave);border:1px dashed var(--linha-forte);border-radius:12px}

/* Explorar */
.exp-torneios{display:flex;gap:10px;overflow-x:auto;padding:0 16px 4px;scrollbar-width:none}
.exp-tn{flex:0 0 200px;background:var(--surface);border:1px solid var(--linha);border-radius:16px;padding:12px;display:flex;flex-direction:column;gap:3px}
.exp-tn .ic-coroa{width:22px;height:17px;fill:var(--ouro);margin-bottom:4px}
.exp-tn b{font-family:var(--cond);font-weight:700;font-size:1.05rem;line-height:1.15;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.exp-tn small{font-size:.74rem;color:var(--suave);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.exp-tn .st{align-self:flex-start;margin-top:6px;font-size:.68rem;font-weight:700;padding:2px 8px;border-radius:999px;background:var(--surface-2);color:var(--suave)}
.exp-tn .st.vivo{background:var(--lima-fundo);color:var(--lima)}

/* busca */
.busca{display:flex;align-items:center;gap:10px;margin:14px 16px 0;padding:0 12px;background:var(--surface);border:1px solid var(--linha-forte);border-radius:14px}
.busca>i{color:var(--suave)}
.busca input[type=search]{flex:1;min-width:0;background:none;border:none;outline:none;padding:12px 0;font-size:1rem}
.busca input[type=search]::-webkit-search-cancel-button{display:none}
.busca-limpar{color:var(--suave);padding:6px}

/* minhas turmas */
.turmas-lista{display:flex;flex-direction:column;gap:10px;margin:0 16px}
.turma-card{background:var(--surface);border:1px solid var(--linha);border-radius:16px;overflow:hidden}
.turma-card.aberta{border-color:rgba(198,244,50,.45)}
.turma-abrir{margin:0}
.turma-abrir button{width:100%;display:flex;align-items:center;gap:12px;padding:12px;background:none;border:none;text-align:left;cursor:pointer}
.turma-abrir .av{width:42px;height:42px;font-size:1rem;border-radius:12px}
.turma-abrir .info{flex:1;min-width:0}
.turma-abrir .info b{display:block;font-size:.95rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.turma-abrir .info small{display:block;font-size:.75rem;color:var(--suave)}
.turma-abrir>button>.fa-chevron-right{color:var(--suave);font-size:.8rem}
.tag-aberta{font-size:.68rem;font-weight:700;padding:3px 9px;border-radius:999px;background:var(--lima-fundo);color:var(--lima)}
.turma-extra{display:flex;justify-content:flex-end;padding:0 10px 8px}
.turma-extra form{margin:0}
.link-busca-turma{display:block;margin-top:12px;font-size:.8rem;color:var(--lima);font-weight:600}

/* ficha: números viram links, pedidos, opções */
.fc-numeros>*{text-align:center;min-width:0}
.fc-numeros>*+*{border-left:1px solid var(--linha)}
.fc-pedidos{display:flex;align-items:center;gap:10px;margin-top:12px;padding:10px 12px;border-radius:12px;background:var(--lima-fundo);color:var(--lima);font-size:.85rem}
.fc-pedidos span{flex:1}
button.voltar{cursor:pointer;font-size:.95rem}
.opcoes{display:flex;flex-direction:column}
.opcoes form{margin:0}
.opcoes button{width:100%;display:flex;align-items:center;gap:12px;padding:14px 4px;background:none;border:none;border-bottom:1px solid var(--linha);text-align:left;font-size:.92rem;font-weight:600;cursor:pointer}
.opcoes button i{width:20px;color:var(--suave)}
.opcoes button.perigo,.opcoes button.perigo i{color:var(--vermelho)}
.campo .chave-linha,.chave-linha{display:flex;gap:10px;align-items:flex-start;padding:10px 12px;margin-bottom:8px;border-radius:12px;background:var(--surface-2);border:1px solid var(--linha);cursor:pointer;font-weight:400;font-size:.88rem;color:var(--texto)}
.chave-linha input{width:18px;height:18px;margin-top:2px;accent-color:var(--lima);flex-shrink:0}
.chave-linha b{display:block;font-size:.88rem}
.chave-linha small{display:block;font-size:.75rem;color:var(--suave);margin-top:2px}

/* Ficha: quadradinhos vazios de "Últimos 5" não herdam o .vazio (aviso grande) */
.fc-forma{gap:10px}
.fc-forma>span{white-space:nowrap}
.fc-forma>div{flex-shrink:0}
.fc-forma .r.vazio{margin:0;padding:0;border-radius:6px;font-size:.85rem;text-align:center}
@media (max-width:330px){.fc-forma .r{width:21px;height:21px}.fc-forma>div{gap:4px}}

/* editar publicação */
.editado{font-style:italic}
.form-apagar{margin-top:14px;padding-top:12px;border-top:1px solid var(--linha);text-align:center}

/* Sugestões de quem seguir: faixa horizontal de cartões (Seguindo e Explorar) */
.sug-faixa{margin:6px 0 16px;padding:12px 0 14px;background:var(--surface);border-top:1px solid var(--linha);border-bottom:1px solid var(--linha)}
.sug-cab{display:flex;justify-content:space-between;align-items:baseline;padding:0 16px 10px}
.sug-cab b{font-family:var(--cond);font-weight:700;font-size:1rem}
.sug-cab a{font-size:.75rem;color:var(--lima);font-weight:600}
.sug-cards{display:flex;gap:10px;overflow-x:auto;padding:0 16px 2px;scroll-snap-type:x mandatory;scrollbar-width:none}
.sug-cards::-webkit-scrollbar{display:none}
.sug-card{flex:0 0 138px;scroll-snap-align:start;background:var(--bg);border:1px solid var(--linha);border-radius:16px;padding:14px 10px 10px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px}
.sug-card>a{display:flex;flex-direction:column;align-items:center;gap:4px;min-width:0;width:100%}
.sug-card .av{width:58px;height:58px;border-radius:16px;font-size:1.2rem;margin-bottom:4px}
.sug-card b{font-size:.84rem;line-height:1.2;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sug-card small{font-size:.7rem;color:var(--suave);line-height:1.25;height:2.5em;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.sug-card .seguir-btn{width:100%;min-width:0;margin-top:auto}

/* login: esqueci a senha, links legais, texto das telas de conta */
.auth .esqueci{text-align:center;margin-top:12px;font-size:.85rem}
.auth .esqueci a{color:var(--suave);text-decoration:underline}
.auth .legal{text-align:center;margin-top:22px;font-size:.75rem;color:var(--suave)}
.auth .legal a{color:var(--suave);text-decoration:underline}
.auth .auth-txt{color:var(--suave);font-size:.9rem;margin-bottom:14px}
.auth .auth-txt b{color:var(--texto)}

/* páginas legais (termos e privacidade) */
.legal-pg{padding:22px 20px 60px;font-size:.92rem;line-height:1.6;color:#D3DAD5}
.legal-marca{display:inline-block;margin-bottom:18px}
.legal-pg h1{font-family:var(--cond);font-weight:700;font-size:1.7rem;color:var(--texto);line-height:1.15}
.legal-data{font-size:.78rem;color:var(--suave);margin:4px 0 18px}
.legal-pg h2{font-family:var(--cond);font-weight:700;font-size:1.15rem;color:var(--texto);margin:22px 0 6px}
.legal-pg p{margin-bottom:10px}
.legal-pg ul{margin:0 0 12px 20px}
.legal-pg li{margin-bottom:4px}
.legal-pg a{color:var(--lima)}
.legal-links{margin-top:30px;padding-top:16px;border-top:1px solid var(--linha);font-size:.82rem;text-align:center;color:var(--suave)}
.conta-links{margin-top:18px;padding-top:12px;border-top:1px solid var(--linha);text-align:center;font-size:.78rem;color:var(--suave)}
.conta-links a{color:var(--suave);text-decoration:underline}
.excluir-txt{font-size:.88rem;color:var(--suave);margin-bottom:14px;line-height:1.5}
.cidade-campos .campo{margin-bottom:12px}
.cidade-campos{grid-template-columns:90px 1fr}

/* pendências da conta (termos, cidade) e recado do sistema */
.cartao-pendente{margin:12px 16px 0;padding:12px 14px;border-radius:14px;background:var(--lima-fundo);border:1px solid rgba(198,244,50,.35);display:flex;gap:12px;align-items:center;font-size:.84rem}
.cartao-pendente>i{color:var(--lima);font-size:1.2rem}
.cartao-pendente>div{flex:1;min-width:0}
.cartao-pendente b{display:block;font-size:.9rem}
.cartao-pendente span{color:var(--suave)}
.cartao-pendente a{color:var(--lima);text-decoration:underline}
.cartao-pendente.cidade{display:block}
.cp-tit{display:flex;gap:8px;align-items:center;margin-bottom:10px}
.cp-tit i{color:var(--lima)}
.aviso-sistema{margin:10px 16px 0;padding:10px 12px;border-radius:12px;font-size:.84rem;background:rgba(90,184,255,.12);border:1px solid rgba(90,184,255,.35);color:#CFE8FF}
.aviso-sistema.alerta{background:rgba(245,197,66,.12);border-color:rgba(245,197,66,.4);color:#FBE7A6}
.aviso-sistema i{margin-right:4px}

.av-jogaco{background:#0B0F0C!important;border:1px solid var(--linha)}
.av-jogaco img{width:80%;height:80%;object-fit:contain}

/* =========================================================
   Painel do jogaço (equipe): tela larga, menu lateral
   ========================================================= */
body.painel{max-width:none;border:none}
.pn{display:flex;min-height:100vh}
.pn-menu{width:220px;flex-shrink:0;background:var(--surface);border-right:1px solid var(--linha);padding:18px 12px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}
.pn-marca{display:flex;align-items:center;gap:8px;padding:0 8px 18px}
.pn-marca span{font-family:var(--cond);font-weight:700;color:var(--suave);font-size:.9rem;text-transform:uppercase;letter-spacing:.08em}
.pn-menu nav{display:flex;flex-direction:column;gap:2px}
.pn-menu nav a{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:10px;font-size:.9rem;color:var(--suave);font-weight:600}
.pn-menu nav a i{width:18px;text-align:center}
.pn-menu nav a:hover{background:var(--surface-2);color:var(--texto)}
.pn-menu nav a.on{background:var(--lima-fundo);color:var(--lima)}
.pn-ponto{margin-left:auto;background:var(--vermelho);color:#fff;border-radius:9px;min-width:20px;height:20px;font-size:.7rem;display:flex;align-items:center;justify-content:center;padding:0 6px}
.pn-eu{margin-top:auto;padding:12px 8px 0;border-top:1px solid var(--linha);font-size:.82rem}
.pn-eu b{display:block}
.pn-eu small{display:block;color:var(--suave);margin-bottom:8px}
.pn-eu form{margin:0}
.pn-eu a,.pn-eu button{display:block;background:none;border:none;color:var(--suave);font-size:.8rem;padding:3px 0;cursor:pointer;text-decoration:underline}
.pn-main{flex:1;min-width:0;padding:22px 28px 60px;max-width:1180px}
.pn-main .aviso{margin:0 0 14px}
.pn-tit{font-family:var(--cond);font-weight:700;font-size:1.7rem;margin-bottom:14px}
.pn-h2{font-family:var(--cond);font-weight:700;font-size:1.35rem;margin-bottom:10px}
.pn-sub{color:var(--suave);font-size:.86rem;margin:0 0 14px}
.pn-vazio{color:var(--suave);font-size:.88rem;padding:8px 0}
.pn-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:12px;margin-bottom:16px}
.pn-card{background:var(--surface);border:1px solid var(--linha);border-radius:14px;padding:14px 16px;display:flex;flex-direction:column;gap:2px}
.pn-card small{color:var(--suave);font-size:.78rem;font-weight:600}
.pn-card b{font-family:var(--cond);font-weight:800;font-size:2rem;line-height:1.1}
.pn-card span{color:var(--suave);font-size:.76rem}
.pn-card.alerta{border-color:rgba(255,90,78,.5)}
.pn-card.alerta b{color:var(--vermelho)}
.pn-bloco{background:var(--surface);border:1px solid var(--linha);border-radius:14px;padding:16px;margin-bottom:14px}
.pn-bloco-tit{display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:12px;flex-wrap:wrap}
.pn-bloco-tit b{font-family:var(--cond);font-weight:700;font-size:1.1rem}
.pn-bloco-tit small{color:var(--suave);font-size:.78rem}
.pn-estreito{max-width:420px}
/* gráfico de barras (uma série: sem legenda, o título nomeia) */
.pn-grafico{position:relative}
.pn-barras{height:150px;display:flex;align-items:flex-end;gap:2px;border-bottom:1px solid var(--linha-forte)}
.pn-col{flex:1;height:100%;display:flex;align-items:flex-end;position:relative;cursor:default}
.pn-col i{display:block;width:100%;background:var(--lima);border-radius:4px 4px 0 0}
.pn-col:hover i{background:#D9FF6A}
.pn-col::after{content:attr(data-dica);position:absolute;bottom:calc(100% + 6px);left:50%;transform:translateX(-50%);background:var(--surface-3);color:var(--texto);font-size:.72rem;padding:4px 8px;border-radius:6px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .12s;z-index:2}
.pn-col:hover::after{opacity:1}
.pn-eixo{display:flex;justify-content:space-between;font-size:.72rem;color:var(--suave);margin-top:6px}
.pn-tabela-alt{margin-top:10px;font-size:.8rem;color:var(--suave)}
.pn-tabela-alt summary{cursor:pointer}
/* tabelas */
.pn-tab-rola{overflow-x:auto}
.pn-tab{width:100%;border-collapse:collapse;font-size:.85rem}
.pn-tab th{text-align:left;font-size:.74rem;color:var(--suave);font-weight:600;padding:8px 10px;border-bottom:1px solid var(--linha-forte);white-space:nowrap}
.pn-tab td{padding:9px 10px;border-bottom:1px solid var(--linha);vertical-align:top}
.pn-tab td small{color:var(--suave)}
.pn-tab a{color:var(--texto)}
.pn-tab a:hover{color:var(--lima)}
.pn-clica{cursor:pointer}
.pn-clica:hover td{background:var(--surface-2)}
.pn-tag{display:inline-block;font-size:.7rem;font-weight:700;padding:2px 8px;border-radius:999px;background:var(--surface-3);color:var(--suave);white-space:nowrap;vertical-align:middle}
.pn-tag.bom{background:var(--lima-fundo);color:var(--lima)}
.pn-tag.ruim{background:rgba(255,90,78,.15);color:var(--vermelho)}
.pn-tag.aviso{background:rgba(245,197,66,.15);color:var(--ouro)}
.pn-txt-ruim{color:var(--vermelho)}
.pn-filtros{display:flex;gap:8px;margin-bottom:12px;flex-wrap:wrap}
.pn-filtros .input{width:auto;flex:1;min-width:160px;max-width:340px}
.pn-paginas{display:flex;gap:14px;align-items:center;justify-content:center;margin-top:12px;font-size:.85rem;color:var(--suave)}
.pn-paginas a{color:var(--lima);font-weight:600}
.pn-acoes{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-top:12px}
.pn-form-inline{display:inline-flex;gap:6px;align-items:center;margin:0}
.pn-suspender .input{width:220px;padding:7px 10px;font-size:.82rem}
.pn-sel{width:auto;padding:6px 8px;font-size:.82rem}
.pn-denuncia .pn-den-cab{display:flex;gap:10px;align-items:baseline;flex-wrap:wrap;margin-bottom:10px}
.pn-den-cab a{color:var(--lima)}
.pn-den-cab small{color:var(--suave);font-size:.78rem;width:100%}
.pn-post{background:var(--bg);border:1px solid var(--linha);border-radius:12px;padding:12px;margin-top:8px}
.pn-post small{color:var(--suave);font-size:.75rem}
.pn-post p{margin:6px 0 0;font-size:.9rem}
.pn-midia{max-width:260px;max-height:260px;border-radius:10px;margin-top:8px;object-fit:cover}
.pn-den-txt{margin:10px 0 0 18px;font-size:.84rem}
.pn-den-txt small{color:var(--suave)}
.pn-ficha-topo{display:flex;gap:14px;align-items:center}
.pn-ficha-topo h2{font-size:1.2rem;font-weight:700}
.pn-ficha-topo small{color:var(--suave);font-size:.8rem}
.pn-dados{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px 18px;margin-top:14px}
.pn-dados dt{font-size:.72rem;color:var(--suave);font-weight:600}
.pn-dados dd{font-size:.88rem}
.pn-grade3{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.pn-link{background:var(--surface);border:1px solid rgba(198,244,50,.4);border-radius:12px;padding:10px 12px;margin-bottom:14px}
.pn-link small{display:block;color:var(--suave);font-size:.76rem;margin-bottom:6px}
.pn-link .chave{display:flex;gap:8px}
.pn-link input{flex:1;min-width:0;background:var(--bg);border:1px solid var(--linha-forte);border-radius:8px;padding:8px 10px;font-family:monospace;font-size:.82rem;color:var(--texto)}
@media (max-width:820px){
  .pn{flex-direction:column}
  .pn-menu{width:auto;height:auto;position:static;flex-direction:row;flex-wrap:wrap;align-items:center;padding:10px 12px;gap:6px}
  .pn-marca{padding:0 8px 0 0}
  .pn-menu nav{flex-direction:row;overflow-x:auto;flex:1 1 100%;order:3;scrollbar-width:none}
  .pn-menu nav a{white-space:nowrap;padding:7px 10px}
  .pn-eu{margin:0 0 0 auto;border:none;padding:0;display:flex;gap:10px;align-items:center}
  .pn-eu small{margin:0}
  .pn-main{padding:16px}
  .pn-grade3{grid-template-columns:1fr}
}

/* ---------- telas de entrada com gente (estilo Facebook) ---------- */
body.tela-auth.com-gente{display:grid;grid-template-columns:1fr;align-content:start;min-height:100vh;min-height:100dvh}
.auth-gente{position:relative;height:38vh;min-height:230px;max-height:360px;overflow:hidden;background:var(--surface)}
.auth-gente > img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.auth-gente > .ag-foto{opacity:0;transition:opacity 1.4s ease}
.auth-gente > .ag-foto.on{opacity:1}
.auth-gente::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(11,15,12,.15) 0%,rgba(11,15,12,.25) 45%,var(--bg) 100%);pointer-events:none}
.ag-txt{position:absolute;left:20px;right:20px;bottom:6px;z-index:2;max-width:440px}
.ag-txt h2{font-family:var(--cond);font-weight:800;font-style:italic;font-size:1.65rem;line-height:1.05;letter-spacing:-.01em;color:var(--texto);text-shadow:0 2px 14px rgba(0,0,0,.55)}
.ag-txt h2 em{font-style:italic;color:var(--lima)}
.ag-txt p{display:none}
.ag-cartao{display:none}
.ag-marca{position:absolute;top:16px;left:20px;z-index:2;filter:drop-shadow(0 2px 10px rgba(0,0,0,.5))}
.ag-marca img.marca{height:46px!important;margin:0}
body.com-gente .auth{min-height:0;justify-content:flex-start;padding-top:4px;padding-bottom:36px}
body.com-gente .auth .marca{display:none}
body.com-gente .auth .lema{margin-bottom:18px;text-align:center}
.ag-txt{text-align:center;margin:0 auto}

@media (min-width:900px){
  body.tela-auth.com-gente{grid-template-columns:minmax(0,1.15fr) minmax(420px,1fr);align-content:stretch}
  .auth-gente{position:sticky;top:0;height:100vh;height:100dvh;max-height:none;min-height:560px}
  .auth-gente::after{background:linear-gradient(180deg,rgba(11,15,12,.10) 0%,rgba(11,15,12,.05) 40%,rgba(11,15,12,.82) 100%),linear-gradient(90deg,transparent 70%,rgba(11,15,12,.55) 100%)}
  .ag-txt{left:48px;right:48px;bottom:48px;max-width:520px;text-align:left;margin:0}
  body.com-gente .auth .lema{text-align:left}
  .ag-txt h2{font-size:2.4rem}
  .ag-txt p{display:block;margin-top:10px;font-size:1rem;line-height:1.45;color:rgba(242,245,241,.86);text-shadow:0 1px 8px rgba(0,0,0,.5);max-width:440px}
  .ag-cartao{position:absolute;z-index:2;display:flex;gap:10px;align-items:center;padding:10px 14px 10px 10px;border-radius:14px;background:rgba(19,26,21,.82);border:1px solid var(--linha-forte);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 10px 30px rgba(0,0,0,.35);animation:ag-flutua 6s ease-in-out infinite}
  .ag-cartao i{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:var(--lima);color:var(--lima-tinta);font-size:.95rem;flex-shrink:0}
  .ag-cartao b{display:block;font-size:.88rem;line-height:1.2}
  .ag-cartao small{display:block;font-size:.76rem;color:var(--suave)}
  .ag-c1{top:44px;left:44px}
  .ag-c2{top:118px;right:40px;animation-delay:-3s}
  body.com-gente .auth{min-height:100vh;min-height:100dvh;justify-content:center;padding:40px 44px;max-width:480px;width:100%}
  body.com-gente .auth .marca{display:block}
  .ag-marca{display:none}
}
@media (min-width:900px) and (prefers-reduced-motion:reduce){.ag-cartao{animation:none}}
@keyframes ag-flutua{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}

/* caixinha com título e explicação embaixo (cadastro: menor de 18) */
.tn-check-2l{align-items:flex-start}
.tn-check-2l input{flex-shrink:0;margin-top:2px}
.tn-check-2l b{display:block;color:var(--texto);font-weight:600;font-size:.86rem}
.tn-check-2l small{display:block;margin-top:2px;font-size:.78rem;line-height:1.4;color:var(--suave)}
.tn-check input{flex-shrink:0}

/* sorteio na aba Jogo */
.sorteio-box{margin:16px 16px 0;border:1px solid rgba(198,244,50,.35);background:var(--lima-fundo);border-radius:16px;padding:14px}
.sorteio-txt b{display:block;font-size:.95rem}
.sorteio-txt b i{color:var(--lima);margin-right:4px}
.sorteio-txt small{display:block;margin-top:2px;font-size:.78rem;color:var(--suave);line-height:1.4}
.sorteio-acoes{display:flex;gap:8px;margin-top:12px}
.sorteio-acoes select{flex:1;min-width:0}
.sorteio-acoes .btn{flex-shrink:0;padding-left:22px;padding-right:22px}
.sorteio-acoes .btn[disabled]{opacity:.45;cursor:not-allowed}
.sorteio-aviso{margin-top:8px;font-size:.78rem;color:var(--ouro)}
.sorteio-feito{display:flex;align-items:center;gap:8px}
.sorteio-feito>span{flex:1;font-weight:600;font-size:.9rem}
.sorteio-feito>span i{color:var(--lima);margin-right:4px}
.sorteio-feito form{margin:0}

/* painel: Convocar recolhido (não empurra o Encerrar jogo para baixo) */
.convocar{margin:14px 16px 0}
.convocar>summary{list-style:none;display:flex;align-items:center;gap:8px;cursor:pointer}
.convocar>summary::-webkit-details-marker{display:none}
.convocar>summary small{font-weight:500;color:var(--suave)}
.convocar>summary .seta{margin-left:auto;font-size:.75rem;transition:transform .2s}
.convocar[open]>summary .seta{transform:rotate(180deg)}
.convocar>.bloco{margin:10px 0 0}

/* bolinha do Jogo: pulsa enquanto a pessoa não confirmou presença */
.sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.nav .jogo-btn .circ{position:relative}
.nav .jogo-btn.chama .circ::before,.nav .jogo-btn.chama .circ::after{content:"";position:absolute;inset:-5px;border-radius:50%;border:2px solid var(--lima);opacity:0;pointer-events:none;animation:bola-onda 2.4s ease-out infinite}
.nav .jogo-btn.chama .circ::after{animation-delay:1.2s}
.nav .jogo-btn.chama .circ i{animation:bola-quica 2.4s ease-in-out infinite;transform-origin:50% 60%}
.nav .jogo-btn.chama.hoje .circ::before,.nav .jogo-btn.chama.hoje .circ::after{animation-duration:1.6s}
.nav .jogo-btn.chama.hoje .circ::after{animation-delay:.8s}
.nav .jogo-btn.chama.hoje .circ i{animation-duration:1.6s}
.nav .jogo-btn.chama .rot{color:var(--lima)}
@keyframes bola-onda{0%{transform:scale(1);opacity:.7}100%{transform:scale(1.55);opacity:0}}
@keyframes bola-quica{0%,60%,100%{transform:translateY(0) rotate(0)}70%{transform:translateY(-4px) rotate(-25deg)}80%{transform:translateY(0) rotate(-40deg)}88%{transform:translateY(-2px) rotate(-50deg)}}
@media (prefers-reduced-motion:reduce){
  .nav .jogo-btn.chama .circ::before,.nav .jogo-btn.chama .circ::after,.nav .jogo-btn.chama .circ i{animation:none}
  .nav .jogo-btn.chama .circ::before{opacity:1;transform:scale(1.12)}
}

/* placar de toque (montado pelo jogaco.js): número grande + botões − e + largos */
.placar-form input[type=number]{-moz-appearance:textfield;appearance:textfield}
.placar-form input[type=number]::-webkit-outer-spin-button,.placar-form input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.placar-passo{display:flex;flex-direction:column;gap:8px}
.placar-form .placar-passo .input{height:64px;font-size:2.4rem;line-height:1;padding:4px;border-radius:14px}
.placar-form .placar-passo .input::placeholder{color:var(--suave);opacity:.6}
.placar-botoes{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.placar-botoes button{height:46px;border-radius:12px;border:1px solid var(--linha-forte);background:var(--surface-2);color:var(--texto);font-size:1rem;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:transform .08s}
.placar-botoes button.mais{background:var(--lima);border-color:var(--lima);color:var(--lima-tinta)}
.placar-botoes button:active{transform:scale(.94)}
.placar-passo.bateu .input{animation:placar-bate .25s ease-out}
@keyframes placar-bate{0%{transform:scale(1)}40%{transform:scale(1.08)}100%{transform:scale(1)}}
.placar-form.com-passo{align-items:start}
.placar-form.com-passo>b{align-self:start;padding:0;margin-top:40px}
.tn-pen .placar-form .placar-passo .input{height:48px;font-size:1.5rem}
.tn-pen .placar-botoes button{height:42px}
.tn-pen .placar-form.com-passo>b{margin-top:12px}
@media (prefers-reduced-motion:reduce){.placar-passo.bateu .input{animation:none}}