/* =====================================================================================================================
   RACHA rua v71 · a camada visual da v71 (depois do v70.css). O JS mora em tools/v71/times.js e tools/v71/lobby.js.
   1) Time Preto × Time Branco nas telas (sala, botões dos times, as bolinhas do TIME no JOGAR)
   2) o lobby novo (mais abaixo)
   ===================================================================================================================== */

/* ---------------------------------------------------------------- 1) preto × branco */
/* a sala: o Time Preto à esquerda (o asfalto) e o Time Branco à direita (a cal), com a textura de colmeia */
#lb .sl-verm .sl-caixa{ background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='48'%3E%3Cpath d='M14 0h28l14 24-14 24H14L0 24z' fill='none' stroke='%23fff' stroke-opacity='.06' stroke-width='2'/%3E%3C/svg%3E"),
  linear-gradient(170deg, #3a3e44, #22252a 55%, #16181b) !important; }
#lb .sl-azul .sl-caixa{ background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='48'%3E%3Cpath d='M14 0h28l14 24-14 24H14L0 24z' fill='none' stroke='%23000' stroke-opacity='.06' stroke-width='2'/%3E%3C/svg%3E"),
  linear-gradient(170deg, #ffffff, #efede6 55%, #dedbd1) !important; }
#lb .sl-verm .sl-fita::after{ background:linear-gradient(#41464d, #1b1d21 70%) !important; }
#lb .sl-azul .sl-fita::after{ background:linear-gradient(#ffffff, #e6e3da 70%) !important; }
#lb .sl-azul .sl-fita{ color:#15171a; --o:#ffffff; }
#lb .sl-azul .sl-vaga{ color:rgba(21,23,26,.82); border-color:rgba(21,23,26,.38); }
#lb .sl-azul .sl-vaga.bot{ color:rgba(21,23,26,.7); border-color:rgba(21,23,26,.25); background:rgba(0,0,0,.05); }
#lb .sl-azul .sl-vaga:hover{ background:rgba(0,0,0,.06); }

/* os botões que mandam alguém para um time (o menu do cartão na sala) */
#lb .lb-btn.preto{ background:linear-gradient(#41464d, #1b1d21 55%, #101215); color:#ffffff; box-shadow:0 5px 0 #000000; text-shadow:0 2px 0 rgba(0,0,0,.5); }
#lb .lb-btn.branco{ background:linear-gradient(#ffffff, #efede6 55%, #d9d5ca); color:#15171a; box-shadow:0 5px 0 #8f8b81; text-shadow:none; }
#lb .lb-btn.preto:active{ box-shadow:0 2px 0 #000000; } #lb .lb-btn.branco:active{ box-shadow:0 2px 0 #8f8b81; }

/* JOGAR › TIME: as bolinhas dos dois times (a preta com borda clara, a branca com borda escura) */
#lb .rq-time i s{ box-shadow:0 0 0 2px #f3f1ea; }
#lb .rq-time i s.a{ box-shadow:0 0 0 2px #15171a; }

/* ---------------------------------------------------------------- 2) o lobby novo (o JS em tools/v71/lobby.js)
   Botões quadrados de jogo (um desenho grande e uma palavra), o JOGAR amarelo como a única coisa forte da tela, o resto em
   preto-carvão com contorno grosso e "degrau" embaixo (o mesmo preto × branco dos times). Tudo em px do palco (888 de altura):
   o palco escala junto; os pisos de toque do v70 (46 px de verdade) continuam valendo pelo --s. */
#lb.v71{ --k:#0b0c0e; --k-tx:#f6f3ea; --k-am:#ffd23f; --k-am2:#f5a50c; --k-am3:#b86f00; --k-cinza:#a7aeb8; --v71-t:130px; --v71-g:14px; --v71-topo:104px;
  --k-tit:"Lilita One","Anton","Arial Black",Impact,sans-serif; --k-num:"Barlow Condensed","Roboto Condensed","sans-serif-condensed","Arial Narrow",system-ui,sans-serif;
  --k-contorno:0 3px 0 var(--k), 2px 2px 0 var(--k), -2px 2px 0 var(--k), 2px -2px 0 var(--k), -2px -2px 0 var(--k), 2.6px 0 0 var(--k), -2.6px 0 0 var(--k), 0 -2.6px 0 var(--k), 0 5px 0 var(--k);
  --k-face:linear-gradient(180deg, #353b43 0%, #24282e 46%, #181b1f 100%);
  --k-relevo:inset 0 3px 0 rgba(255,255,255,.15), inset 0 -6px 0 rgba(0,0,0,.3); }
/* o que saiu da tela (o caminho continua por outro botão) e o "Pronto, fulano!" */
#lb.v71 .v71-fora, #lb.v71 .rx-pronto, #lb.v71 .hm-placa{ display:none !important; }
#lb.v71 .rx-esq, #lb.v71 .rx-dir, #lb.v71 .rx-baixo{ display:none; }   /* (as colunas antigas ficaram vazias) */

/* ---- os botões quadrados */
#lb.v71 #rx .rx-bt.v71-tile{ position:relative; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:4px; flex:none;
  width:var(--v71-t); height:var(--v71-t); min-height:0; max-height:none; padding:6px 4px 4px; border:4px solid var(--k); border-radius:26px; overflow:visible;
  background:var(--k-face); color:var(--k-tx); text-align:center; pointer-events:auto;
  box-shadow:var(--k-relevo), 0 7px 0 var(--k), 0 13px 18px rgba(0,0,0,.38); }
#lb.v71 #rx .rx-bt.v71-tile{ background:radial-gradient(circle at 50% 40%, color-mix(in srgb, var(--c) 30%, transparent) 0 26%, transparent 58%), var(--k-face); }
#lb.v71 #rx .rx-bt.v71-tile:active{ transform:translateY(5px); box-shadow:var(--k-relevo), 0 2px 0 var(--k), 0 4px 8px rgba(0,0,0,.3); }
@media (hover:hover){ #lb.v71 #rx .rx-bt.v71-tile:hover{ filter:brightness(1.14); } }
#lb.v71 #rx .rx-bt.v71-tile > i{ display:block; flex:none; width:70px; height:70px; margin:0; padding:0; background:none; box-shadow:none; grid-row:auto; align-self:center; color:inherit; }
#lb.v71 #rx .rx-bt.v71-tile > i svg{ display:block; width:100%; height:100%; filter:drop-shadow(0 3px 0 rgba(0,0,0,.4)); }
#lb.v71 #rx .rx-bt.v71-tile > b{ display:block; grid-column:auto; grid-row:auto; align-self:center; margin:0; max-width:calc(100% + 8px); overflow:visible; text-overflow:clip;
  font:400 23px/1 var(--k-tit); font-style:normal; letter-spacing:.3px; color:#fff; text-transform:uppercase; white-space:nowrap; text-shadow:var(--k-contorno); }
#lb.v71 #rx .rx-bt.v71-tile > small, #lb.v71 #rx .rx-bt.v71-tile > u{ display:none; }
/* o pontinho de novidade (sala aberta, mensagem nova) no canto do botão */
#lb.v71 #rx .rx-bt.v71-tile.rx-ponto::after{ left:auto; right:-10px; top:-10px; width:28px; height:28px; border:4px solid var(--k); background:#ff3b30; box-shadow:0 0 12px rgba(255,59,48,.7); }

/* ---- o topo: você e a liga à esquerda; moedas, gemas, chat e ajustes à direita */
#lb.v71:not(.retrato) .lb-topo{ left:28px; right:28px; top:22px; height:max(var(--v71-topo), calc(46px / var(--s, 1))); gap:16px; }
#lb.v71 .lb-topo #lb-eu{ position:relative; height:max(var(--v71-topo), calc(46px / var(--s, 1))); min-width:0; max-width:430px; padding:0 30px 0 8px; gap:16px; border:4px solid var(--k); border-radius:48px 22px 22px 48px;
  background:var(--k-face); box-shadow:var(--k-relevo), 0 6px 0 var(--k), 0 10px 16px rgba(0,0,0,.3); transform:none; }
#lb.v71 .lb-topo #lb-eu::after{ content:none; display:none; }
#lb.v71 .lb-topo #lb-eu:active{ transform:translateY(4px); box-shadow:var(--k-relevo), 0 2px 0 var(--k); }
#lb.v71 #lb-eu .hm-av{ width:84px; height:84px; border:4px solid var(--k); box-shadow:0 0 0 3px var(--k-tx); background:#101215; }
#lb.v71 #lb-eu .v71-nv{ position:absolute; left:64px; bottom:-4px; z-index:1; min-width:36px; height:36px; padding:0 6px; border-radius:18px; border:4px solid var(--k);
  background:linear-gradient(#ffe680, var(--k-am) 55%, var(--k-am2)); color:#1a1300; font:400 22px/28px var(--k-tit); text-align:center; box-sizing:border-box; }
#lb.v71 #lb-eu .tp-eu-tx{ gap:7px; }
#lb.v71 #lb-eu .tp-eu-tx b{ order:1; max-width:290px; font:400 33px/1 var(--k-tit); letter-spacing:.5px; color:#fff; text-transform:none; text-shadow:var(--k-contorno); }
#lb.v71 #lb-eu .tp-nv{ order:2; gap:0; }
#lb.v71 #lb-eu .tp-nv em{ position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; }   /* (o "Nv." fica para o leitor de tela: o número está no selo) */
#lb.v71 #lb-eu .tp-nv em::before{ content:none; }
#lb.v71 #lb-eu .hm-xp{ width:190px; height:14px; border:3px solid var(--k); border-radius:8px; background:#0e1013; box-shadow:inset 0 2px 0 rgba(0,0,0,.5); }
#lb.v71 #lb-eu .hm-xp i{ background:linear-gradient(#ffe680, var(--k-am) 60%, var(--k-am2)); border-radius:5px; }
/* a LIGA (a insígnia, "LIGA" e o elo): abre o JOGAR na aba da liga */
#lb.v71 .lb-topo .rx-bt.v71-liga{ display:grid; grid-template-columns:auto auto; grid-template-rows:auto auto; align-content:center; column-gap:12px; row-gap:2px; flex:none;
  height:max(var(--v71-topo), calc(46px / var(--s, 1))); padding:0 26px 0 12px; border:4px solid var(--k); border-radius:22px; overflow:visible; background:var(--k-face); color:var(--k-tx); text-align:left;
  box-shadow:var(--k-relevo), 0 6px 0 var(--k), 0 10px 16px rgba(0,0,0,.3); }
#lb.v71 .lb-topo .rx-bt.v71-liga:active{ transform:translateY(4px); box-shadow:var(--k-relevo), 0 2px 0 var(--k); }
#lb.v71 .lb-topo .rx-bt.v71-liga > i{ grid-column:1; grid-row:1 / 3; width:72px; height:72px; background:none; box-shadow:none; }
#lb.v71 .lb-topo .rx-bt.v71-liga .rx-ins{ width:72px; height:72px; filter:drop-shadow(0 3px 0 rgba(0,0,0,.45)); }
#lb.v71 .lb-topo .rx-bt.v71-liga > b{ grid-column:2; grid-row:1; align-self:end; margin:0; font:800 19px/1 var(--k-num); font-style:normal; letter-spacing:3px; color:var(--k-am); text-shadow:none; }
#lb.v71 .lb-topo .rx-bt.v71-liga > small{ grid-column:2; grid-row:2; align-self:start; margin:0; font:400 28px/1.05 var(--k-tit); letter-spacing:.4px; color:#fff; text-transform:uppercase; text-shadow:var(--k-contorno); overflow:visible; }
#lb.v71 .lb-topo .rx-bt.v71-liga > u{ display:none; }
/* moedas e gemas: o ícone saindo da pílula e o + verde (abrem a loja) */
#lb.v71 .lb-topo .tp-dir{ gap:16px; }
#lb.v71 .lb-topo .tp-dir .hm-grana + .hm-grana{ margin-left:14px; }
#lb.v71 .lb-topo .hm-grana{ position:relative; height:max(80px, calc(46px / var(--s, 1))); min-width:190px; padding:0 64px 0 58px; gap:0; justify-content:flex-end;
  border:4px solid var(--k); border-radius:18px; background:#121417; box-shadow:inset 0 3px 0 rgba(0,0,0,.45), 0 5px 0 var(--k); }
#lb.v71 .lb-topo .hm-grana::before{ content:none; display:none; }
#lb.v71 .lb-topo .hm-grana i{ position:absolute; left:-14px; top:50%; margin-top:-33px; font-size:52px; transform:none; box-shadow:inset 0 0 0 .07em #6b4300, 0 0 0 4px var(--k), 0 4px 0 4px var(--k); }
#lb.v71 .lb-topo .hm-grana b{ font:800 34px/1 var(--k-num); letter-spacing:.5px; color:#fff; }
#lb.v71 .lb-topo .hm-grana::after{ content:'+'; position:absolute; right:8px; top:50%; width:44px; height:44px; margin-top:-22px; border-radius:11px; border:3px solid var(--k);
  background:linear-gradient(#7ee36a, #36b24a 60%, #23893a); color:#fff; font:400 36px/36px var(--k-tit); text-align:center; text-shadow:0 2px 0 rgba(0,0,0,.45); box-sizing:border-box; }
#lb.v71 .lb-topo .hm-grana:active{ transform:translateY(3px); box-shadow:inset 0 3px 0 rgba(0,0,0,.45), 0 2px 0 var(--k); }
/* chat, correio e ajustes: quadrados pretos com o desenho branco */
#lb.v71 .lb-topo .tp-ic{ width:max(96px, calc(46px / var(--s, 1))); height:max(96px, calc(46px / var(--s, 1))); border:4px solid var(--k); border-radius:20px;
  background:var(--k-face); color:var(--k-tx); box-shadow:var(--k-relevo), 0 6px 0 var(--k), 0 10px 14px rgba(0,0,0,.3); }
#lb.v71 .lb-topo .tp-ic svg{ width:52px; height:52px; filter:drop-shadow(0 2px 0 rgba(0,0,0,.45)); }
#lb.v71 .lb-topo .tp-ic:active{ transform:translateY(4px); box-shadow:var(--k-relevo), 0 2px 0 var(--k); }
#lb.v71 .lb-topo .tp-badge{ top:-12px; right:-12px; min-width:32px; height:32px; border:4px solid var(--k); background:#ff3b30; color:#fff; font:400 20px/24px var(--k-tit); box-shadow:none; }

/* ---- deitado: as duas colunas de botões, o RACHA em cima da tampinha */
#lb.v71:not(.retrato) .v71-col{ position:absolute; top:calc(46px + max(var(--v71-topo), calc(46px / var(--s, 1)))); display:flex; flex-direction:column; gap:var(--v71-g); z-index:1; pointer-events:none; }
#lb.v71:not(.retrato) .v71-esq{ left:28px; }
#lb.v71:not(.retrato) .v71-dir{ right:28px; }
#lb.v71:not(.retrato) .rx-marca{ top:calc(var(--rx-cy, 520px) - 302px); gap:14px; }
#lb.v71 .rx-logo{ font-size:84px; letter-spacing:5px;
  text-shadow:-4px -4px 0 var(--k), 4px -4px 0 var(--k), -4px 4px 0 var(--k), 4px 4px 0 var(--k), 0 -4px 0 var(--k), 0 4px 0 var(--k), -4px 0 0 var(--k), 4px 0 0 var(--k),
    7px 8px 0 #d86a38, 10px 11px 0 var(--k), 0 16px 22px rgba(0,0,0,.3); }

/* ---- embaixo: DESAFIOS (à esquerda), o MODO e o JOGAR (à direita) */
#lb.v71:not(.retrato) .lb-joga{ position:static; display:block; padding:0; }
#lb.v71 #lb-missoes{ display:grid; grid-template-columns:auto minmax(0, 1fr) auto; grid-template-rows:auto auto; align-items:center; align-content:center; column-gap:12px; row-gap:9px; justify-items:start;
  height:auto; padding:0 16px 0 12px; border:4px solid var(--k); border-radius:26px; overflow:visible; background:var(--k-face); color:var(--k-tx); text-align:left;
  box-shadow:var(--k-relevo), 0 7px 0 var(--k), 0 13px 18px rgba(0,0,0,.38); }
#lb.v71:not(.retrato) #lb-missoes{ position:absolute; left:28px; bottom:30px; width:390px; height:106px; }
#lb.v71 #lb-missoes:active{ transform:translateY(5px); box-shadow:var(--k-relevo), 0 2px 0 var(--k); }
#lb.v71 #lb-missoes svg{ grid-column:1; grid-row:1 / 3; align-self:center; width:74px; height:74px; padding:0; background:none; box-shadow:none; filter:drop-shadow(0 3px 0 rgba(0,0,0,.4)); }
#lb.v71 #lb-missoes::before{ content:'DESAFIOS'; grid-column:2; grid-row:1; align-self:end; font:400 30px/1 var(--k-tit); font-style:normal; letter-spacing:.6px; color:#fff; text-shadow:var(--k-contorno); }
#lb.v71 #lb-missoes .mi-tx{ display:none; }
#lb.v71 #lb-missoes .mi-barra{ display:block; grid-column:2; grid-row:2; align-self:center; width:100%; height:18px; border:3px solid var(--k); border-radius:10px; background:#0e1013; overflow:hidden; box-shadow:inset 0 2px 0 rgba(0,0,0,.5); }
#lb.v71 #lb-missoes .mi-barra i{ display:block; height:100%; border-radius:6px; background:linear-gradient(#ffe680, var(--k-am) 60%, var(--k-am2)); }
#lb.v71 #lb-missoes .mi-n{ grid-column:3; grid-row:2; align-self:center; justify-self:center; font:800 25px/1 var(--k-num); color:#fff; }
#lb.v71 #lb-missoes .mi-premio{ grid-column:3; grid-row:1; align-self:end; display:flex; align-items:center; gap:6px; height:40px; padding:0 12px 0 6px; border-radius:12px; border:3px solid var(--k);
  background:#121417; font:800 25px/1 var(--k-num); color:var(--k-am); }
#lb.v71 #lb-missoes .mi-premio i{ font-size:28px; }
#lb.v71 #lb-missoes.pronta .mi-barra, #lb.v71 #lb-missoes.pronta .mi-n{ display:none; }
#lb.v71 #lb-missoes.pronta .mi-tx{ display:block; grid-column:2 / 4; grid-row:2; align-self:start; font:400 24px/1 var(--k-tit); color:var(--k-am); text-transform:uppercase; text-shadow:var(--k-contorno); animation:v71pisca 1.1s ease-in-out infinite; }
#lb.v71 #lb-missoes.pronta{ box-shadow:var(--k-relevo), 0 7px 0 var(--k), 0 0 0 5px rgba(255,210,63,.55), 0 13px 18px rgba(0,0,0,.38); }
@keyframes v71pisca{ 0%, 100%{ opacity:1; } 50%{ opacity:.55; } }

/* o MODO: o cartão claro colado no JOGAR (o que vai ser jogado; toque para trocar) */
#lb.v71 #lb-modo{ position:relative; display:grid; grid-template-columns:auto minmax(0, 1fr); grid-template-rows:1fr auto; align-items:center; column-gap:12px; row-gap:0;
  min-height:0; height:auto; padding:12px 16px 12px 14px; border:4px solid var(--k); border-radius:26px; background:linear-gradient(180deg, #ffffff 0%, #f1eee6 50%, #dcd7cb 100%);
  color:#17191c; text-align:left; white-space:normal; font:inherit; box-shadow:inset 0 3px 0 rgba(255,255,255,.9), inset 0 -6px 0 rgba(0,0,0,.12), 0 7px 0 var(--k), 0 13px 18px rgba(0,0,0,.38); }
#lb.v71 #lb-modo::before, #lb.v71 #lb-modo::after{ content:none; display:none; }
#lb.v71:not(.retrato) #lb-modo{ position:absolute; right:calc(28px + 400px + 18px); bottom:30px; width:300px; height:150px; z-index:2; }
#lb.v71 #lb-modo:active{ transform:translateY(5px); box-shadow:inset 0 3px 0 rgba(255,255,255,.9), 0 2px 0 var(--k); }
#lb.v71 #lb-modo .v71-modo-ic{ grid-column:1; grid-row:1; display:block; width:74px; height:74px; }
#lb.v71 #lb-modo .v71-modo-ic svg{ display:block; width:100%; height:100%; filter:drop-shadow(0 3px 0 rgba(0,0,0,.25)); }
#lb.v71 #lb-modo .v71-modo-tx{ grid-column:2; grid-row:1; display:flex; flex-direction:column; gap:6px; min-width:0; }
#lb.v71 #lb-modo .v71-modo-tx b{ font:400 32px/1 var(--k-tit); letter-spacing:.4px; color:#17191c; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
#lb.v71 #lb-modo .v71-modo-tx small{ font:800 23px/1.05 var(--k-num); letter-spacing:.8px; color:#4a4f57; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
#lb.v71 #lb-modo .v71-modo-tr{ grid-column:1 / 3; grid-row:2; justify-self:stretch; display:flex; align-items:center; justify-content:center; gap:8px; height:36px; margin-top:6px;
  border-radius:12px; background:#17191c; color:#fff; font:800 21px/1 var(--k-num); font-style:normal; letter-spacing:2px; }
#lb.v71 #lb-modo .v71-modo-tr svg{ width:22px; height:22px; color:var(--k-am); }

/* o JOGAR: amarelo, grande, com o brilho passando de vez em quando */
#lb.v71 #lb-jogar{ position:relative; overflow:hidden; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:0; padding:0 0 4px; transform:none;
  border:4px solid var(--k); border-radius:30px; background:linear-gradient(180deg, #fff09a 0%, #ffd23f 42%, #f5a50c 100%); animation:none;
  box-shadow:inset 0 4px 0 rgba(255,255,255,.65), inset 0 -9px 0 rgba(160,90,0,.35), 0 8px 0 var(--k), 0 15px 24px rgba(0,0,0,.42); }
#lb.v71:not(.retrato) #lb-jogar{ position:absolute; right:28px; bottom:30px; width:400px; height:150px; }
#lb.v71 #lb-jogar:active{ transform:translateY(6px); box-shadow:inset 0 4px 0 rgba(255,255,255,.65), inset 0 -9px 0 rgba(160,90,0,.35), 0 2px 0 var(--k), 0 5px 10px rgba(0,0,0,.35); }
#lb.v71 #lb-jogar .lb-jogar-tit{ display:flex; align-items:center; gap:18px; font:400 84px/1 var(--k-tit); font-style:normal; letter-spacing:2px; color:#17191c;
  text-shadow:0 3px 0 rgba(255,255,255,.55); transform:skewX(-6deg); }
#lb.v71 #lb-jogar .lb-jogar-tit::before{ content:''; width:0; height:0; border-style:solid; border-width:27px 0 27px 42px; border-color:transparent transparent transparent #17191c; filter:drop-shadow(0 3px 0 rgba(255,255,255,.55)); }
#lb.v71 #lb-jogar .lb-jogar-sub{ display:none; }
#lb.v71 #lb-jogar::after{ content:''; position:absolute; top:-20%; bottom:-20%; left:-40%; width:26%; pointer-events:none; transform:skewX(-20deg);
  background:linear-gradient(90deg, rgba(255,255,255,0), rgba(255,255,255,.55), rgba(255,255,255,0)); animation:v71brilho 4.2s ease-in-out 1.2s infinite; }
@keyframes v71brilho{ 0%{ left:-40%; } 22%, 100%{ left:125%; } }
html.v70-calmo #lb.v71 #lb-jogar::after, html.v70-calmo #lb.v71 #lb-missoes.pronta .mi-tx{ animation:none; }
@media (prefers-reduced-motion:reduce){ #lb.v71 #lb-jogar::after, #lb.v71 #lb-missoes.pronta .mi-tx{ animation:none; } }

/* ---- em pé (só sem toque: no celular o jogo pede para deitar): topo, tampinha, MODO + JOGAR, DESAFIOS e os botões em grade */
#lb.v71.retrato .lb-topo{ gap:14px; }
#lb.v71.retrato .lb-topo #lb-eu{ flex:1 1 auto; max-width:none; }
#lb.v71.retrato .lb-topo .tp-dir{ flex:1 1 100%; justify-content:flex-end; }
#lb.v71.retrato .lb-joga{ display:grid; grid-template-columns:300px minmax(0, 1fr); grid-template-rows:150px auto; gap:18px 16px; margin-top:10px; }
#lb.v71.retrato #lb-modo{ grid-column:1; grid-row:1; width:auto; height:150px; }
#lb.v71.retrato #lb-jogar{ grid-column:2; grid-row:1; width:auto; height:150px; }
#lb.v71.retrato #lb-missoes{ grid-column:1 / 3; grid-row:2; width:auto; height:106px; }
#lb.v71.retrato #rx{ display:flex; flex-wrap:wrap; justify-content:center; gap:18px 16px; }
#lb.v71.retrato .v71-col{ display:contents; }
#lb.v71.retrato #rx .rx-bt.v71-tile{ width:calc((100% - 48px) / 4); height:150px; }

/* ---------------------------------------------------------------- 3) o JOGAR (a folha de escolher a partida)
   As abas grossas em cima; o MODO com o desenho; TIME, CAMPO e BOTS em botões de jogo (o escolhido fica amarelo); embaixo,
   a nota curta e o JOGAR amarelo (o mesmo do lobby). Sem o cabeçalho repetido da CASUAL e sem as descrições longas
   (o COMO JOGA explica o modo): cabe na tela sem rolar. */
#lb.v71 #lb-rq{ background:rgba(6,7,8,.72); }
#lb.v71 #lb-rq .rq-caixa [hidden], #lb.v71 #lb-rq .v702-fora{ display:none !important; }
#lb.v71 #lb-rq .rq-caixa{ position:relative; display:grid; grid-template-columns:minmax(0, 1fr) 380px; grid-template-areas:"abas abas" "cab cab" "linhas linhas" "nota buscar";
  align-items:center; gap:18px 26px; width:1240px; max-width:100%; padding:24px 28px 28px; overflow:visible;
  border:5px solid var(--k); border-radius:32px; background:linear-gradient(180deg, #2c3138 0%, #1d2024 24%, #15171a 100%);
  box-shadow:inset 0 3px 0 rgba(255,255,255,.1), 0 10px 0 var(--k), 0 28px 60px rgba(0,0,0,.6); }
#lb.v71 #lb-rq .rq-fecha{ right:-16px; top:-16px; z-index:2; width:72px; height:72px; border:5px solid var(--k); border-radius:50%;
  background:linear-gradient(#ff7a6c, #e8452c 58%, #b8261b); box-shadow:inset 0 3px 0 rgba(255,255,255,.4), 0 5px 0 var(--k); }
#lb.v71 #lb-rq .rq-fecha svg{ width:30px; height:30px; filter:drop-shadow(0 2px 0 rgba(0,0,0,.45)); }
#lb.v71 #lb-rq .rq-fecha:active{ transform:translateY(3px); box-shadow:0 2px 0 var(--k); }
/* as abas */
#lb.v71 #lb-rq .rq-abas{ grid-area:abas; display:flex; gap:14px; margin:0 52px 0 0; }
#lb.v71 #lb-rq .rq-abas button{ flex:1 1 0; height:72px; gap:12px; border:4px solid var(--k); border-radius:22px; background:var(--k-face); color:#dfe3e8;
  font:400 29px/1 var(--k-tit); letter-spacing:.8px; text-shadow:0 2px 0 rgba(0,0,0,.45); box-shadow:var(--k-relevo), 0 6px 0 var(--k); }
#lb.v71 #lb-rq .rq-abas button.on{ background:linear-gradient(#fff09a, #ffd23f 45%, #f5a50c); color:#17191c; text-shadow:0 2px 0 rgba(255,255,255,.45);
  box-shadow:inset 0 3px 0 rgba(255,255,255,.6), inset 0 -6px 0 rgba(160,90,0,.3), 0 6px 0 var(--k); }
#lb.v71 #lb-rq .rq-abas button:active{ transform:translateY(3px); }
#lb.v71 #lb-rq .rq-aba-ic{ width:40px; height:40px; opacity:1; }
/* a LIGA: a insígnia, o elo, a barra e os números */
#lb.v71 #lb-rq #rq-cab-cas{ display:none !important; }
#lb.v71 #lb-rq #rq-cab-rq{ grid-area:cab; display:flex; align-items:center; gap:22px; padding:12px 18px; border:4px solid var(--k); border-radius:24px; background:#101215;
  box-shadow:inset 0 3px 0 rgba(0,0,0,.45); }
#lb.v71 #lb-rq .rq-ins{ width:100px; height:100px; filter:drop-shadow(0 4px 0 rgba(0,0,0,.5)); }
#lb.v71 #lb-rq .rq-tit{ display:flex; align-items:center; gap:10px; margin:0; font:800 21px/1 var(--k-num); letter-spacing:3px; color:var(--k-am); }
#lb.v71 #lb-rq .rq-tit em{ font:800 15px/1 var(--k-num); letter-spacing:1.5px; }
#lb.v71 #lb-rq .rq-elo b{ font:400 42px/1 var(--k-tit); color:#fff; text-shadow:var(--k-contorno); }
#lb.v71 #lb-rq .rq-barra{ height:18px; max-width:440px; border:3px solid var(--k); border-radius:10px; background:#23272d; overflow:hidden; }
#lb.v71 #lb-rq .rq-barra i{ background:linear-gradient(#ffe680, var(--k-am) 60%, var(--k-am2)); }
#lb.v71 #lb-rq .rq-elo small{ font:700 20px/1.2 var(--k-num); letter-spacing:.5px; color:#c3c8d0; }
#lb.v71 #lb-rq .rq-num{ border:3px solid var(--k); border-radius:18px; background:#1b1e22; }
/* as linhas: rótulo | escolha */
#lb.v71 #lb-rq .rq-linhas{ grid-area:linhas; display:grid; grid-template-columns:118px minmax(0, 1fr) auto; align-items:center; gap:16px 18px; margin:0; }
#lb.v71 #lb-rq .rq-linhas > .rq-sub{ grid-column:1; margin:0; font:400 25px/1 var(--k-tit); letter-spacing:1px; color:var(--k-am); text-shadow:0 2px 0 rgba(0,0,0,.5); }
#lb.v71 #lb-rq #rq-modo-desc, #lb.v71 #lb-rq #rq-mapa-desc{ display:none; }
#lb.v71 #lb-rq #rq-modos{ grid-column:2; display:flex; flex-wrap:nowrap; gap:14px; }
#lb.v71 #lb-rq .tu-como-joga{ grid-column:3; height:86px; min-height:0; padding:0 22px; border:4px solid var(--k); border-radius:22px; background:var(--k-face); color:#fff;
  font:800 22px/1.05 var(--k-num); letter-spacing:1.5px; box-shadow:var(--k-relevo), 0 6px 0 var(--k); }
#lb.v71 #lb-rq .tu-como-joga::before{ content:'?'; display:block; margin:0 auto 4px; width:34px; height:34px; border-radius:50%; background:var(--k-am); color:#17191c; font:400 26px/34px var(--k-tit); text-align:center; }
#lb.v71 #lb-rq #rq-times, #lb.v71 #lb-rq .rq-mapa-box, #lb.v71 #lb-rq .v70-bots{ grid-column:2 / 4; }
/* o MODO: o desenho e o nome */
#lb.v71 #lb-rq .rq-modo{ flex:1 1 0; display:flex; align-items:center; justify-content:center; gap:16px; min-width:0; min-height:0; height:86px; padding:0 18px;
  border:4px solid var(--k); border-radius:22px; background:var(--k-face); background-image:none; color:#eef0f3; font:400 31px/1 var(--k-tit); letter-spacing:.6px;
  text-shadow:0 2px 0 rgba(0,0,0,.45); box-shadow:var(--k-relevo), 0 6px 0 var(--k); }
#lb.v71 #lb-rq .rq-modo .v71-md-ic{ flex:none; display:block; width:58px; height:58px; }
#lb.v71 #lb-rq .rq-modo .v71-md-ic svg{ display:block; width:100%; height:100%; filter:drop-shadow(0 3px 0 rgba(0,0,0,.35)); }
#lb.v71 #lb-rq .rq-modo.on{ background:linear-gradient(#fff09a, #ffd23f 45%, #f5a50c); color:#17191c; text-shadow:0 2px 0 rgba(255,255,255,.45);
  box-shadow:inset 0 3px 0 rgba(255,255,255,.6), inset 0 -6px 0 rgba(160,90,0,.3), 0 6px 0 var(--k); }
#lb.v71 #lb-rq .rq-modo:active, #lb.v71 #lb-rq .rq-time:active, #lb.v71 #lb-rq .tu-como-joga:active{ transform:translateY(4px); box-shadow:var(--k-relevo), 0 2px 0 var(--k); }
/* TIME: 1v1 a 4v4 com as bolinhas preto × branco */
#lb.v71 #lb-rq #rq-times{ display:grid; grid-template-columns:repeat(4, minmax(0, 1fr)); gap:14px; }
#lb.v71 #lb-rq .rq-time{ height:86px; gap:8px; border:4px solid var(--k); border-radius:22px; background:var(--k-face); color:#fff; font:400 34px/1 var(--k-tit);
  text-shadow:0 2px 0 rgba(0,0,0,.45); box-shadow:var(--k-relevo), 0 6px 0 var(--k); }
#lb.v71 #lb-rq .rq-time.on{ background:linear-gradient(#fff09a, #ffd23f 45%, #f5a50c); color:#17191c; text-shadow:0 2px 0 rgba(255,255,255,.45);
  box-shadow:inset 0 3px 0 rgba(255,255,255,.6), inset 0 -6px 0 rgba(160,90,0,.3), 0 6px 0 var(--k); }
#lb.v71 #lb-rq .rq-time i s{ width:14px; height:14px; }
/* CAMPO: os desenhos dos campos (o escolhido com a moldura amarela) */
#lb.v71 #lb-rq .rq-mapas{ grid-template-columns:repeat(2, minmax(0, 1fr)); gap:16px; }
#lb.v71 #lb-rq .rq-mapa{ gap:0; padding:6px 6px 0; border:4px solid var(--k); border-radius:22px; background:#121417; overflow:hidden; box-shadow:0 6px 0 var(--k); }
#lb.v71 #lb-rq .rq-mapa canvas{ height:120px; border-radius:14px; }
#lb.v71 #lb-rq .rq-mapa b{ padding:7px 0 8px; font:400 25px/1 var(--k-tit); letter-spacing:1px; color:#fff; text-shadow:0 2px 0 rgba(0,0,0,.5); }
#lb.v71 #lb-rq .rq-mapa.on{ background:linear-gradient(#ffe680, #ffd23f 50%, #f5a50c); box-shadow:0 6px 0 var(--k), 0 0 22px rgba(255,210,63,.45); }
#lb.v71 #lb-rq .rq-mapa.on b{ color:#17191c; text-shadow:none; }
/* BOTS: Fácil · Difícil · Aleatória e a frase do lado */
#lb.v71 #lb-rq .v70-bots{ display:flex; flex-direction:row; align-items:center; justify-content:flex-start; gap:18px; min-width:0; }
#lb.v71 #lb-rq .rq-caixa.v71-rq .rq-linhas > h3:nth-of-type(4), #lb.v71 #lb-rq .rq-caixa.v71-rq .v70-bots{ display:none; }   /* (na liga a nota de baixo já diz o nível dos bots) */
#lb.v71 #lb-rq .v70-bots-seg{ flex:none; display:flex; margin:0; border:4px solid var(--k); border-radius:20px; overflow:hidden; box-shadow:0 6px 0 var(--k); }
#lb.v71 #lb-rq .v70-bots-seg button{ height:66px; padding:0 26px; border:0; border-radius:0; background:#262a30; color:#dfe3e8; font:400 25px/1 var(--k-tit); letter-spacing:.6px; box-shadow:none; }
#lb.v71 #lb-rq .v70-bots-seg button + button{ border-left:3px solid var(--k); }
#lb.v71 #lb-rq .v70-bots-seg button.on{ background:linear-gradient(#fff09a, #ffd23f 45%, #f5a50c); color:#17191c; }
#lb.v71 #lb-rq .v70-bots-nota{ flex:1 1 auto; min-width:0; margin:0; font:600 19px/1.3 "Barlow", system-ui, sans-serif; color:#b9bec7; }
/* embaixo: a nota e o JOGAR amarelo */
#lb.v71 #lb-rq .rq-nota{ grid-area:nota; margin:0; font:600 18px/1.35 "Barlow", system-ui, sans-serif; color:#9aa1ab; text-align:left; }
#lb.v71 #lb-rq .rq-buscar{ grid-area:buscar; display:flex; align-items:center; justify-content:center; gap:16px; width:100%; max-width:none; height:104px; margin:0;
  border:5px solid var(--k); border-radius:28px; background:linear-gradient(180deg, #fff09a 0%, #ffd23f 42%, #f5a50c 100%); color:#17191c;
  font:400 46px/1 var(--k-tit); letter-spacing:1.5px; text-shadow:0 3px 0 rgba(255,255,255,.5);
  box-shadow:inset 0 4px 0 rgba(255,255,255,.65), inset 0 -8px 0 rgba(160,90,0,.35), 0 8px 0 var(--k), 0 14px 22px rgba(0,0,0,.4); }
#lb.v71 #lb-rq .rq-caixa.v71-rq .rq-buscar{ font-size:38px; letter-spacing:.5px; gap:0; }
#lb.v71 #lb-rq .rq-caixa.v71-rq .rq-buscar::before{ content:none; }
#lb.v71 #lb-rq .rq-buscar::before{ content:''; flex:none; width:0; height:0; border-style:solid; border-width:17px 0 17px 27px; border-color:transparent transparent transparent #17191c; }
#lb.v71.v70-cabe #lb-rq .rq-buscar{ height:118px; }   /* (no celular deitado o JOGAR da folha passa de 44 px de verdade) */
#lb.v71 #lb-rq .rq-buscar:active{ transform:translateY(5px); box-shadow:inset 0 4px 0 rgba(255,255,255,.65), 0 3px 0 var(--k); }
/* em pé: tudo numa coluna */
#lb.v71.retrato #lb-rq .rq-caixa{ grid-template-columns:minmax(0, 1fr); grid-template-areas:"abas" "cab" "linhas" "nota" "buscar"; padding:22px 20px 24px; }
#lb.v71.retrato #lb-rq .rq-linhas{ grid-template-columns:minmax(0, 1fr) auto; }
#lb.v71.retrato #lb-rq .rq-linhas > .rq-sub{ grid-column:1 / -1; }
#lb.v71.retrato #lb-rq #rq-modos{ grid-column:1; }
#lb.v71.retrato #lb-rq .tu-como-joga{ grid-column:2; }
#lb.v71.retrato #lb-rq #rq-times, #lb.v71.retrato #lb-rq .rq-mapa-box, #lb.v71.retrato #lb-rq .v70-bots{ grid-column:1 / -1; }
#lb.v71.retrato #lb-rq .v70-bots{ flex-wrap:wrap; }

/* =====================================================================================================================
   4) v71.1 · AS TELAS DE DENTRO (o que abre dos botões, as janelas, os Ajustes, a pausa e o fim) no estilo do lobby novo:
   preto-carvão, contorno grosso, o "degrau" embaixo e o amarelo no que se toca primeiro. As cores por papel da v70
   continuam (amarelo = ação principal e escolha · verde = confirmar · vermelho = sair/apagar · neutro = voltar/cancelar ·
   azul = ir para outra tela). O marinho das salas, do clube e do editor vira carvão no v71-tema.css (gerado no build).
   ===================================================================================================================== */
:root{ --k:#0b0c0e; --k-tx:#f6f3ea; --k-am:#ffd23f; --k-am2:#f5a50c; --k-cinza:#a9b0ba;
  --k-tit:"Lilita One","Anton","Arial Black",Impact,sans-serif; --k-num:"Barlow Condensed","Roboto Condensed","sans-serif-condensed","Arial Narrow",system-ui,sans-serif;
  --k-txt:"Barlow",system-ui,"Segoe UI",Roboto,sans-serif;
  --k-face:linear-gradient(180deg, #353b43 0%, #24282e 46%, #181b1f 100%);
  --k-face2:linear-gradient(180deg, #2b3037 0%, #1e2125 100%);
  --k-ama-face:linear-gradient(180deg, #fff09a 0%, #ffd23f 45%, #f5a50c 100%);
  --k-relevo:inset 0 3px 0 rgba(255,255,255,.15), inset 0 -6px 0 rgba(0,0,0,.3);
  --k-relevo-am:inset 0 3px 0 rgba(255,255,255,.6), inset 0 -6px 0 rgba(160,90,0,.3);
  --k-contorno:0 3px 0 #0b0c0e, 2px 2px 0 #0b0c0e, -2px 2px 0 #0b0c0e, 2px -2px 0 #0b0c0e, -2px -2px 0 #0b0c0e, 2.6px 0 0 #0b0c0e, -2.6px 0 0 #0b0c0e, 0 -2.6px 0 #0b0c0e, 0 5px 0 #0b0c0e;
  --k-contorno-g:0 4px 0 #0b0c0e, 3px 3px 0 #0b0c0e, -3px 3px 0 #0b0c0e, 3px -3px 0 #0b0c0e, -3px -3px 0 #0b0c0e, 3.6px 0 0 #0b0c0e, -3.6px 0 0 #0b0c0e, 0 -3.6px 0 #0b0c0e, 0 7px 0 #0b0c0e;
  --k-favo:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='48'%3E%3Cpath d='M14 0h28l14 24-14 24H14L0 24z' fill='none' stroke='%23fff' stroke-opacity='.035' stroke-width='2'/%3E%3C/svg%3E"); }

/* ---- a moldura de cada tela: o carvão com a colmeia de leve e uma luz quente em cima (a sala e o editor têm o cenário deles) */
#lb.v71 #lb-camada .lb-tela:not(.sl-tela):not(.tpe-tela){ background-color:#15171a;
  background-image:radial-gradient(110% 60% at 50% -8%, rgba(255,210,63,.08), transparent 62%), var(--k-favo), linear-gradient(180deg, #1c1f23 0%, #121416 100%);
  background-size:auto, 56px 48px, auto; }
/* ---- o cabeçalho: o VOLTAR quadrado, o título grosso e a carteira em pílulas */
#lb.v71 #lb-camada .tl-cab{ position:relative; z-index:1; gap:22px; padding:0 30px; border-bottom:0; background:linear-gradient(180deg, #2c3138 0%, #1b1e22 100%);
  box-shadow:inset 0 -5px 0 var(--k), 0 6px 0 rgba(0,0,0,.3); }   /* (o contorno de baixo por dentro: a altura do cabeçalho não muda) */
#lb.v71 #lb-camada .tl-cab h2{ font:400 48px/1 var(--k-tit); letter-spacing:1px; color:#fff; text-shadow:var(--k-contorno-g); }
#lb.v71 #lb-camada .tl-voltar{ width:max(78px, calc(46px / var(--s, 1))); height:max(78px, calc(46px / var(--s, 1))); border:4px solid var(--k); border-radius:22px;
  background:var(--k-face); box-shadow:var(--k-relevo), 0 6px 0 var(--k); }
#lb.v71 #lb-camada .tl-voltar svg{ width:44px; height:44px; filter:drop-shadow(0 2px 0 rgba(0,0,0,.5)); }
#lb.v71 #lb-camada .tl-voltar:active{ transform:translateY(4px); box-shadow:var(--k-relevo), 0 2px 0 var(--k); }
#lb.v71 #lb-camada .tl-carteira{ gap:18px; }
#lb.v71 #lb-camada .tl-carteira .lb-grana{ position:relative; height:66px; gap:0; padding:0 22px 0 56px; border:4px solid var(--k); border-radius:18px; background:#121417;
  box-shadow:inset 0 3px 0 rgba(0,0,0,.45), 0 5px 0 var(--k); font:800 31px/1 var(--k-num); color:#fff; }
#lb.v71 #lb-camada .tl-carteira .lb-grana b{ min-width:0; }
#lb.v71 #lb-camada .tl-carteira .lb-grana i{ position:absolute; left:-12px; top:50%; margin-top:-25px; font-size:46px; box-shadow:inset 0 0 0 .07em #6b4300, 0 0 0 4px var(--k), 0 4px 0 4px var(--k); }
#lb.v71 #lb-camada .tl-info{ font:800 24px/1.1 var(--k-num); letter-spacing:1px; color:var(--k-cinza); }
/* ---- as abas: botões grossos (a escolhida, amarela) */
#lb.v71 #lb-camada .tl-abas{ gap:14px; padding:18px 30px 8px; }
#lb.v71 #lb-camada .tl-aba{ min-height:max(68px, calc(46px / var(--s, 1))); padding:0 12px; border:4px solid var(--k); border-radius:20px; background:var(--k-face); color:#e3e6ea;
  font:400 26px/1.05 var(--k-tit); letter-spacing:.8px; text-shadow:0 2px 0 rgba(0,0,0,.45); box-shadow:var(--k-relevo), 0 6px 0 var(--k); }
#lb.v71 #lb-camada .tl-aba.on, #lb.v71 #lb-camada .tl-aba[aria-selected="true"]{ background:var(--k-ama-face); color:#17191c; text-shadow:0 2px 0 rgba(255,255,255,.45); box-shadow:var(--k-relevo-am), 0 6px 0 var(--k); }
#lb.v71 #lb-camada .tl-aba:active{ transform:translateY(4px); box-shadow:var(--k-relevo), 0 2px 0 var(--k); }
#lb.v71 #lb-camada .tl-aba-n:not(:empty){ min-width:30px; height:30px; padding:0 6px; border:3px solid var(--k); border-radius:15px; background:#ff3b30; color:#fff; font:400 18px/24px var(--k-tit); }
/* ---- títulos de seção, notas e as escolhas em segmento */
#lb.v71 #lb-camada .tl-sub, #lb.v71 #lb-camada .lb-sub{ font:400 30px/1.05 var(--k-tit); letter-spacing:1px; color:var(--k-am); text-shadow:0 3px 0 var(--k); }
#lb.v71 #lb-camada .tl-nota{ font:600 20px/1.35 var(--k-txt); color:var(--k-cinza); }
#lb.v71 #lb-camada .tl-seg{ gap:0; border:4px solid var(--k); border-radius:18px; overflow:hidden; box-shadow:0 5px 0 var(--k); }
#lb.v71 #lb-camada .tl-seg button{ border:0; border-radius:0; background:#262a30; color:#dfe3e8; font:400 22px/1 var(--k-tit); letter-spacing:.6px; text-shadow:0 2px 0 rgba(0,0,0,.45); box-shadow:none; }
#lb.v71 #lb-camada .tl-seg button + button{ border-left:3px solid var(--k); }
#lb.v71 #lb-camada .tl-seg button.on{ background:var(--k-ama-face); color:#17191c; text-shadow:none; }

/* ---- os botões (as cores por papel da v70; a cara do lobby: contorno preto, degrau preto, letra grossa) */
#lb.v71 .lb-btn{ border:4px solid var(--k); border-radius:20px; background:var(--k-face); color:#fff; font-family:var(--k-tit); font-weight:400; letter-spacing:.8px;
  text-shadow:0 2px 0 rgba(0,0,0,.5); box-shadow:var(--k-relevo), 0 6px 0 var(--k); }
#lb.v71 .lb-btn:active{ transform:translateY(4px); box-shadow:var(--k-relevo), 0 2px 0 var(--k); }
#lb.v71 .lb-btn.amarelo{ background:var(--k-ama-face); color:#17191c; text-shadow:0 2px 0 rgba(255,255,255,.45); box-shadow:var(--k-relevo-am), 0 6px 0 var(--k); }
#lb.v71 .lb-btn.verde{ background:linear-gradient(var(--v70-verde-a), var(--v70-verde) 55%, var(--v70-verde-b)); color:#fff;
  text-shadow:-2px -2px 0 var(--v70-verde-borda), 2px -2px 0 var(--v70-verde-borda), -2px 2px 0 var(--v70-verde-borda), 2px 2px 0 var(--v70-verde-borda), 0 3px 0 var(--v70-verde-borda);
  box-shadow:inset 0 3px 0 rgba(255,255,255,.35), inset 0 -6px 0 rgba(0,0,0,.2), 0 6px 0 var(--k); }
#lb.v71 .lb-btn.vermelho{ background:linear-gradient(var(--v70-vermelho-a), var(--v70-vermelho) 50%, var(--v70-vermelho-b)); color:#fff;
  text-shadow:-2px -2px 0 var(--v70-vermelho-borda), 2px -2px 0 var(--v70-vermelho-borda), -2px 2px 0 var(--v70-vermelho-borda), 2px 2px 0 var(--v70-vermelho-borda), 0 3px 0 var(--v70-vermelho-borda);
  box-shadow:inset 0 3px 0 rgba(255,255,255,.3), inset 0 -6px 0 rgba(0,0,0,.2), 0 6px 0 var(--k); }
#lb.v71 .lb-btn.azul{ background:linear-gradient(var(--v70-azul-a), var(--v70-azul) 55%, var(--v70-azul-b)); color:#fff;
  text-shadow:-2px -2px 0 var(--v70-azul-borda), 2px -2px 0 var(--v70-azul-borda), -2px 2px 0 var(--v70-azul-borda), 2px 2px 0 var(--v70-azul-borda), 0 3px 0 var(--v70-azul-borda);
  box-shadow:inset 0 3px 0 rgba(255,255,255,.3), inset 0 -6px 0 rgba(0,0,0,.2), 0 6px 0 var(--k); }
#lb.v71 .lb-btn.roxo, #lb.v71 .lb-btn.cinza{ background:var(--k-face); color:#fff; }
#lb.v71 .lb-btn.verde:active, #lb.v71 .lb-btn.vermelho:active, #lb.v71 .lb-btn.azul:active, #lb.v71 .lb-btn.amarelo:active{ box-shadow:inset 0 3px 0 rgba(255,255,255,.3), 0 2px 0 var(--k); }
/* os botões das telas que eram azuis (salas, comunidade, clube, copa) */
#lb.v71 .sx-bt, #lb.v71 .sx-criar{ border:4px solid var(--k); font-style:normal; box-shadow:inset 0 3px 0 rgba(255,255,255,.3), inset 0 -6px 0 rgba(0,0,0,.22), 0 6px 0 var(--k); }
#lb.v71 .sx-bt:not(.amarelo):not(.verde):not(.azul):not(.verm), #lb.v71 .sx-bt.cinza{ background:var(--k-face); color:#fff; text-shadow:0 2px 0 rgba(0,0,0,.5); }
#lb.v71 .sx-bt.amarelo, #lb.v71 .sx-criar:not(.clb-ok){ border-color:var(--k); background:var(--k-ama-face); color:#17191c; }
#lb.v71 .sx-pe .sx-criar, #lb.v71 .sx-criar.clb-ok, #lb.v71 .sx-bt.verde{ background:linear-gradient(var(--v70-verde-a), var(--v70-verde) 55%, var(--v70-verde-b)); color:#fff; }   /* (confirmar no formulário: verde, como na v70) */
#lb.v71 .sx-pe .sx-criar, #lb.v71 .sx-criar.clb-ok, #lb.v71 .sx-bt.verde, #lb.v71 .sx-bt.azul, #lb.v71 .sx-bt.verm{ border-color:var(--k); }
#lb.v71 .sx-bt:active, #lb.v71 .sx-criar:active{ transform:translateY(4px); box-shadow:inset 0 3px 0 rgba(255,255,255,.3), 0 2px 0 var(--k); }

/* ---- as janelas (o aviso, os prêmios, as missões, a primeira vez, os menus da sala): a moldura grossa do JOGAR */
#lb.v71 #lb-camada .pop-caixa:not(.ajx-caixa){ border:5px solid var(--k); border-radius:32px; background-color:#15171a;
  background-image:radial-gradient(120% 60% at 50% -10%, rgba(255,210,63,.08), transparent 60%), var(--k-favo), linear-gradient(180deg, #2c3138 0%, #1d2024 26%, #15171a 100%);
  background-size:auto, 56px 48px, auto; box-shadow:inset 0 3px 0 rgba(255,255,255,.1), 0 10px 0 var(--k), 0 28px 60px rgba(0,0,0,.6); }
#lb.v71 #lb-camada .pop-caixa h2{ font:400 50px/1.05 var(--k-tit); letter-spacing:1px; color:var(--k-am); text-shadow:var(--k-contorno-g); }
#lb.v71 #lb-camada .pop-tag{ padding:7px 16px 6px; border:3px solid var(--k); border-radius:12px; background:var(--k-ama-face); color:#17191c; font:800 20px/1 var(--k-num); letter-spacing:2px; box-shadow:0 4px 0 var(--k); }
#lb.v71 #lb-camada .pop-txt{ font:600 25px/1.35 var(--k-txt); color:#eceae3; }
#lb.v71 #lb-camada .pop-acoes{ gap:20px; margin-top:28px; }
#lb.v71 #lb-camada .pop-acoes .lb-btn{ min-width:200px; height:84px; font-size:34px; }

/* ---------------------------------------------------------------- 4b) cada tela */
/* PERFIL: em partes em toda tela deitada (CARTÃO · ESTATÍSTICAS · RECORDES · PARTIDAS, ao lado da tampinha) — a mesma
   arrumação que a v70.1 usava só no celular (o JS em tools/v71/telas.js liga as classes) */
#lb.v71:not(.retrato) #lb-camada .pf-corpo.v70-pf-partes{ display:grid; grid-template-columns:clamp(320px, 23%, 420px) minmax(0, 1fr); grid-template-areas:"lado sub" "lado parte"; grid-template-rows:auto auto;
  align-items:start; column-gap:28px; row-gap:16px; padding-top:16px; padding-bottom:12px; }
#lb.v71:not(.retrato) #lb-camada .pf-corpo.v70-pf-partes > .v70-pf-sub{ display:flex; grid-area:sub; gap:12px; }
#lb.v71:not(.retrato) #lb-camada .pf-corpo.v70-pf-partes > .pf-lado{ grid-area:lado; position:sticky; top:0; height:640px; }   /* (a tampinha mede a altura do lado) */
#lb.v71:not(.retrato) #lb-camada .pf-corpo.v70-pf-partes > :is(.pf-cartao, .pf-est, .pf-recs, .pf-partidas){ grid-area:parte; }
#lb.v71:not(.retrato) #lb-camada .pf-corpo.v70-pf-partes:not(.ver-cartao) > .pf-cartao,
#lb.v71:not(.retrato) #lb-camada .pf-corpo.v70-pf-partes:not(.ver-est) > .pf-est,
#lb.v71:not(.retrato) #lb-camada .pf-corpo.v70-pf-partes:not(.ver-rec) > .pf-recs,
#lb.v71:not(.retrato) #lb-camada .pf-corpo.v70-pf-partes:not(.ver-rec):not(.ver-hist) > .pf-partidas{ display:none; }
#lb.v71:not(.retrato) #lb-camada .pf-corpo.v70-pf-partes.ver-cartao > .pf-cartao{ margin-top:14px; }
#lb.v71:not(.retrato) #lb-camada .pf-corpo.v70-pf-partes.ver-rec{ grid-template-areas:"lado sub" "lado parte" "lado parte2"; grid-template-rows:auto auto auto; }
#lb.v71:not(.retrato) #lb-camada .pf-corpo.v70-pf-partes.ver-rec > .pf-partidas{ grid-area:parte2; }
#lb.v71:not(.retrato) #lb-camada .pf-corpo.v70-pf-partes.ver-rec > .pf-partidas > :not(#pf-rec-partidas){ display:none; }
#lb.v71:not(.retrato) #lb-camada .pf-corpo.v70-pf-partes.ver-hist > .pf-partidas > #pf-rec-partidas{ display:none; }
#lb.v71:not(.retrato) #lb-camada .pf-corpo.v70-pf-partes.ver-hist .pf-hist{ display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:10px 14px; }
#lb.v71:not(.retrato) #lb-camada .pf-corpo.v70-pf-partes.ver-hist .pf-hist li{ grid-template-columns:auto auto minmax(0, 1fr); grid-template-rows:auto auto; column-gap:12px; row-gap:0; min-height:0; padding:8px 14px; }
#lb.v71:not(.retrato) #lb-camada .pf-corpo.v70-pf-partes.ver-hist .pf-hist li small{ grid-column:1 / -1; grid-row:2; }
#lb.v71:not(.retrato) #lb-camada .pf-corpo.v70-pf-partes.ver-hist .pf-hist li em{ display:block; grid-column:3; grid-row:1; justify-self:end; }
#lb.v71:not(.retrato) #lb-camada .pf-corpo.v70-pf-partes.ver-hist .pf-hist li.vazio{ grid-column:1 / -1; }
#lb.v71 .v70-pf-sub button{ height:max(62px, calc(46px / var(--s, 1))); border:4px solid var(--k); border-radius:18px; background:var(--k-face); color:#e3e6ea; font:400 23px/1 var(--k-tit);
  letter-spacing:.6px; text-shadow:0 2px 0 rgba(0,0,0,.45); box-shadow:var(--k-relevo), 0 5px 0 var(--k); }
#lb.v71 .v70-pf-sub button[aria-selected="true"]{ background:var(--k-ama-face); color:#17191c; text-shadow:none; box-shadow:var(--k-relevo-am), 0 5px 0 var(--k); }
/* o lado: a tampinha, o PERSONALIZAR, o clube e a próxima meta */
#lb.v71 .pf-skin{ font:400 34px/1 var(--k-tit); color:#fff; text-shadow:var(--k-contorno); }
#lb.v71 .pf-clube{ border:4px solid var(--k); border-radius:20px; background:var(--k-face); box-shadow:var(--k-relevo), 0 6px 0 var(--k); }
#lb.v71 .pf-meta{ border:4px solid var(--k); border-radius:20px; background:var(--k-face2); box-shadow:inset 0 3px 0 rgba(255,255,255,.07), 0 6px 0 var(--k); }
/* o cartão: as estatísticas de cima em botões escuros (eram adesivos amarelos e creme) */
#lb.v71 .pf-cartao{ border-width:5px; }
#lb.v71 .pf-st, #lb.v71 .pf-st:nth-child(odd), #lb.v71 .pf-st:nth-child(even){ transform:none; border:4px solid var(--k); border-radius:20px; background:var(--k-face); color:#fff; box-shadow:var(--k-relevo), 0 6px 0 var(--k); }
#lb.v71 .pf-st.top{ background:var(--k-face); }
#lb.v71 .pf-st b, #lb.v71 .pf-st.top b{ font:400 36px/1 var(--k-tit); color:#fff; text-shadow:0 3px 0 var(--k); }
#lb.v71 .pf-st.top b{ color:var(--k-am); }
#lb.v71 .pf-st small{ color:var(--k-cinza); font:800 17px/1.1 var(--k-num); letter-spacing:.8px; text-transform:uppercase; }
#lb.v71 .pf-st i{ border:3px solid var(--k); box-shadow:inset 0 3px 0 rgba(255,255,255,.3), inset 0 -4px 0 rgba(0,0,0,.25); }
/* os cartões de número (estatísticas, recordes e as sequências) */
#lb.v71 #lb-camada .card{ border:4px solid var(--k); border-radius:20px; background:var(--k-face2); box-shadow:inset 0 3px 0 rgba(255,255,255,.07), 0 6px 0 var(--k); }
#lb.v71 #lb-camada .card small{ font:800 17px/1.1 var(--k-num); letter-spacing:1.5px; color:var(--k-cinza); }
#lb.v71 #lb-camada .card b{ font:400 44px/1 var(--k-tit); color:#fff; text-shadow:0 3px 0 var(--k); }
#lb.v71 #lb-camada .card.top b{ color:var(--k-am); }
#lb.v71 #lb-camada .card em{ font:700 18px/1.2 var(--k-txt); letter-spacing:.2px; color:var(--k-am); }
/* as últimas partidas: a faixa da cor do resultado do lado */
#lb.v71 .pf-hist li{ border:3px solid var(--k); border-left:10px solid #2fbf5b; border-radius:16px; background:var(--k-face2); box-shadow:0 4px 0 var(--k); }
#lb.v71 .pf-hist li.d{ border-left-color:#e8452c; }
#lb.v71 .pf-hist li.e{ border-left-color:var(--k-am); }
#lb.v71 .pf-hist li b{ font:400 22px/1 var(--k-tit); letter-spacing:.6px; color:#5fe07a; }
#lb.v71 .pf-hist li.d b{ color:#ff7a6c; } #lb.v71 .pf-hist li.e b{ color:var(--k-am); }
#lb.v71 .pf-hist li span{ font:400 26px/1 var(--k-tit); color:#fff; }
#lb.v71 .pf-hist li.vazio{ border-left-color:var(--k); }

/* RANKING: os prêmios em fichas e as linhas grossas (o pódio em ouro, prata e bronze; você em amarelo) */
#lb.v71 .rk-liga b{ font:400 36px/1 var(--k-tit); color:var(--k-am); text-shadow:0 3px 0 var(--k); }
#lb.v71 .rk-premio{ border:3px solid var(--k); border-radius:14px; background:var(--k-face2); box-shadow:0 4px 0 var(--k); font:800 21px/1.1 var(--k-num); color:#eceae3; }
#lb.v71 .rk-premio.um{ background:linear-gradient(180deg, #4a3a10, #2a220c); box-shadow:inset 0 0 0 2px rgba(255,210,63,.5), 0 4px 0 var(--k); }
#lb.v71 .rk-lista li{ border:3px solid var(--k); border-radius:16px; background:var(--k-face2); box-shadow:inset 0 3px 0 rgba(255,255,255,.06), 0 4px 0 var(--k); transform:none; font-family:var(--k-tit); }
#lb.v71 .rk-lista li:nth-child(1){ background:linear-gradient(90deg, rgba(255,210,63,.32), transparent 65%), var(--k-face2); box-shadow:inset 8px 0 0 #ffd23f, 0 4px 0 var(--k); }
#lb.v71 .rk-lista li:nth-child(2){ background:linear-gradient(90deg, rgba(220,224,232,.24), transparent 65%), var(--k-face2); box-shadow:inset 8px 0 0 #dfe3ea, 0 4px 0 var(--k); }
#lb.v71 .rk-lista li:nth-child(3){ background:linear-gradient(90deg, rgba(216,106,56,.3), transparent 65%), var(--k-face2); box-shadow:inset 8px 0 0 #d86a38, 0 4px 0 var(--k); }
#lb.v71 .rk-lista li.voce{ background:var(--k-ama-face); color:#17191c; box-shadow:var(--k-relevo-am), 0 5px 0 var(--k); transform:none; }
#lb.v71 .rk-lista li.voce .lb-pos{ background:#17191c; color:var(--k-am); }
#lb.v71 .rk-lista .lb-pos{ border:3px solid var(--k); box-shadow:0 3px 0 var(--k); }
#lb.v71 .rk-lista .rk-bot{ border:2px solid var(--k); background:#2b3037; color:#c9ced6; }

/* REPLAYS: o vazio com a bola grande; os cartões dos gols */
#lb.v71 .rp-vazio{ border:4px solid var(--k); border-radius:24px; background:var(--k-face2); box-shadow:inset 0 3px 0 rgba(255,255,255,.07), 0 7px 0 var(--k); padding-top:104px; position:relative; }
#lb.v71 .rp-vazio::before{ content:''; position:absolute; left:50%; top:22px; width:70px; height:70px; margin-left:-35px; border-radius:50%;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Ccircle cx='32' cy='32' r='25' fill='%23f6f3ea' stroke='%230b0c0e' stroke-width='4'/%3E%3Cpath d='M32 21.5l9.6 7-3.7 11.3H26.1l-3.7-11.3z' fill='%2317191c'/%3E%3Cpath d='M32 21.5V10M41.6 28.5l10.4-3.4M37.9 39.8l6.3 8.6M26.1 39.8l-6.3 8.6M22.4 28.5L12 25.1' stroke='%2317191c' stroke-width='3.6' stroke-linecap='round'/%3E%3C/svg%3E") center/contain no-repeat; }
#lb.v71 .rp-vazio b{ font:400 36px/1 var(--k-tit); color:var(--k-am); text-shadow:0 3px 0 var(--k); }
#lb.v71 .rp-card{ border:4px solid var(--k); border-radius:22px; background:var(--k-face2); box-shadow:0 6px 0 var(--k); }

/* LOJA: as peças do dia em vitrine (maiores, com a faixa da raridade), os preços em fichas e o COMO GANHAR em linhas */
#lb.v71 .v70-lj-pr{ border:3px solid var(--k); border-radius:12px; box-shadow:0 3px 0 var(--k); }
#lb.v71 .v70-lj-dest-t{ font:400 28px/1 var(--k-tit); letter-spacing:1px; color:#fff; text-shadow:0 3px 0 var(--k); }
#lb.v71 .v70-lj-dest{ gap:18px; }
#lb.v71 .v70-lj-peca{ position:relative; overflow:hidden; padding:18px 12px 14px; border:4px solid var(--k); border-radius:24px; background:var(--k-face); box-shadow:var(--k-relevo), 0 7px 0 var(--k); }
#lb.v71 .v70-lj-peca::before{ content:''; position:absolute; left:0; right:0; top:0; height:9px; background:#9aa0a8; border-bottom:3px solid var(--k); }
#lb.v71 .v70-lj-peca[data-r=raro]::before{ background:#3f8cff; } #lb.v71 .v70-lj-peca[data-r=epico]::before{ background:#a66bff; } #lb.v71 .v70-lj-peca[data-r=lendario]::before{ background:linear-gradient(90deg, #ffd23f, #ff8a2a); }
#lb.v71 .v70-lj-peca canvas{ width:104px; height:104px; filter:drop-shadow(0 5px 0 rgba(0,0,0,.35)); }
#lb.v71 .v70-lj-peca-t b{ font:400 26px/1.05 var(--k-tit); color:#fff; text-shadow:0 2px 0 var(--k); }
#lb.v71 .v70-lj-peca-t small{ font:800 16px/1.1 var(--k-num); letter-spacing:1.2px; color:var(--k-cinza); }
#lb.v71 .v70-lj-peca-pr{ font:800 22px/1 var(--k-num); color:var(--k-am); }
#lb.v71 .v70-lj-peca-x{ display:inline-block; margin-top:6px; padding:7px 14px 6px; border:3px solid var(--k); border-radius:12px; background:var(--k-ama-face); color:#17191c;
  font:400 17px/1 var(--k-tit); letter-spacing:.6px; box-shadow:0 4px 0 var(--k); }
#lb.v71 .v70-lj-ir{ height:84px; padding:0 36px; font-size:32px; }
#lb.v71 .v70-lj-ganhos li{ border:3px solid var(--k); border-radius:14px; background:var(--k-face2); box-shadow:0 4px 0 var(--k); }
#lb.v71 .v70-lj-ganhos li b{ font:400 21px/1.1 var(--k-tit); letter-spacing:.4px; color:#fff; }

/* TREINO: os exercícios como botões grandes de jogo (o escolhido com o aro amarelo; o tutorial, verde) */
#lb.v71 .tr-grade{ gap:22px; }
#lb.v71 .tr-card{ border:4px solid var(--k); border-radius:24px; background:var(--k-face); box-shadow:var(--k-relevo), 0 7px 0 var(--k); }
#lb.v71 .tr-card.on{ box-shadow:var(--k-relevo), 0 0 0 5px var(--k-am), 0 7px 0 5px var(--k); }
#lb.v71 .tr-card.tu-card{ box-shadow:var(--k-relevo), 0 0 0 5px #2fbf5b, 0 7px 0 5px var(--k); }
#lb.v71 .tr-card:active{ transform:translateY(4px); }
#lb.v71 .tr-ic{ border:4px solid var(--k); box-shadow:inset 0 4px 0 rgba(255,255,255,.3), inset 0 -6px 0 rgba(0,0,0,.2), 0 4px 0 var(--k); }
#lb.v71 .tr-card b{ font:400 32px/1 var(--k-tit); color:#fff; text-shadow:0 3px 0 var(--k); }
#lb.v71 .tr-card span{ font:600 19px/1.3 var(--k-txt); color:var(--k-cinza); }
#lb.v71 .tr-card em{ font:800 20px/1.1 var(--k-num); color:var(--k-am); }
#lb.v71 .tr-card em i{ color:#c9ced6; }

/* COMUNIDADE · SALAS · CLUBE · COPA (eram azuis): o painel com a moldura grossa, o cabeçalho do painel e os cartões */
#lb.v71 .sx{ border:5px solid var(--k); border-radius:30px; box-shadow:inset 0 3px 0 rgba(255,255,255,.08), 0 8px 0 var(--k), 0 18px 30px rgba(0,0,0,.35); }
#lb.v71 .sx-cab{ border-bottom:5px solid var(--k); }
#lb.v71 .sx-tit{ font-style:normal; text-shadow:var(--k-contorno-g); }
#lb.v71 .sx-tag{ border:3px solid var(--k); box-shadow:0 3px 0 var(--k); }
#lb.v71 .sx-st{ border:3px solid var(--k); }
#lb.v71 .cm-card{ border:4px solid var(--k); border-radius:22px; background:var(--k-face); box-shadow:var(--k-relevo), 0 6px 0 var(--k); }
#lb.v71 .cm-card h3, #lb.v71 .cm-cab h3{ font:400 30px/1 var(--k-tit); letter-spacing:.6px; color:#fff; text-shadow:0 3px 0 var(--k); }
#lb.v71 .cm-ic{ border:3px solid var(--k); box-shadow:0 3px 0 var(--k); }
#lb.v71 .cm-clube{ border:4px solid var(--k); border-radius:22px; background:var(--k-face); box-shadow:var(--k-relevo), 0 6px 0 var(--k); }
/* a COPA (era uma faixa solta): um cartão de verdade, com o troféu */
#lb.v71 #tela-eventos .on-card{ position:relative; max-width:900px; margin:10px auto 0; padding:30px 34px 30px 170px; border:5px solid var(--k); border-radius:30px; background:var(--k-face);
  box-shadow:var(--k-relevo), 0 8px 0 var(--k); text-align:left; }
#lb.v71 #tela-eventos .on-card::before{ content:''; position:absolute; left:34px; top:30px; width:110px; height:110px;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cpath d='M18 12H9v5c0 6 4 10 10 10M46 12h9v5c0 6-4 10-10 10' fill='none' stroke='%230b0c0e' stroke-width='4' stroke-linecap='round'/%3E%3Cpath d='M18 7h28v15c0 9-6 16-14 16S18 31 18 22z' fill='%23ffd23f' stroke='%230b0c0e' stroke-width='4' stroke-linejoin='round'/%3E%3Cpath d='M25 13v8' stroke='%23fff6c2' stroke-width='4' stroke-linecap='round'/%3E%3Cpath d='M28 38h8v8h-8z' fill='%23f2a813' stroke='%230b0c0e' stroke-width='4' stroke-linejoin='round'/%3E%3Crect x='17' y='46' width='30' height='10' rx='3' fill='%238a5a2b' stroke='%230b0c0e' stroke-width='4'/%3E%3C/svg%3E") center/contain no-repeat;
  filter:drop-shadow(0 5px 0 rgba(0,0,0,.35)); }
#lb.v71 #tela-eventos .on-card h3{ font:400 40px/1 var(--k-tit); color:var(--k-am); text-shadow:var(--k-contorno); }
#lb.v71 #tela-eventos .on-card h3 svg{ display:none; }
#lb.v71 #tela-eventos .on-card p{ font:600 22px/1.35 var(--k-txt); color:#e3e1da; }
#lb.v71 #tela-eventos .on-card .lb-btn{ width:auto; min-width:280px; height:78px; margin-top:18px; font-size:30px; }
/* o CHAT DO BRASIL */
#lb.v71 .br-fixo{ border:3px solid var(--k); border-radius:14px; background:var(--k-ama-face); color:#17191c; box-shadow:0 4px 0 var(--k); font:800 21px/1.2 var(--k-num); letter-spacing:.6px; }
#lb.v71 .br-form{ border-top:5px solid var(--k); background:linear-gradient(180deg, #2c3138, #1b1e22); }
#lb.v71 .br-form input{ border:4px solid var(--k); border-radius:16px; background:#f3f1ea; color:#17191c; box-shadow:inset 0 3px 0 rgba(0,0,0,.15); }
#lb.v71 .br-form button{ border:4px solid var(--k); border-radius:16px; background:var(--k-ama-face); color:#17191c; font-family:var(--k-tit); box-shadow:var(--k-relevo-am), 0 5px 0 var(--k); }
/* o EDITOR da tampinha (o painel ficou carvão no tema): as abas e o VOLTAR/CONCLUÍDO com a cara do resto */
#lb.v71 .tpe{ border:5px solid var(--k); box-shadow:inset 0 3px 0 rgba(255,255,255,.08), 0 8px 0 var(--k), 0 18px 30px rgba(0,0,0,.4); }
#lb.v71 .tpe-aba{ border:4px solid var(--k) !important; border-radius:16px; box-shadow:var(--k-relevo), 0 5px 0 var(--k); font-family:var(--k-tit); }
#lb.v71 .tpe-aba.on, #lb.v71 .tpe-aba[aria-selected="true"]{ background:var(--k-ama-face) !important; color:#17191c !important; }
#lb.v71 .tpe-ok{ border:5px solid var(--k) !important; border-radius:22px; box-shadow:inset 0 3px 0 rgba(255,255,255,.3), inset 0 -6px 0 rgba(0,0,0,.2), 0 7px 0 var(--k); }

/* DESAFIOS (a janela das missões): cada missão num cartão, a barra amarela e o prêmio em ficha */
#lb.v71 .v70-mi-l{ gap:12px; }
#lb.v71 .v70-mi-i{ padding:12px 16px; border:4px solid var(--k); border-radius:18px; background:var(--k-face2); box-shadow:inset 0 3px 0 rgba(255,255,255,.07), 0 5px 0 var(--k); }
#lb.v71 .v70-mi-t b{ font:400 24px/1.1 var(--k-tit); letter-spacing:.3px; color:#fff; }
#lb.v71 .v70-mi-bar{ height:16px; border:3px solid var(--k); border-radius:9px; background:#0e1013; }
#lb.v71 .v70-mi-bar i{ background:linear-gradient(#ffe680, var(--k-am) 60%, var(--k-am2)); }
#lb.v71 .v70-mi-pr{ padding:6px 12px; border:3px solid var(--k); border-radius:12px; background:#121417; font:800 21px/1 var(--k-num); color:var(--k-am); box-shadow:0 3px 0 var(--k); }

/* ---------------------------------------------------------------- 4c) as janelas de tamanho real: AJUSTES, PAUSA, FIM, COMO JOGA,
   o editor dos controles e o chat da sala (ficam fora do palco do lobby: medidas em px de verdade, vezes o Tamanho da interface) */
/* AJUSTES */
#pop-ajustes .ajx-caixa{ width:min(1000px, 100%); border:5px solid var(--k); border-radius:28px; background-color:#15171a;
  background-image:radial-gradient(120% 50% at 50% -10%, rgba(255,210,63,.08), transparent 60%), var(--k-favo), linear-gradient(180deg, #2c3138 0%, #1d2024 22%, #15171a 100%);
  background-size:auto, 42px 36px, auto; box-shadow:inset 0 3px 0 rgba(255,255,255,.1), 0 8px 0 var(--k), 0 24px 50px rgba(0,0,0,.6); }
#pop-ajustes .ajx-cab{ padding:14px 14px 8px 22px; }
#pop-ajustes .ajx-cab h2{ font:400 calc(34px*var(--v70-ui))/1 var(--k-tit); letter-spacing:1px; color:var(--k-am);
  text-shadow:0 3px 0 var(--k), 2px 2px 0 var(--k), -2px 2px 0 var(--k), 2px -2px 0 var(--k), -2px -2px 0 var(--k), 0 5px 0 var(--k); }
#pop-ajustes .ajx-fechar{ border:4px solid var(--k); border-radius:50%; background:linear-gradient(#ff7a6c, #e8452c 58%, #b8261b); color:#fff;
  font:400 calc(20px*var(--v70-ui))/1 var(--k-tit); box-shadow:inset 0 3px 0 rgba(255,255,255,.4), 0 4px 0 var(--k); text-shadow:0 2px 0 rgba(0,0,0,.4); }
#pop-ajustes .ajx-fechar:active{ transform:translateY(3px); box-shadow:0 1px 0 var(--k); }
#pop-ajustes .ajx-abas{ gap:8px; padding:4px 16px 12px; }
#pop-ajustes .ajx-aba{ display:inline-flex; align-items:center; gap:8px; padding:0 14px 0 10px; border:3px solid var(--k); border-radius:14px; background:var(--k-face); color:#e3e6ea;
  font:400 calc(17px*var(--v70-ui))/1 var(--k-tit); letter-spacing:.5px; text-shadow:0 2px 0 rgba(0,0,0,.45); box-shadow:inset 0 2px 0 rgba(255,255,255,.14), inset 0 -4px 0 rgba(0,0,0,.28), 0 4px 0 var(--k); }
#pop-ajustes .ajx-aba[aria-selected="true"]{ background:var(--k-ama-face); color:#17191c; text-shadow:none; box-shadow:inset 0 2px 0 rgba(255,255,255,.6), inset 0 -4px 0 rgba(160,90,0,.3), 0 4px 0 var(--k); }
#pop-ajustes .ajx-aba:active{ transform:translateY(3px); box-shadow:0 1px 0 var(--k); }
#pop-ajustes .ajx-aba .v71-ic{ display:block; flex:none; width:calc(26px*var(--v70-ui)); height:calc(26px*var(--v70-ui)); }
#pop-ajustes .ajx-aba .v71-ic svg{ display:block; width:100%; height:100%; }
#pop-ajustes .ajx-corpo{ padding:6px 22px 14px; }
#pop-ajustes .aj-lin, #pop-ajustes .ajx-grupo{ border-bottom:2px solid rgba(255,255,255,.07); }
#pop-ajustes .aj-lin > span:first-child, #pop-ajustes .ajx-tx b{ font-family:var(--k-txt); font-weight:700; color:#f3f1ea; }
#pop-ajustes .ajx-tx small, #pop-ajustes .ajx-nota{ color:var(--k-cinza); }
#pop-ajustes .ajx-h, #pop-ajustes h3.aj-sec{ font:400 calc(16px*var(--v70-ui))/1.2 var(--k-tit); letter-spacing:1.2px; color:var(--k-am); text-shadow:0 2px 0 var(--k); }
/* a chave liga/desliga: grossa, com a bolinha de contorno */
#pop-ajustes .aj-chave{ width:calc(70px*var(--v70-ui)); }
#pop-ajustes .aj-chave::before{ left:2px; right:2px; height:calc(34px*var(--v70-ui)); border:3px solid var(--k); background:#3a3f46; box-shadow:inset 0 3px 0 rgba(0,0,0,.35), 0 3px 0 var(--k); }
#pop-ajustes .aj-chave i{ left:6px; width:calc(24px*var(--v70-ui)); height:calc(24px*var(--v70-ui)); margin-top:calc(-12px*var(--v70-ui)); border:3px solid var(--k); background:#c9ced6; box-sizing:border-box; }
#pop-ajustes .aj-chave[aria-pressed="true"]::before{ background:linear-gradient(#5fd06e, #2fa84f 60%, #1d7a35); }
#pop-ajustes .aj-chave[aria-pressed="true"] i{ transform:translateX(calc(32px*var(--v70-ui))); background:#fff; }
/* as escolhas em segmento (qualidade, quadros, enquadramento…) */
#pop-ajustes .tl-seg, #pop-ajustes .ajx-seg{ gap:8px; }
#pop-ajustes .tl-seg button, #pop-ajustes .ajx-seg button{ border:3px solid var(--k); border-radius:14px; background:var(--k-face); color:#e3e6ea; font-family:var(--k-tit); font-weight:400;
  letter-spacing:.4px; text-shadow:0 2px 0 rgba(0,0,0,.45); box-shadow:inset 0 2px 0 rgba(255,255,255,.12), 0 4px 0 var(--k); }
#pop-ajustes .tl-seg button.on, #pop-ajustes .ajx-seg button.on, #pop-ajustes .ajx-seg button[aria-pressed="true"]{ background:var(--k-ama-face); color:#17191c; text-shadow:none;
  box-shadow:inset 0 2px 0 rgba(255,255,255,.6), 0 4px 0 var(--k); }
#pop-ajustes .tl-seg button:active, #pop-ajustes .ajx-seg button:active{ transform:translateY(3px); box-shadow:0 1px 0 var(--k); }
#pop-ajustes .ajx-pre small{ font-family:var(--k-txt); font-weight:700; }
/* os deslizantes: a trilha com contorno e o pegador amarelo */
#pop-ajustes input[type=range]::-webkit-slider-runnable-track{ height:16px; border:3px solid var(--k); border-radius:10px; background:linear-gradient(90deg, var(--k-am) var(--p, 50%), #2b3037 var(--p, 50%)); }
#pop-ajustes input[type=range]::-webkit-slider-thumb{ width:32px; height:32px; margin-top:-11px; border:4px solid var(--k); background:radial-gradient(circle at 40% 35%, #fff6c2, var(--k-am) 55%, var(--k-am2)); box-shadow:0 3px 0 var(--k); }
#pop-ajustes input[type=range]::-moz-range-track{ height:12px; border:3px solid var(--k); border-radius:10px; background:#2b3037; }
#pop-ajustes input[type=range]::-moz-range-progress{ height:12px; border-radius:8px; background:var(--k-am); }
#pop-ajustes input[type=range]::-moz-range-thumb{ width:24px; height:24px; border:4px solid var(--k); background:var(--k-am); }
/* os botões dos Ajustes e o PRONTO */
#pop-ajustes .lb-btn, #pop-ajustes .ajx-rest, #pop-ajustes .ajx-acao{ border:3px solid var(--k); border-radius:14px; font-family:var(--k-tit); font-weight:400; letter-spacing:.5px;
  box-shadow:inset 0 2px 0 rgba(255,255,255,.18), inset 0 -4px 0 rgba(0,0,0,.25), 0 4px 0 var(--k); }
#pop-ajustes .lb-btn:not(.verde):not(.vermelho), #pop-ajustes .ajx-rest{ background:var(--k-face); color:#fff; }
#pop-ajustes .ajx-acao{ background:var(--k-ama-face); color:#17191c; }
#pop-ajustes .lb-btn.verde{ background:linear-gradient(var(--v70-verde-a), var(--v70-verde) 55%, var(--v70-verde-b)); color:#fff; text-shadow:0 2px 0 var(--v70-verde-borda); }
#pop-ajustes .lb-btn.vermelho{ background:linear-gradient(var(--v70-vermelho-a), var(--v70-vermelho) 50%, var(--v70-vermelho-b)); color:#fff; text-shadow:0 2px 0 var(--v70-vermelho-borda); }
#pop-ajustes .lb-btn:active, #pop-ajustes .ajx-rest:active, #pop-ajustes .ajx-acao:active{ transform:translateY(3px); box-shadow:0 1px 0 var(--k); }
#pop-ajustes .pop-acoes{ border-top:3px solid var(--k); background:rgba(0,0,0,.18); }
#pop-ajustes .pop-acoes .lb-btn{ min-width:170px; font-size:calc(20px*var(--v70-ui)); }
#pop-ajustes .aj-serv input{ border:3px solid var(--k); border-radius:12px; background:#f3f1ea; color:#17191c; box-shadow:inset 0 3px 0 rgba(0,0,0,.12); }
#pop-ajustes .ajx-tecla kbd, #pop-ajustes .ajx-tecla button{ border-color:var(--k); }

/* PAUSA: os botões grandes com desenho (CONTINUAR amarelo, SAIR vermelho) */
#pausa{ background:rgba(8,9,11,.7); }
#pausa .pa-caixa{ width:min(470px, 100%); padding:clamp(14px, 3.4vh, 26px) 26px clamp(14px, 3vh, 24px); border:5px solid var(--k); border-radius:30px; background-color:#15171a;
  background-image:radial-gradient(120% 50% at 50% -10%, rgba(255,210,63,.1), transparent 60%), var(--k-favo), linear-gradient(180deg, #2c3138 0%, #1d2024 26%, #15171a 100%);
  background-size:auto, 42px 36px, auto; box-shadow:inset 0 3px 0 rgba(255,255,255,.1), 0 8px 0 var(--k), 0 24px 50px rgba(0,0,0,.6); }
#pausa .pa-caixa h2{ font:400 clamp(34px, 9vh, 54px)/1 var(--k-tit); letter-spacing:2px; color:var(--k-am);
  text-shadow:0 4px 0 var(--k), 3px 3px 0 var(--k), -3px 3px 0 var(--k), 3px -3px 0 var(--k), -3px -3px 0 var(--k), 0 7px 0 var(--k); }
#pausa .pa-rot{ font:800 clamp(13px, 3vh, 17px)/1.2 var(--k-num); letter-spacing:2px; color:var(--k-cinza); }
#pausa .pa-acoes{ gap:clamp(8px, 1.8vh, 14px); }
#pausa .pa-bt{ display:flex; align-items:center; justify-content:center; gap:12px; min-height:clamp(46px, 11.5vh, 66px) !important; padding:0 18px; border:4px solid var(--k); border-radius:18px;
  background:var(--k-face); color:#fff; font:400 clamp(18px, 4.8vh, 26px)/1 var(--k-tit); letter-spacing:.8px; text-shadow:0 2px 0 rgba(0,0,0,.5);
  box-shadow:inset 0 3px 0 rgba(255,255,255,.15), inset 0 -5px 0 rgba(0,0,0,.3), 0 6px 0 var(--k); }
#pausa .pa-bt:active{ transform:translateY(4px); box-shadow:inset 0 3px 0 rgba(255,255,255,.15), 0 2px 0 var(--k); }
#pausa .pa-bt .v71-ic{ display:block; flex:none; width:clamp(26px, 6.4vh, 38px); height:clamp(26px, 6.4vh, 38px); }
#pausa .pa-bt .v71-ic svg{ display:block; width:100%; height:100%; }
#pausa .pa-pri{ background:var(--k-ama-face); color:#17191c; text-shadow:0 2px 0 rgba(255,255,255,.45); box-shadow:inset 0 3px 0 rgba(255,255,255,.6), inset 0 -5px 0 rgba(160,90,0,.3), 0 6px 0 var(--k); }
#pausa .pa-sair{ background:linear-gradient(var(--v70-vermelho-a), var(--v70-vermelho) 50%, var(--v70-vermelho-b)); color:#fff; text-shadow:0 2px 0 var(--v70-vermelho-borda); }
#pausa .pa-sair.confirma{ background:linear-gradient(#b32a1e, #7a160d); }
#pausa .pa-nota{ color:var(--k-cinza); }

/* O FIM DA PARTIDA: a moldura grossa, o VITÓRIA! com contorno, o placar em preto × branco e o JOGAR DE NOVO amarelo */
#fim, #trfim{ background:rgba(8,9,11,.66); }
#fim .fim-caixa, #fim.rq .fim-caixa, #trfim .fim-caixa{ border:5px solid var(--k); border-radius:30px; background-color:#15171a;
  background-image:radial-gradient(120% 55% at 50% -12%, rgba(255,210,63,.14), transparent 60%), var(--k-favo), linear-gradient(180deg, #2c3138 0%, #1d2024 26%, #15171a 100%);
  background-size:auto, 42px 36px, auto; box-shadow:inset 0 3px 0 rgba(255,255,255,.1), 0 8px 0 var(--k), 0 24px 50px rgba(0,0,0,.6); }
#fim .fim-caixa h2, #trfim .fim-caixa h2{ font-family:var(--k-tit); color:var(--k-am);
  text-shadow:0 4px 0 var(--k), 3px 3px 0 var(--k), -3px 3px 0 var(--k), 3px -3px 0 var(--k), -3px -3px 0 var(--k), 0 8px 0 var(--k); }
#fim.perdeu .fim-caixa h2{ color:#f3f1ea; }
#fim .fim-placar b{ border:4px solid var(--k); border-radius:16px; box-shadow:inset 0 3px 0 rgba(255,255,255,.15), 0 5px 0 var(--k); font-family:var(--k-tit); }
#fim .fim-placar span{ font-family:var(--k-tit); color:var(--k-cinza); }
#fim .fim-stats span, #trfim .fim-stats span{ border:3px solid var(--k); border-radius:14px; background:#121417; box-shadow:0 4px 0 var(--k); }
#fim .fim-acoes .lb-btn, #trfim .fim-acoes .lb-btn{ border:4px solid var(--k); border-radius:18px; font-family:var(--k-tit); letter-spacing:.8px;
  box-shadow:inset 0 3px 0 rgba(255,255,255,.18), inset 0 -5px 0 rgba(0,0,0,.25), 0 6px 0 var(--k); }
#fim #fim-denovo{ background:var(--k-ama-face); color:#17191c; box-shadow:inset 0 3px 0 rgba(255,255,255,.6), inset 0 -5px 0 rgba(160,90,0,.3), 0 6px 0 var(--k); }
#fim #fim-lobby{ background:var(--k-face); color:#fff; text-shadow:0 2px 0 rgba(0,0,0,.5); }
#fim .fim-acoes .lb-btn:active, #trfim .fim-acoes .lb-btn:active{ transform:translateY(4px); box-shadow:0 2px 0 var(--k); }
#fim .fim-rq{ border:3px solid var(--k); border-radius:16px; background:#121417; box-shadow:0 4px 0 var(--k); }

/* COMO JOGA */
.tu-intro-cx{ border:5px solid var(--k); border-radius:28px; background-color:#15171a;
  background-image:radial-gradient(120% 50% at 50% -10%, rgba(255,210,63,.1), transparent 60%), var(--k-favo), linear-gradient(180deg, #2c3138 0%, #1d2024 26%, #15171a 100%);
  background-size:auto, 42px 36px, auto; box-shadow:inset 0 3px 0 rgba(255,255,255,.1), 0 8px 0 var(--k), 0 24px 50px rgba(0,0,0,.6); }
.tu-intro-tag{ border:3px solid var(--k); border-radius:10px; background:var(--k-ama-face); color:#17191c; font:800 calc(13px*var(--v70-ui))/1 var(--k-num); letter-spacing:2px; box-shadow:0 3px 0 var(--k); }
.tu-intro-cx h2{ font:400 calc(32px*var(--v70-ui))/1.1 var(--k-tit); color:var(--k-am); text-shadow:0 3px 0 var(--k), 2px 2px 0 var(--k), -2px 2px 0 var(--k), 2px -2px 0 var(--k), -2px -2px 0 var(--k), 0 5px 0 var(--k); }
.tu-intro-l dt{ font:400 calc(15px*var(--v70-ui))/1.1 var(--k-tit); letter-spacing:1px; color:var(--k-am); }
.tu-intro-l dd{ font-family:var(--k-txt); font-weight:600; color:#eceae3; }
.tu-intro-ok{ border:4px solid var(--k); border-radius:16px; background:var(--k-ama-face); color:#17191c; font:400 calc(22px*var(--v70-ui))/1 var(--k-tit); letter-spacing:1px;
  box-shadow:inset 0 3px 0 rgba(255,255,255,.6), inset 0 -5px 0 rgba(160,90,0,.3), 0 5px 0 var(--k); }
.tu-intro-ok:active{ transform:translateY(3px); box-shadow:0 2px 0 var(--k); }

/* O EDITOR DOS CONTROLES (na partida) e o CHAT DA SALA */
#hp{ border:4px solid var(--k); border-radius:20px; background:rgba(21,23,26,.96); box-shadow:inset 0 3px 0 rgba(255,255,255,.08), 0 6px 0 var(--k), 0 14px 30px rgba(0,0,0,.55); }
#hp .hp-abas button, #hp .hp-bt, #hp .hp-acoes button{ border:3px solid var(--k) !important; border-radius:12px; box-shadow:0 3px 0 var(--k); font-family:var(--k-tit); font-weight:400; }
#hp .hp-abas button.on{ background:var(--k-ama-face) !important; color:#17191c !important; }
#hp input[type=range]::-webkit-slider-runnable-track{ height:12px; border:2px solid var(--k); border-radius:8px; background:linear-gradient(90deg, var(--k-am) var(--p, 50%), #2b3037 var(--p, 50%)); }
#hp input[type=range]::-webkit-slider-thumb{ width:26px; height:26px; margin-top:-9px; border:3px solid var(--k); background:var(--k-am); }
#cp .cp-caixa{ border:4px solid var(--k); border-radius:22px; background:rgba(21,23,26,.97); box-shadow:inset 0 3px 0 rgba(255,255,255,.08), 0 6px 0 var(--k), 0 16px 36px rgba(0,0,0,.55); }
#cp .cp-aba{ border:3px solid var(--k); border-radius:12px; background:var(--k-face); color:#e3e6ea; font-family:var(--k-tit); box-shadow:0 3px 0 var(--k); }
#cp .cp-aba.on{ background:var(--k-ama-face); color:#17191c; }
#cp .cp-x{ border:3px solid var(--k) !important; background:linear-gradient(#ff7a6c, #e8452c 58%, #b8261b); color:#fff; box-shadow:0 3px 0 var(--k); }
#cp .cp-in{ border:3px solid var(--k); }
#cp .cp-ok{ border:3px solid var(--k); background:var(--k-ama-face); color:#17191c; font-family:var(--k-tit); box-shadow:0 3px 0 var(--k); }
#cp .cp-chip{ border:2px solid var(--k); background:#2b3037; box-shadow:0 2px 0 var(--k); }

/* ---------------------------------------------------------------- 4d) no celular deitado (tudo cabe, como na v70.1): a cara nova com as medidas de antes
   (as abas, as bordas e as vitrines mais baixas: o que encolhia para caber não pode encolher mais por causa do visual) */
#lb.v71.v70-cabe #lb-camada .tl-abas{ gap:12px; padding:14px 26px 4px; }
#lb.v71.v70-cabe #lb-camada .tl-aba{ min-height:56px; font-size:24px; box-shadow:var(--k-relevo), 0 4px 0 var(--k); }
#lb.v71.v70-cabe #lb-camada .tl-aba.on, #lb.v71.v70-cabe #lb-camada .tl-aba[aria-selected="true"]{ box-shadow:var(--k-relevo-am), 0 4px 0 var(--k); }
#lb.v71.v70-cabe .sx{ border-width:4px; box-shadow:inset 0 3px 0 rgba(255,255,255,.08), 0 6px 0 var(--k); }
#lb.v71.v70-cabe .sx-cab{ border-bottom-width:4px; }
#lb.v71.v70-cabe .v70-lj-dest{ gap:14px; }
#lb.v71.v70-cabe .v70-lj-peca{ padding:12px 10px 10px; box-shadow:var(--k-relevo), 0 5px 0 var(--k); }
#lb.v71.v70-cabe .v70-lj-peca canvas{ width:80px; height:80px; }
#lb.v71.v70-cabe .v70-lj-ir{ height:70px; font-size:28px; }
#lb.v71.v70-cabe .v70-lj-ganhos li{ box-shadow:0 3px 0 var(--k); }
#lb.v71.v70-cabe .pf-st{ box-shadow:var(--k-relevo), 0 4px 0 var(--k); }
#lb.v71.v70-cabe #lb-camada .card{ box-shadow:inset 0 3px 0 rgba(255,255,255,.07), 0 4px 0 var(--k); }
#lb.v71.v70-cabe .tr-card{ box-shadow:var(--k-relevo), 0 5px 0 var(--k); }
#lb.v71.v70-cabe .v70-lj-dest-t{ font-size:22px; }
#lb.v71.v70-cabe .v70-lj-ganhos li{ border-width:2px; box-shadow:none; }
/* Ajustes compactos (celular deitado: o título, as abas, o PRONTO e o ✕ numa linha): as abas sem o desenho, para caberem as seis */
#pop-ajustes.v70-compacto .ajx-aba{ padding:0 10px; gap:0; }
#pop-ajustes.v70-compacto .ajx-aba .v71-ic{ display:none; }
/* a SALA: as escolhas de baixo (TIMES · CAMPO · MODO · TEMPO · BOTS) com a cara nova e o nome inteiro (cortava "Estádio",
   "Futebol" e "Ativado" na tela de 1280 × 720); as setas amarelas (escolha) com contorno */
#lb.v71 .sl-op{ border:4px solid var(--k); background:var(--k-face); box-shadow:var(--k-relevo), 0 6px 0 var(--k); padding:0 18px 11px; }
#lb.v71 .sl-op.travado{ background:linear-gradient(180deg, #2b3037, #1e2125); }
#lb.v71 .sl-op small{ font:800 14px/1 var(--k-num); letter-spacing:2px; color:var(--k-cinza); }
#lb.v71 .sl-op b{ font:400 24px/1 var(--k-tit); letter-spacing:.3px; color:#fff; }
#lb.v71 .sl-seta{ border:3px solid var(--k); background:var(--k-ama-face); box-shadow:inset 0 2px 0 rgba(255,255,255,.55), 0 4px 0 var(--k); color:#17191c; }
#lb.v71 .sl-seta svg path{ stroke:#17191c; }
#lb.v71 .sl-botao{ border:5px solid var(--k) !important; box-shadow:inset 0 4px 0 rgba(255,255,255,.4), inset 0 -7px 0 rgba(0,0,0,.2), 0 7px 0 var(--k); }
/* o lápis (editar o nome e a bio): o botão amarelo de contorno grosso (era azul-marinho) · o texto do vazio dos replays */
#lb.v71 .lb-lapis{ border:3px solid var(--k); background:var(--k-ama-face); box-shadow:inset 0 2px 0 rgba(255,255,255,.55), 0 3px 0 var(--k); }
#lb.v71 .lb-lapis .ic-ed path:first-child{ fill:#17191c; }
#lb.v71 .lb-lapis .ic-ed path + path{ stroke:#ffd23f; }
#lb.v71 .lb-lapis.ok{ background:linear-gradient(var(--v70-verde-a), var(--v70-verde) 55%, var(--v70-verde-b)); box-shadow:inset 0 2px 0 rgba(255,255,255,.35), 0 3px 0 var(--k); }
#lb.v71 .rp-vazio span{ font-family:var(--k-txt); font-weight:600; color:var(--k-cinza); }