.tvc-cont{container-type:size;align-items:center;justify-content:center;background:#050403;overflow:hidden;position:relative}
.tvc-cont:before{content:"";position:absolute;inset:-6%;background:var(--foto,none) center/cover no-repeat;filter:blur(26px) brightness(.45);z-index:0}
.tvc-cont>.tvc-mesa,.tvc-cont>.tvc-lado,.tvc-cont>.tvc-bl{position:relative;z-index:1}
.tvc-cont>.tvc-bl{position:absolute}
.tvc-lado{display:none}
@container (min-aspect-ratio:13/10){
  .tvc-lado{display:flex;flex-direction:column;gap:.5rem;position:absolute!important;left:3cqw;top:50%;transform:translateY(-50%);width:min(26cqw,30rem);padding:1rem 1.2rem;border-radius:16px;background:#120c08e6;border:1px solid #ffc62799;box-shadow:0 0 24px #000}
  .tvc-lado h3{margin:0 0 .2rem;font:800 1.1rem Georgia,serif;color:#ffe9a8;letter-spacing:.04em}
  .tvc-lado .r{display:flex;justify-content:space-between;gap:1rem;font:700 1.15rem "Segoe UI",sans-serif;color:#fff;padding:.35rem .6rem;border-radius:10px;background:#2b2118;border:1px solid #0000}
  .tvc-lado .r b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#ffe9a8}.tvc-lado .r.turno{border-color:#ffc627;box-shadow:0 0 12px #ffc62788}.tvc-lado .r.fuera{opacity:.45}
  .tvc-lado small{font:700 .95rem "Segoe UI",sans-serif;color:#d9cfae}.tvc-lado em{font:700 .95rem "Segoe UI",sans-serif;font-style:normal;color:#fff;background:#b3261e;border-radius:999px;padding:.3rem .8rem;text-align:center}
}
.tvc-mesa{position:relative;container-type:size;width:min(100cqw,100cqh*var(--ar,.838));aspect-ratio:var(--ar,.838);background:#000 center/100% 100% no-repeat;overflow:hidden;--ar:.838}
.tvc-mesa[data-vista=arriba]{--ar:.75}
.tvc-mesa:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 55%,#0000 55%,#000a 100%);pointer-events:none}
.tvc-vacio{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font:700 4.5cqw Georgia,serif;color:#ffe9a8;background:#000a}
.tvc-info{position:absolute;left:2cqw;top:1.6cqw;right:2cqw;display:flex;flex-wrap:wrap;gap:.8cqw 2cqw;align-items:center;z-index:3}
.tvc-info b{font:800 3.2cqw "Segoe UI",sans-serif;color:#ffe9a8;background:#000b;border:1px solid #ffc62777;border-radius:999px;padding:.5cqw 2.4cqw}
.tvc-info em{font:700 3cqw "Segoe UI",sans-serif;font-style:normal;color:#2a1a00;background:linear-gradient(180deg,#ffe58a,#c9941a);border-radius:999px;padding:.5cqw 2.4cqw}
.tvc-aviso{font:700 3cqw "Segoe UI",sans-serif;color:#fff;background:#b3261eee;border-radius:999px;padding:.5cqw 2.4cqw;animation:tvc-late 1.4s ease-in-out infinite}
@keyframes tvc-late{50%{opacity:.72}}
.tvc-pote{position:absolute;transform:translate(-50%,-50%);text-align:center;z-index:2;line-height:1.1}
.tvc-pote small{display:block;font:700 2.6cqw "Segoe UI",sans-serif;color:#d9cfae;text-shadow:0 1px 3px #000}.tvc-pote b{font:800 4.4cqw Georgia,serif;color:#ffe9a8;text-shadow:0 1px 4px #000,0 0 10px #000}
.tvc-tablero{position:absolute;transform:translate(-50%,-50%);display:flex;z-index:2;--cw:9.2cqw;min-height:calc(9.2cqw*1.4)}
.tvc-tablero .rp-carta+.rp-carta{margin-left:1cqw}
.tvc-mesa[data-vista=esquina] .tvc-tablero{--cw:7.6cqw}
.tvc-sil{position:absolute;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:.6cqw;z-index:2;width:30cqw}
.tvc-mesa[data-n="4"] .tvc-sil{width:23.5cqw}
.tvc-cartas{display:flex;--cw:7.6cqw}.tvc-cartas .rp-carta+.rp-carta{margin-left:-1.8cqw;transform:rotate(5deg)}.tvc-cartas .rp-carta:first-child{transform:rotate(-5deg)}
.tvc-mesa[data-n="4"] .tvc-cartas{--cw:6.4cqw}
.tvc-ap{font:800 3cqw "Segoe UI",sans-serif;color:#fff;background:#000b;border:1px solid #ffc62799;border-radius:999px;padding:.2cqw 2cqw;white-space:nowrap}
.tvc-pl{width:100%;display:flex;flex-direction:column;align-items:center;gap:0;line-height:1.15;padding:.8cqw 1cqw;border-radius:2.4cqw;background:linear-gradient(180deg,#5a2e1c,#2e1710);border:1px solid #c9a24a;box-shadow:0 2px 6px #000a;text-align:center}
.tvc-pl b{max-width:100%;font:800 3.3cqw Georgia,serif;color:#ffe9a8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tvc-mesa[data-n="4"] .tvc-pl b{font-size:3cqw}
.tvc-pl .f{font:700 3cqw "Segoe UI",sans-serif;color:#fff}.tvc-pl .f em{font-style:normal;font-weight:600;color:#d9cfae;font-size:2.4cqw}
.tvc-mesa[data-n="4"] .tvc-pl .f{font-size:2.7cqw}.tvc-mesa[data-n="4"] .tvc-pl .f em{display:none}
.tvc-pl small{font:700 2.5cqw "Segoe UI",sans-serif;color:#ffd86a;min-height:1.1em;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tvc-pl .mar{display:flex;gap:.6cqw;min-height:0}.tvc-pl .mar i{font:800 2.3cqw "Segoe UI",sans-serif;font-style:normal;color:#1a1000;background:#ffe9a8;border-radius:999px;padding:0 1.2cqw}.tvc-pl .mar i.d{background:#fff}
.tvc-sil.turno .tvc-pl{border-color:#ffc627;box-shadow:0 0 0 1px #ffc627,0 0 14px #ffc627aa;animation:tvc-late 1.1s ease-in-out infinite}
.tvc-sil.gana .tvc-pl{border-color:#7dffb2;box-shadow:0 0 0 1px #7dffb2,0 0 16px #7dffb2aa}
.tvc-sil.gana .tvc-pl small{color:#7dffb2}
.tvc-sil.fold{opacity:.55}.tvc-sil.eliminado{opacity:.4;filter:grayscale(1)}.tvc-sil.ausente .tvc-pl b{opacity:.55}.tvc-sil.libre{opacity:.6}
.tvc-sil.gana .rp-carta.abierta{box-shadow:0 0 0 2px #7dffb2,0 0 14px #7dffb2aa}

.tvc-bl{position:absolute;inset:0;display:flex;flex-direction:column;background:radial-gradient(ellipse at 50% 30%,#2a1a10,#050403 75%)}
.tvc-marcador{flex:none;display:flex;flex-direction:column;align-items:center;gap:.2rem;padding:.4rem .5rem .2rem}
.tvc-jg{display:flex;align-items:stretch;justify-content:center;gap:.5rem;width:100%}
.tvc-j{flex:1 1 0;max-width:min(46%,24rem);display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:0 .4rem;padding:.25rem .5rem;border-radius:12px;background:linear-gradient(180deg,#5a2e1c,#2e1710);border:1px solid #c9a24a;line-height:1.1}
.tvc-j b{flex:1 1 100%;text-align:center;font:800 .8rem Georgia,serif;color:#ffe9a8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tvc-j .p{font:800 1.4rem Georgia,serif;color:#fff}.tvc-j .p small{font-size:.7rem;color:#d9cfae}.tvc-j>small{font:700 .62rem "Segoe UI",sans-serif;color:#ffd86a}
.tvc-j.turno{border-color:#ffc627;box-shadow:0 0 0 1px #ffc627,0 0 14px #ffc627aa}.tvc-j.gana{border-color:#7dffb2;box-shadow:0 0 0 1px #7dffb2,0 0 16px #7dffb2aa}.tvc-j.ausente b{opacity:.55}
.tvc-jg .vs{align-self:center;font:800 .7rem "Segoe UI",sans-serif;font-style:normal;color:#a89f88}
.tvc-sub{font:700 .68rem "Segoe UI",sans-serif;color:#d9cfae;letter-spacing:.04em}
.tvc-escena{flex:1 1 auto;min-height:0;position:relative;display:flex;align-items:center;justify-content:center;perspective:900px;overflow:hidden}
.tvc-cv{width:100%;height:100%;display:block;transform-origin:50% 55%;transition:transform .4s}
.tvc-bl[data-vista=frente] .tvc-cv{transform:rotateX(30deg) scale(.86)}
.tvc-bl[data-vista=esquina] .tvc-cv{transform:rotateX(36deg) rotateZ(-14deg) scale(.74)}
.tvc-bl[data-vista=arriba] .tvc-cv{transform:none}
.tvc-bl:has(.tvc-cv[data-vert="1"]) .tvc-cv{transform:none}
.tvc-esc .tvc-marcador,.tbjv-esc .tvc-marcador{padding:.2rem}

#tvc-barra{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;margin:0 0 .8rem;padding:.45rem .6rem;border:1.5px solid #ff5a4d;border-radius:14px;background:linear-gradient(180deg,#2a0f0c,#12090a);box-shadow:0 0 16px #ff3b2f55}
#tvc-barra .tvc-vivo{display:inline-flex;align-items:center;gap:.35rem;font:800 .7rem "Segoe UI",sans-serif;letter-spacing:.12em;color:#fff;background:#d62a1f;border-radius:999px;padding:.2rem .6rem}
#tvc-barra .tvc-vivo i{width:.45rem;height:.45rem;border-radius:50%;background:#fff;animation:tvc-late 1s ease-in-out infinite}
#tvc-barra button{min-height:44px;padding:0 1rem;font:800 .85rem "Segoe UI",sans-serif;color:#ffe9a8;background:#2b2118;border:1px solid #ffc627aa;border-radius:999px}
#tvc-barra button:focus-visible{outline:2px solid #7dffb2;outline-offset:2px}

.tbjv-esc .tvc-info,.tbjv-esc .tvc-ap{display:none}
.tbjv-esc .tvc-pl small{display:none}
@media (orientation:landscape) and (min-width:900px){
  .tvc-full .tvc-info b,.tvc-full .tvc-aviso,.tvc-full .tvc-info em{font-size:max(2.4cqw,13px)}
}

.tvc-bg{position:absolute;inset:0;display:grid;grid-template-columns:1.5fr 1fr;gap:.6rem;padding:.6rem;background:radial-gradient(ellipse at 50% 20%,#3a2a08,#050403 78%);color:#ffe9a8;overflow:hidden}
.tvc-bg-izq{display:flex;flex-direction:column;align-items:center;gap:.4rem;min-width:0}
.tvc-bg-actual{min-height:130px;display:flex;align-items:center;justify-content:center}
.tvc-bg-gira{font:700 1.4rem Georgia,serif;opacity:.8}
.tvc-bg-ult{display:flex;gap:.3rem;min-height:44px}
.tvc-bg-tab{display:grid;grid-template-columns:auto repeat(15,1fr);gap:2px;width:100%;font:700 .7rem Georgia,serif}
.tvc-bg-tab em{font-style:normal;color:#ffd24a;padding-right:.3rem}
.tvc-bg-tab span{text-align:center;padding:2px 0;border-radius:3px;background:#fff1;color:#fff6}
.tvc-bg-tab span.sal{background:#c9922a;color:#1a1204}
.tvc-bg-tab span.ult{background:#fff;color:#000;box-shadow:0 0 6px #fff}
.tvc-bg-der{display:flex;flex-direction:column;gap:.5rem;min-width:0;overflow:auto}
.tvc-bg-prem>div{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.2rem;padding:.35rem .5rem;margin-bottom:.3rem;border:1px solid #b8860b88;border-radius:8px;background:#0007}
.tvc-bg-prem>div.tvc-gano{background:#4a360a;border-color:#ffd24a}
.tvc-bg-prem small{flex:1 0 100%;color:#fff}
.tvc-bg-jug span{display:inline-block;margin:.1rem .2rem;padding:.1rem .5rem;border-radius:99px;background:#fff2}
@media (max-width:560px){.tvc-bg{grid-template-columns:1fr;overflow:auto}}

.tvc-cont>.tvc-bg-celebra{position:absolute;left:50%;top:5%;transform:translate(-50%,0);z-index:5;display:flex;flex-direction:column;align-items:center;gap:.3rem;max-width:92%;padding:.7rem 1.4rem;border-radius:14px;border:2px solid #ffd24a;background:#120d04ec;box-shadow:0 0 24px #ffd24a88;text-align:center;animation:tvc-celebra 5s ease both}
.tvc-bg-celebra b{font:900 2.2rem Georgia,serif;color:#ffd24a;letter-spacing:.04em;text-shadow:0 0 12px #ffd24a99}
.tvc-bg-celebra.gordo b{font-size:2.8rem;color:#fff3b0}
.tvc-bg-celebra span{font:700 1.05rem Georgia,serif;color:#fff;overflow-wrap:anywhere}
@keyframes tvc-celebra{0%{opacity:0;transform:translate(-50%,0) scale(.7)}8%{opacity:1;transform:translate(-50%,0) scale(1.06)}14%,92%{opacity:1;transform:translate(-50%,0) scale(1)}100%{opacity:0}}
@media (prefers-reduced-motion:reduce){.tvc-cont>.tvc-bg-celebra{animation:none}}

.tvc-bg-actual .bb i{position:absolute;top:13%;font:700 calc(var(--d)*.16) Georgia,serif;color:#16161d;z-index:1}
.tvc-bg-actual .bb b{font-size:calc(var(--d)*.34);margin-top:calc(var(--d)*.06)}
.tvc-bg-ult .bb i{display:none}