/* Valores literais e SVG estático: o tema da TV não depende de CSS vars,
   filtros, máscaras, canvas, animação ou fontes de emojis. */
[data-jogo="cacheta"] { --jogo-acento:#bde4c9; --jogo-fundo:#102b25; }
[data-jogo="domino"] { --jogo-acento:#b4d7ef; --jogo-fundo:#142b3e; }
[data-jogo="truco"] { --jogo-acento:#ecc984; --jogo-fundo:#38251d; }
[data-jogo="canastra"] { --jogo-acento:#ecc0cd; --jogo-fundo:#351d30; }
.jogo-identidade { position:relative; display:flex; align-items:center; justify-content:space-between;
  overflow:hidden; flex-shrink:0; min-height:58px; height:58px; margin:0 0 8px; padding:6px 12px;
  border:1px solid #496053; border-radius:16px; background:#102b25;
  background:linear-gradient(115deg,#173c30,#0d211e); box-sizing:border-box; }
.jogo-identidade-texto { position:relative; z-index:1; min-width:0; }
.jogo-identidade strong { display:block; color:#f6ecd4; font:700 22px/1 'Rajdhani',Georgia,serif; letter-spacing:.025em; margin:2px 0; }
.jogo-identidade-selo { display:block; color:#c9b477; font:700 9px/1.4 Arial,sans-serif; letter-spacing:.2em; }
.jogo-identidade-legenda { display:block; color:#bde4c9; font:600 8px/1.5 Arial,sans-serif; letter-spacing:.11em; }
.jogo-identidade img { width:100px; height:56px; object-fit:contain; flex-shrink:0; margin:-4px -6px -4px 2px; }
[data-jogo="domino"] .jogo-identidade { background:#142b3e; background:linear-gradient(115deg,#24465b,#10212e); border-color:#496a7c; }
[data-jogo="domino"] .jogo-identidade-legenda { color:#b4d7ef; }
[data-jogo="truco"] .jogo-identidade { background:#38251d; background:linear-gradient(115deg,#533928,#261b18); border-color:#86673c; }
[data-jogo="truco"] .jogo-identidade-legenda { color:#ecc984; }
[data-jogo="truco"] .jogo-identidade strong { font-family:'Cinzel',Georgia,serif; font-size:28px; }
[data-jogo="canastra"] .jogo-identidade { background:#351d30; background:linear-gradient(115deg,#512b43,#271724); border-color:#815468; }
[data-jogo="canastra"] .jogo-identidade-legenda { color:#ecc0cd; }
.placar-equipes { display:flex; gap:10px; margin-bottom:12px; }
.placar-equipe { box-shadow:0 6px 20px rgba(0,0,0,.16); overflow:hidden; }
#pl-wrap .placar-equipe { border-top:3px solid var(--jogo-acento,#d4a843) !important; }
#pl-wrap input:focus { outline:2px solid #d4a843; outline-offset:2px; }
#pl-wrap button { touch-action:manipulation; }
#pl-wrap button:active:not(:disabled) { transform:translateY(1px); }
#pl-wrap[aria-busy="true"] .placar-equipes { opacity:.7; }
#tv[data-jogo="cacheta"] { background:#0b1916; background:linear-gradient(135deg,#102a22,#080f0e 70%); }
#tv[data-jogo="domino"] { background:#101e29; background:linear-gradient(135deg,#183246,#090e15 70%); }
#tv[data-jogo="truco"] { background:#211a14; background:linear-gradient(135deg,#342518,#100e0b 70%); }
#tv[data-jogo="canastra"] { background:#21131e; background:linear-gradient(135deg,#351d2e,#120d13 70%); }
#tv .jogo-identidade { min-height:48px; height:48px; margin:0 0 4px; padding:4px 14px; border-radius:10px; }
#tv .jogo-identidade strong { font-size:24px; margin:1px 0; }
#tv .jogo-identidade-selo { font-size:9px; }
#tv .jogo-identidade-legenda { font-size:10px; }
#tv .jogo-identidade img { width:130px; height:66px; margin:0; }
#pl-wrap .jogo-identidade, #ctrl-wrap .jogo-identidade { border-radius:10px; }
#pl-wrap .jogo-identidade-selo, #ctrl-wrap .jogo-identidade-selo { display:none; }
#pl-wrap .jogo-identidade-legenda, #ctrl-wrap .jogo-identidade-legenda { font-size:7px; }
#pl-wrap .jogo-identidade { min-height:50px; height:50px; }
#ctrl-wrap .jogo-identidade { min-height:46px; height:46px; margin-bottom:6px; }
#ctrl-wrap .jogo-identidade strong { font-size:20px; }
@media (max-width:380px) {
  .jogo-identidade { padding:5px 10px; }
  .jogo-identidade img { width:84px; height:48px; }
  .jogo-identidade-legenda { font-size:7px; letter-spacing:.04em; }
  #pl-wrap { padding:12px !important; }
}
@media (max-height:600px) and (min-width:700px) {
  #tv .jogo-identidade { min-height:54px; height:54px; }
  #tv .jogo-identidade strong { font-size:25px; }
  #tv .jogo-identidade-selo { display:none; }
}

.escolha-jogo { background:var(--jogo-fundo) !important; border-color:var(--jogo-acento) !important; }
.escolha-jogo:hover { transform:translateY(-2px); }
.escolha-jogo:focus-visible { outline:2px solid #f6ecd4; outline-offset:3px; }

#pl-wrap[data-jogo="cacheta"] .placar-equipe { background:#101e1b !important; }
#pl-wrap[data-jogo="domino"] .placar-equipe { background:#111f2b !important; }
#pl-wrap[data-jogo="truco"] .placar-equipe { background:#261e17 !important; }
#pl-wrap[data-jogo="canastra"] .placar-equipe { background:#271b25 !important; }
#pl-wrap[data-jogo="truco"] .placar-equipe { border-color:#86673c !important; box-shadow:0 8px 24px rgba(80,42,22,.28); }
#pl-wrap[data-jogo="truco"] .placar-entrada input:focus { outline-color:#ecc984; }
#pl-wrap[data-jogo="canastra"] .placar-equipe { border-color:#815468 !important; box-shadow:0 8px 24px rgba(86,34,69,.28); }
#pl-wrap[data-jogo="canastra"] .placar-entrada input:focus { outline-color:#ecc0cd; }
#pl-wrap[data-jogo="domino"] .placar-equipe { border-color:#496a7c !important; box-shadow:0 8px 24px rgba(22,63,91,.28); }
#pl-wrap[data-jogo="domino"] .placar-entrada input:focus { outline-color:#b4d7ef; }
#tv[data-jogo="truco"] .jogo-identidade { box-shadow:0 3px 18px rgba(112,66,30,.32); }
#tv[data-jogo="canastra"] .jogo-identidade { box-shadow:0 3px 18px rgba(111,45,88,.32); }
#tv[data-jogo="domino"] .jogo-identidade { box-shadow:0 3px 18px rgba(35,83,112,.32); }
@media (max-width:500px) {
  #pl-wrap .placar-entrada { display:grid !important; grid-template-columns:44px 1fr; }
  #pl-wrap .placar-entrada input { grid-column:1 / -1; grid-row:1; width:100%; box-sizing:border-box; }
  #pl-wrap .placar-entrada button { width:100% !important; }
}
@media (prefers-reduced-motion:reduce) {
  #tv *, #tv *::before, #tv *::after { animation:none !important; transition:none !important; }
}