/* Somente a tela da mesa. O restante do projeto permanece intacto. */
#jogo.mesa { position:relative !important; overflow:hidden !important; height:100dvh !important; min-height:620px !important; }
#jogo .barra-jogo { position:absolute !important; inset:0 0 auto 0 !important; height:58px !important; z-index:50 !important; }
#jogo .oponentes-mesa { position:absolute !important; inset:0 !important; padding:0 !important; display:block !important; pointer-events:none !important; background:none !important; }
#jogo .oponente,#jogo .eu { box-sizing:border-box !important; position:absolute !important; display:grid !important; grid-template-columns:36px minmax(0,1fr) !important; align-items:center !important; gap:6px !important; width:128px !important; height:54px !important; min-height:54px !important; max-height:54px !important; padding:5px 6px !important; overflow:hidden !important; border-radius:13px !important; }
#jogo .oponente .avatar,#jogo .eu .avatar { width:34px !important; height:34px !important; }
#jogo .oponente span,#jogo .eu span { display:flex !important; min-width:0 !important; overflow:hidden !important; flex-direction:column !important; }
#jogo .oponente span em,#jogo .eu span em { font-size:6px !important; line-height:1 !important; }
#jogo .oponente span b,#jogo .eu span b { font-size:10px !important; line-height:1.05 !important; white-space:nowrap !important; overflow:hidden !important; text-overflow:ellipsis !important; }
#jogo .oponente span small,#jogo .eu span small { font-size:6.5px !important; line-height:1.05 !important; white-space:nowrap !important; overflow:hidden !important; text-overflow:ellipsis !important; }
#jogo .cartas-ocultas { display:none !important; }
#jogo .eu.seat-0 { left:7px !important; right:auto !important; top:auto !important; bottom:112px !important; transform:none !important; z-index:20 !important; }

#jogo.modo-1x1 .oponente.seat-1 { top:244px !important; left:50% !important; right:auto !important; bottom:auto !important; transform:translateX(-50%) !important; }
#jogo.modo-2x2 .oponente.seat-1 { top:344px !important; left:7px !important; right:auto !important; bottom:auto !important; transform:none !important; }
#jogo.modo-2x2 .oponente.seat-2 { top:244px !important; left:50% !important; right:auto !important; bottom:auto !important; transform:translateX(-50%) !important; }
#jogo.modo-2x2 .oponente.seat-3 { top:344px !important; right:7px !important; left:auto !important; bottom:auto !important; transform:none !important; }

#jogo .placar-mesa-truco { position:absolute !important; top:68px !important; left:8px !important; right:auto !important; width:112px !important; min-height:66px !important; transform:none !important; z-index:18 !important; }
#jogo .contador { position:absolute !important; top:70px !important; left:50% !important; right:auto !important; transform:translateX(-50%) !important; z-index:18 !important; white-space:nowrap !important; }
#jogo .info-mao-truco { position:absolute !important; top:141px !important; left:8px !important; right:auto !important; width:auto !important; min-width:0 !important; max-width:190px !important; min-height:0 !important; padding:5px 8px !important; display:flex !important; align-items:center !important; gap:6px !important; border-radius:999px !important; white-space:nowrap !important; z-index:18 !important; }
#jogo .info-mao-truco b { font-size:10px !important; line-height:1 !important; white-space:nowrap !important; }
#jogo .info-mao-truco span { margin:0 !important; font-size:8px !important; line-height:1 !important; overflow:hidden !important; text-overflow:ellipsis !important; }
#jogo .monte { position:absolute !important; top:151px !important; left:50% !important; right:auto !important; transform:translateX(-50%) !important; z-index:8 !important; }
#jogo .vira { position:absolute !important; top:207px !important; right:13px !important; left:auto !important; transform:rotate(8deg) !important; z-index:8 !important; }
#jogo .vira small {
  position:absolute !important; left:50% !important; top:-18px !important;
  transform:translateX(-50%) rotate(-8deg) !important;
  padding:2px 7px !important; border-radius:999px !important;
  background:rgba(15,15,15,.88) !important; color:#ffe16b !important;
  font-size:8px !important; font-weight:900 !important; letter-spacing:.8px !important;
  line-height:1.35 !important; white-space:nowrap !important;
  text-shadow:0 1px 2px #000 !important; box-shadow:0 2px 6px #0005 !important;
}
#jogo .monte .carta,#jogo .vira .carta { width:48px !important; height:72px !important; }

#jogo .vaza,#jogo.modo-1x1 .vaza,#jogo.modo-2x2 .vaza { position:absolute !important; display:block !important; left:72px !important; right:72px !important; top:270px !important; bottom:165px !important; inset:270px 72px 165px !important; overflow:visible !important; z-index:10 !important; pointer-events:none !important; }
#jogo.modo-1x1 .vaza { left:118px !important; right:118px !important; inset:270px 118px 165px !important; }
#jogo .carta-jogada-equipe { position:absolute !important; display:block !important; width:58px !important; height:88px !important; margin:0 !important; }
#jogo .carta-jogada-equipe .carta { width:58px !important; height:88px !important; margin:0 !important; }
#jogo .carta-jogada-equipe .dono-carta { position:absolute !important; top:auto !important; bottom:-15px !important; left:50% !important; transform:translateX(-50%) !important; max-width:76px !important; z-index:5 !important; }

#jogo .mao { position:absolute !important; left:50% !important; right:auto !important; top:auto !important; bottom:10px !important; transform:translateX(-50%) !important; width:auto !important; max-width:none !important; padding:0 !important; display:flex !important; justify-content:center !important; gap:5px !important; z-index:22 !important; }
#jogo .mao .carta { width:66px !important; height:100px !important; margin:0 !important; }
#jogo .toast { position:absolute !important; left:auto !important; right:8px !important; top:auto !important; bottom:166px !important; transform:none !important; width:auto !important; max-width:190px !important; padding:6px 9px !important; text-align:center !important; font-size:10px !important; z-index:21 !important; }
#jogo .acoes-truco { position:absolute !important; left:auto !important; right:7px !important; top:auto !important; bottom:108px !important; z-index:23 !important; }
#jogo .acoes-truco button { min-width:96px !important; padding:11px 14px !important; font-size:15px !important; }
#jogo .relogio-turno { position:absolute !important; left:auto !important; right:7px !important; top:auto !important; bottom:7px !important; transform:scale(.8) !important; transform-origin:bottom right !important; z-index:21 !important; }
#jogo .historico-truco { position:absolute !important; top:130px !important; right:8px !important; width:160px !important; z-index:20 !important; }
#jogo .aviso-truco { z-index:70 !important; }
#jogo.distribuindo-cartas .mao .carta { visibility:hidden !important; }
.carta-distribuicao {
  position:fixed !important; z-index:999 !important; width:48px !important; height:72px !important;
  margin:0 !important; pointer-events:none !important; opacity:1;
  transition:transform .62s cubic-bezier(.2,.72,.2,1),opacity .62s ease !important;
  filter:drop-shadow(0 8px 7px #0008);
}
.pilhas-distribuicao { position:absolute !important; inset:0 !important; z-index:35 !important; pointer-events:none !important; }
.pilha-jogador { position:absolute !important; width:70px !important; height:58px !important; transform:translate(-50%,-50%) !important; }
.mini-carta-entregue {
  --ordem:0; position:absolute !important; left:calc(12px + var(--ordem) * 11px) !important; top:2px !important;
  width:34px !important; height:50px !important; border:3px solid #fff !important; border-radius:6px !important;
  background:repeating-linear-gradient(45deg,#cf1734 0 6px,#921025 6px 12px) !important;
  box-shadow:0 5px 9px #0008,inset 0 0 0 1px #f05a70 !important;
  animation:cartaRecebida .18s ease-out both;
}
@keyframes cartaRecebida { from { opacity:0; transform:scale(.65) translateY(-10px); } }
#jogo .mao.revelando-cartas .carta { animation:virarCartaJogador .72s ease both !important; }
#jogo .mao.revelando-cartas .carta:nth-child(2) { animation-delay:.12s !important; }
#jogo .mao.revelando-cartas .carta:nth-child(3) { animation-delay:.24s !important; }
@keyframes virarCartaJogador { 0% { transform:rotateY(90deg) scale(.86); opacity:.25; } 100% { transform:rotateY(0) scale(1); opacity:1; } }

@media (orientation:landscape) and (max-width:960px) {
  #jogo .barra-jogo { height:46px !important; }
  #jogo .placar-mesa-truco { top:50px !important; }
  #jogo .contador { top:51px !important; }
  #jogo .info-mao-truco { top:98px !important; left:8px !important; }
  #jogo .monte { top:91px !important; }
  #jogo .vira { top:112px !important; }
  #jogo.modo-1x1 .oponente.seat-1,#jogo.modo-2x2 .oponente.seat-2 { top:54px !important; }
  #jogo.modo-2x2 .oponente.seat-1 { top:46% !important; left:8px !important; transform:translateY(-50%) !important; }
  #jogo.modo-2x2 .oponente.seat-3 { top:46% !important; right:8px !important; transform:translateY(-50%) !important; }
  #jogo .vaza,#jogo.modo-1x1 .vaza,#jogo.modo-2x2 .vaza { inset:115px 150px 88px !important; }
  #jogo .carta-jogada-equipe,#jogo .carta-jogada-equipe .carta { width:46px !important; height:70px !important; }
  #jogo .eu.seat-0 { left:8px !important; bottom:7px !important; }
  #jogo .mao { bottom:4px !important; }
  #jogo .mao .carta { width:54px !important; height:82px !important; }
  #jogo .toast { right:8px !important; bottom:85px !important; }
  #jogo .acoes-truco { right:8px !important; bottom:52px !important; }
  #jogo .relogio-turno { right:8px !important; bottom:3px !important; transform:scale(.7) !important; }
}