.s4-escena{gap:.25rem}
.s4-mesa{position:relative;flex:none;align-self:stretch;width:100%;max-width:560px;margin-inline:auto;aspect-ratio:3/4;max-height:calc(100dvh - 400px);min-height:340px;container-type:size;overflow:hidden;background:#0b1a14;display:grid;place-items:center}
@media(max-width:600px){.s4-mesa{width:calc(100% + 1rem);max-width:none;margin-inline:-.5rem}}
.s4-banca{display:flex;flex-direction:column;align-items:center;gap:1cqw}
.s4-cartas-b{display:flex;min-height:calc(var(--cw)*1.4)}
.s4-cartas-b .rp-carta{margin-left:calc(var(--cw)*-.38)}.s4-cartas-b .rp-carta:first-child{margin-left:0}

.s4-puesto{z-index:2;--lh:1.45rem}.s4-puesto.yo{z-index:3}
.s4-cartas{position:absolute;left:0;top:0;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:.5cqw}
.s4-cartas.multi{flex-direction:row;gap:1.2cqw;--cw:calc(var(--cw0)*.74)}
.s4-mano{position:relative;display:flex;flex-direction:column;align-items:center;padding:.5cqw;border-radius:8px;border:1px solid transparent}
.s4-mano.activa{border-color:#ffc627;background:#ffc62722;box-shadow:0 0 10px #ffc627aa}
.s4-cs{display:flex}.s4-cs .rp-carta{margin-left:calc(var(--cw)*-.4)}.s4-cs .rp-carta:first-child{margin-left:0}
.s4-tot{font:700 clamp(.58rem,3cqw,.72rem) Georgia,serif;color:#fff3c0;background:#000d;border-radius:999px;padding:0 .5rem;line-height:1.45;white-space:nowrap;border:1px solid #e2b53a66}
.s4-mano .s4-tot{position:absolute;top:100%;left:50%;transform:translate(-50%,-40%);z-index:2}
.s4-nueva{animation:s4-reparte .38s ease-out both}
@keyframes s4-reparte{from{opacity:0;transform:translateY(-14cqw) scale(.6) rotate(-10deg)}to{opacity:1;transform:none}}
.s4-apu,.s4-nom{display:flex;align-items:center;justify-content:center;gap:.3rem;white-space:nowrap}
.s4-apu{position:absolute;left:var(--pl,0);top:var(--pt,-6cqw);transform:translate(var(--ptx,-50%),var(--pty,-100%));z-index:3}
.s4-nom{position:absolute;left:var(--ll,0);top:var(--lt,8cqw);transform:translate(var(--ltx,-50%),var(--lty,0))}
.s4-nom{max-width:40cqw;padding:.1rem .6rem;border-radius:999px;background:linear-gradient(180deg,#2a1d08f2,#120c03f2);border:1px solid #d4a62add;color:#ffe9a8;font:700 clamp(.6rem,3.1cqw,.8rem) Georgia,serif;box-shadow:0 2px 6px #000b}
.s4-puesto.yo .s4-nom{font-size:clamp(.64rem,3.2cqw,.8rem);padding:.12rem .6rem;max-width:52cqw}.s4-puesto.yo .s4-nom b{max-width:34cqw}.s4-puesto.yo .s4-nom small{font-size:.8em}
.s4-nom em{font:800 .85em Georgia,serif;font-style:normal;color:#1a1204;background:#e2b53a;border-radius:50%;min-width:1.35em;height:1.35em;display:inline-grid;place-items:center}
.s4-nom b{overflow:hidden;text-overflow:ellipsis;max-width:32cqw}.s4-puesto.medio:not(.yo) .s4-nom{max-width:42cqw}.s4-puesto.medio:not(.yo) .s4-nom b{max-width:34cqw}.s4-nom small{color:#7dd3ff;font-size:.85em}
.s4-puesto.yo .s4-nom{border-color:#7dd3ff;box-shadow:0 0 0 1px #7dd3ff66,0 2px 6px #000b}.s4-puesto.yo .s4-nom b{color:#7dd3ff}
.s4-puesto.turno .s4-nom{border-color:#ffc627;background:linear-gradient(180deg,#4a3607f2,#241a03f2);box-shadow:0 0 12px #ffc627aa}
.s4-puesto.turno::before{content:"";position:absolute;left:0;top:0;width:calc(var(--cw)*2.5);height:calc(var(--cw)*2);transform:translate(-50%,-50%);border-radius:50%;box-shadow:0 0 14px 3px #ffc62799;pointer-events:none}
.s4-ficha{font:800 clamp(.62rem,3.2cqw,.8rem) Georgia,serif;color:#fff;background:#000c;border:1px solid #e2b53a99;border-radius:999px;padding:0 .5rem}
.s4-mira{font:600 clamp(.56rem,2.8cqw,.7rem) "Segoe UI",sans-serif;color:#dfe9e4;background:#000a;border-radius:999px;padding:0 .45rem}
.s4-aus{font:600 .6rem "Segoe UI";color:#ff9d92}
.s4-res{font:800 clamp(.66rem,3.4cqw,.86rem) Georgia,serif;border-radius:999px;padding:0 .5rem;background:#000d;color:#fff;border:1px solid #fff4}
.s4-res.mas{color:#7dffb2;border-color:#7dffb2aa}.s4-res.menos{color:#ff9d92;border-color:#ff9d92aa}
.s4-libre{font:600 clamp(.52rem,2.6cqw,.66rem) "Segoe UI",sans-serif;color:#d9d2b4;background:#000a;border:1px dashed #d4a62a99;border-radius:999px;padding:.12rem .5rem;cursor:pointer}
.s4-puesto.libre .s4-nom{background:none;border:0;box-shadow:none;padding:0;max-width:none;left:0;top:0;transform:translate(-50%,-50%)}
.s4-portada{height:150px;border-radius:14px;border:2px solid #d4a62a;background:url(/static/img/summit4/mesa4.webp?v=20261030a) center 40%/cover no-repeat;box-shadow:0 4px 14px #000a}
.s4-entrada{padding-top:.5rem}
.s4-pantalla .fs-dato{min-height:30px}
@media(max-height:700px){.s4-pantalla .fm-fichas{--t:38px}}
.s4-cab-b{min-width:34px;padding:.3rem .5rem;flex:none}
.s4-pantalla .fs-cab{gap:.35rem}.s4-pantalla .fs-fase{font-size:.78rem;margin-left:auto;white-space:nowrap}
.s4-pantalla .fs-cab{gap:.3rem}.s4-pantalla .fs-fase{min-width:0;flex:1;text-align:right;overflow:hidden;text-overflow:ellipsis;font-size:.74rem;margin-left:0}
.s4-cab-b{min-width:32px;padding:.3rem .45rem}

@media (orientation:landscape) and (max-height:540px){
  .s4-pantalla .rp-cuerpo{padding:0}
  .s4-pantalla .s4-escena{display:grid;grid-template-columns:minmax(0,1fr) 224px;grid-template-rows:auto auto 1fr;column-gap:.4rem;row-gap:.2rem;padding:0 .4rem 0 0;overflow:hidden}
  .s4-pantalla .s4-mesa{grid-column:1;grid-row:1/4;width:100%;max-width:none;margin:0;aspect-ratio:auto;max-height:none;min-height:0;height:100%}
  .s4-pantalla .fs-cab{grid-column:2;grid-row:1;flex-wrap:wrap;gap:.25rem;padding-top:.2rem}
  .s4-pantalla .fs-codigo{font-size:1.05rem;padding:.2rem .5rem;letter-spacing:.16em}
  .s4-pantalla .fs-fase{flex:1 0 100%;text-align:left;margin:0}
  .s4-pantalla .fs-reloj{grid-column:2;grid-row:2}
  .s4-pantalla .fs-pie.fija{grid-column:2;grid-row:3;position:static;align-self:end;margin:0;padding:0 0 .3rem;background:none;display:flex;flex-direction:column;justify-content:flex-end;min-height:0;overflow-y:auto}
  .s4-pantalla .fs-pie .rp-boton{padding:.45rem .6rem;font-size:.92rem;min-height:0}
  .s4-pantalla .fs-mando{gap:.25rem;padding-bottom:0}
  .s4-pantalla .fs-dato{min-height:0;font-size:.74rem;padding:.1rem 0}
  .s4-pantalla .fm-fichas{padding-bottom:.1rem}.s4-pantalla .fm-fichas .rp-ficha{--t:30px!important}.s4-pantalla .fm-fichas button{padding:0}.s4-pantalla .fm-fichas>*{gap:.2rem}
  .s4-pantalla .rp-premio-max{font-size:.58rem;padding:.06rem .25rem;margin:0 auto .1rem}
  .s4-pantalla .fs-fila{gap:.25rem}.s4-pantalla .fs-fila .rp-boton{padding:.4rem .5rem;font-size:.82rem}
  .s4-puesto .s4-nom{font-size:clamp(.5rem,1.7cqw,.7rem);padding:.05rem .4rem;max-width:30cqw}.s4-puesto .s4-nom b{max-width:20cqw}.s4-puesto.yo .s4-nom{font-size:clamp(.52rem,1.8cqw,.74rem);max-width:36cqw}.s4-puesto.yo .s4-nom b{max-width:22cqw}
  .s4-puesto{--lh:1.2rem}
  .s4-ficha,.s4-res{font-size:clamp(.5rem,1.8cqw,.7rem)}.s4-mira{font-size:clamp(.46rem,1.5cqw,.6rem)}.s4-tot{font-size:clamp(.5rem,1.7cqw,.64rem)}
  .s4-libre{font-size:clamp(.46rem,1.5cqw,.6rem)}

  .s4-pantalla>.ab-barra{position:absolute!important;top:0!important;right:0!important;left:auto!important;width:224px;z-index:8;padding:2px 4px!important;background:#050302!important}
  .s4-pantalla>.ab-barra .ab-q{width:34px;height:34px;border-radius:9px}.s4-pantalla>.ab-barra .ab-q i,.s4-pantalla>.ab-barra .ab-q[data-a="apu"],.s4-pantalla>.ab-barra .ab-q[data-a="gra"]{display:none}
  .s4-pantalla>.ab-barra .ab-saldo{min-width:0;height:34px;padding:0 .4rem;font-size:.8rem}
  .s4-pantalla .fs-cab{margin-top:40px}
  .s4-pantalla .fs-pie .bj4-barra{padding-bottom:.2rem}
  .s4-pantalla>.ab-barra .ab-tit,.s4-pantalla>.ab-barra .ab-sub{display:none!important}
}

.bj-ch{display:inline-block;width:.95em;height:.95em;border-radius:50%;vertical-align:-.12em;margin-right:.1em;background:radial-gradient(circle at 35% 30%,#fff3b0 0,#ffc627 45%,#b8860b 100%);box-shadow:0 0 0 .08em #7a5200,inset 0 0 0 .13em #ffc627,inset 0 0 0 .2em #7a520099}

@media (orientation:landscape) and (max-height:420px){
  .s4-pantalla .fs-cab{flex-wrap:nowrap;gap:.2rem}.s4-pantalla .fs-codigo{font-size:.9rem;padding:.15rem .3rem;letter-spacing:.08em}.s4-pantalla .fs-wa{padding:.25rem .4rem;font-size:.72rem}.s4-pantalla .s4-cab-b{min-width:28px;padding:.25rem .3rem}
  .s4-pantalla .fs-fase{display:none}
  .s4-pantalla .fs-pie .bj4-barra{padding-bottom:.1rem}
  .s4-pantalla .fs-dato{font-size:.66rem;line-height:1.15}
  .s4-pantalla .rp-premio-max{font-size:.5rem;line-height:1.1;padding:.03rem .2rem}
  .s4-pantalla .fm-fichas .rp-ficha{--t:23px!important}.s4-pantalla .fm-fichas>*{gap:.08rem;flex-wrap:nowrap!important}
  .s4-pantalla .fs-pie .rp-boton{padding:.3rem .5rem;font-size:.8rem}
}

#s4-mando:has(.fs-acc){flex-direction:row;flex-wrap:wrap;justify-content:center}
#s4-mando .fs-acc{flex:1 1 30%;padding:.62rem .4rem}
.s4-pantalla .fs-pie #s4-mando .fs-acc{padding:.5rem .3rem;font-size:.9rem}
#s4-dato:has(.s4-razon){flex-direction:column;gap:0}
#s4-dato .s4-razon{font-size:.72rem;opacity:.85}

.s4-cambia{animation:s4-fundido .45s ease-out both}
@keyframes s4-fundido{from{opacity:.25}to{opacity:1}}
@media(prefers-reduced-motion:reduce){.s4-cambia{animation:none}}

.s4-bandeja{width:100%;flex-wrap:nowrap;gap:.1rem;padding:.05rem 0 0;justify-content:space-between}
.s4-bandeja button{flex:1 1 0;min-width:0;display:flex;justify-content:center;padding:2px 0;min-height:38px;align-items:center;touch-action:manipulation}
.s4-bandeja .rp-ficha{--t:34px!important}
.s4-bandeja button.fuera{opacity:.35}
.s4-bandeja button.sel{transform:none;filter:none}
#s4-limpiar{min-height:40px;white-space:nowrap}
#s4-dato:has(.s4-pila){flex-direction:column;gap:0}
#s4-dato .s4-pila{font-size:.72rem;color:#ffe9a8}
@media (orientation:landscape) and (max-height:540px){.s4-bandeja .rp-ficha{--t:22px!important}.s4-bandeja button{min-height:26px}#s4-limpiar{min-height:30px}}

@media (orientation:portrait) and (max-height:700px){
  .s4-pantalla .fs-pie.fija{padding-top:.1rem}
  .s4-pantalla .bj4-yo .s4-nom{margin:.05rem 0}
  .s4-pantalla .fs-dato{min-height:0;font-size:.72rem;padding:.05rem 0}
  .s4-pantalla .rp-premio-max{font-size:.56rem;line-height:1.1;padding:.02rem .3rem;margin:0 auto .1rem}
  .s4-pantalla .fs-mando{gap:.2rem;padding-bottom:.1rem}
  .s4-pantalla .fm-fichas{padding-bottom:0}
  .s4-pantalla .s4-bandeja .rp-ficha{--t:27px!important}.s4-pantalla .s4-bandeja button{min-height:30px}
  .s4-pantalla #s4-limpiar{min-height:34px;padding:.3rem .55rem;font-size:.78rem}
  .s4-pantalla .fs-fila .rp-boton{padding:.35rem .5rem;font-size:.88rem}
  .s4-pantalla .fs-cab{gap:.25rem;padding:.1rem 0 0}
  .s4-pantalla .fs-codigo{font-size:.9rem;padding:.12rem .45rem;letter-spacing:.1em}
  .s4-pantalla .fs-wa,.s4-pantalla .s4-cab-b{min-height:30px;padding:.2rem .45rem;font-size:.74rem}
}

.s4-pw{display:flex;flex-direction:column;align-items:center;gap:1px}
.s4-pw .rp-pila{--t:26px;height:calc(var(--t) + 30px);margin-bottom:.15rem}
.s4-bandeja button{position:relative}
.s4-bandeja button.puesta .rp-ficha{box-shadow:0 0 0 2px #ffc627,0 0 8px #ffc627aa}
.s4-cnt{position:absolute;top:-2px;right:0;font:800 .62rem Georgia,serif;font-style:normal;color:#1a1204;background:#ffc627;border-radius:999px;padding:0 .3rem;line-height:1.25;box-shadow:0 1px 3px #000a;pointer-events:none}
#s4-limpiar{background:#3a2a0a;border:1px solid #d4a62a;color:#ffe9a8;opacity:1}
#s4-limpiar:disabled{opacity:.55}
#s4-quitar{width:100%;border:1px solid #d4a62a;color:#ffe9a8;min-height:42px}
.fs-reloj.fs-libre i{background:#7dd3ff;opacity:.55}
@media (orientation:landscape) and (max-height:540px){.s4-pw .rp-pila{--t:14px;height:calc(var(--t) + 22px)}.s4-cnt{font-size:.5rem}}

.s4-apu.s4-apu-pila{top:0;transform:translate(-50%,-58%)}
.fs-tiempo{white-space:nowrap}

.s4-mesa{aspect-ratio:3/4;max-height:none;min-height:0;display:block;container-type:normal;overflow:hidden}
@media (orientation:landscape) and (max-height:540px){.s4-mesa{aspect-ratio:4/3}}
@media(max-width:600px){.s4-mesa{width:calc(100% + 1rem);max-width:none;margin-inline:-.5rem}}
.bjtop .s4-escena{padding-top:0}.bjtop .s4-mesa{order:2}
.s4-nom{max-width:var(--lmw,22cqw)}.s4-nom b{max-width:calc(var(--lmw,22cqw) - 3cqw)}
.s4-puesto.yo .s4-nom{max-width:var(--lmy,28cqw)}.s4-puesto.yo .s4-nom b{max-width:calc(var(--lmy,28cqw) - 9cqw)}.s4-puesto.yo .s4-nom small{display:none}
.s4-libre{white-space:normal;line-height:1.05;text-align:center;max-width:var(--lmw,22cqw)}
.s4-portada{background-position:center 8%!important}
.s4-puesto.turno::before{width:calc(var(--cw)*2.2);height:calc(var(--cw)*1.8)}
.s4-puesto.yo .s4-cartas{transform:translate(calc(-50% + var(--cdx,0cqw)),-50%)}

@media not all and (orientation:landscape) and (max-height:540px){
  .s4-pantalla .s4-mesa{aspect-ratio:auto;height:auto;flex:1 1 0;min-height:min(133.34vw,max(100vw,calc(100dvh - 15.5rem)));position:relative;background:#0b1a14;display:flex;flex-direction:column}
  .s4-pantalla .s4-mesa>.bj4,.tj4-pantalla .tj4-mesa>.bj4{margin-top:auto;margin-bottom:calc(var(--rb,0%)*-1.3334);flex:none;-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 7%);mask-image:linear-gradient(to bottom,transparent 0,#000 7%)}
  .s4-pantalla .bj4,.tj4-pantalla .bj4{transform:translateY(calc(max(0,1 - var(--z))*(100% - var(--rb,0%) - var(--oy))))scale(var(--z))}
  .s4-pantalla .s4-nom{padding:.1rem .35rem;gap:.2rem}
  .s4-nom b,.s4-puesto.yo .s4-nom b{max-width:none}
  .s4-pantalla.bjtop .fs-pie{flex:none}
  .s4-pantalla.bjtop .fs-cab{order:3}
  .s4-pantalla .bj4-fila-ico,.tj4-pantalla .bj4-fila-ico{display:flex;justify-content:space-around;padding:0 14%;flex:none;order:99}
  .s4-pantalla .fs-reloj,.tj4-pantalla .tbj-panel-no{margin-top:auto}
  .s4-pantalla .s4-mesa::before,.tj4-pantalla .tj4-mesa::before{content:"";position:absolute;inset:-6%;background:var(--fondo,none) center/cover no-repeat;filter:blur(14px) brightness(.92);z-index:0}
  .s4-pantalla .s4-mesa>.bj4,.tj4-pantalla .tj4-mesa>.bj4{position:relative;z-index:1}
  .s4-pantalla .s4-mesa:has(.bj4[data-img="1"]),.tj4-pantalla .tj4-mesa:has(.bj4[data-img="1"]){--fondo:url(/static/img/summit4/v1.webp?v=20261030b)}
  .s4-pantalla .s4-mesa:has(.bj4[data-img="2"]),.tj4-pantalla .tj4-mesa:has(.bj4[data-img="2"]){--fondo:url(/static/img/summit4/v2.webp?v=20261030b)}
  .s4-pantalla .s4-mesa:has(.bj4[data-img="3"]),.tj4-pantalla .tj4-mesa:has(.bj4[data-img="3"]){--fondo:url(/static/img/summit4/v3.webp?v=20261030b)}
  .s4-pantalla .s4-mesa:has(.bj4[data-img="4"]),.tj4-pantalla .tj4-mesa:has(.bj4[data-img="4"]){--fondo:url(/static/img/summit4/v4.webp?v=20261030b)}
  .s4-pantalla .s4-mesa:has(.bj4[data-img="6"]),.tj4-pantalla .tj4-mesa:has(.bj4[data-img="6"]){--fondo:url(/static/img/summit4/fondo4.webp?v=20261030b)}}
@media (orientation:landscape) and (max-height:540px){
  .s4-pantalla .s4-mesa{display:grid;place-items:center;container-type:size}
  .s4-pantalla .bj4{width:auto;height:100%;max-width:100%;aspect-ratio:var(--ar,1.3333)}
}

@media (orientation:landscape) and (max-height:540px){
  .s4-pantalla .bj4-fila-ico,.tj4-pantalla .bj4-fila-ico{position:fixed;right:calc(224px + .8rem + 4px + env(safe-area-inset-right,0px));top:60px;display:flex;flex-direction:column;gap:4px;width:auto;height:auto;margin:0;padding:0;z-index:7;pointer-events:none}
  .s4-pantalla .bj4-fila-ico .fl-bt,.tj4-pantalla .bj4-fila-ico .fl-bt{pointer-events:auto}

  .s4-pantalla .fs-fila{flex-wrap:wrap}
  .s4-pantalla .fs-fila #s4-apostar{order:-1;flex:1 1 100%;max-width:none;min-height:40px;padding:.25rem .5rem}
  .s4-pantalla .fs-fila #s4-apostar b{display:inline-flex;align-items:center;gap:.25rem;margin-left:.3rem}
  .s4-pantalla .fs-fila #s4-limpiar{flex:1 1 0}
  .s4-pantalla .fs-fila #s4-pasar{flex:0 0 auto}
}