.bgd-sala .bg-zc .bg-cartones[style*="--bg-kw"]{display:flex;flex-wrap:nowrap;flex-direction:row;gap:6px;width:100%;max-width:none;touch-action:manipulation}
.bgd-sala .bg-cartones[style*="--bg-kw"] .bg-carton,.bgd-sala .bg-cartones[style*="--bg-kw"] .bg-carton.n1,.bgd-sala .bg-cartones[style*="--bg-kw"] .bg-carton.b90{flex:0 0 var(--bg-kw);width:var(--bg-kw);max-width:var(--bg-kw);padding:.18rem .22rem .22rem}
.bgd-sala .bg-cartones[style*="--bg-kw"] .bg-carton .bg-c{aspect-ratio:auto;height:var(--bg-cel);min-height:0;font:800 var(--bg-fs)/1 Georgia,serif}
.bgd-sala .bg-cartones[style*="--bg-kw"] .bg-grid{gap:2px}
.bgd-sala .bg-cartones[style*="--bg-kw"] .bg-grid em{height:16px;min-height:16px;font-size:.8rem}
.bgd-sala .bg-cartones[style*="--bg-kw"] .bg-ch{height:20px;margin-bottom:1px;gap:.25rem;justify-content:space-between;padding:0 .15rem}
.bgd-sala .bg-cartones[style*="--bg-kw"] .bg-ch b{font-size:.76rem;white-space:nowrap}
.bgd-sala .bg-cartones[style*="--bg-kw"] .bg-ch small{font-size:.64rem;white-space:nowrap}
.bgd-sala .bg-cartones[style*="--bg-kw"] .bg-ce{display:none}
.bgd-sala .bg-cartones[style*="--bg-kw"] .bg-c.libre img{width:78%;height:78%}

@media not all and (orientation:landscape) and (max-height:600px){
  .bs-pantalla.bgd-sala #bs-fijo[hidden],.bs-pantalla.bgd-sala #bs-lado[hidden]{display:flex!important;flex-direction:column}
  .bs-pantalla.bgd-sala #bg-tab[hidden]{display:grid!important}
  .bgd-sala .bg-info{display:contents}
  .bgd-sala .bs-cab{order:-3;grid-column:1/-1;display:flex;flex-wrap:nowrap;align-items:center;justify-content:space-between;gap:.4rem;margin:0 0 .15rem;padding:.25rem .5rem;font-size:.8rem}
  .bgd-sala .bg-pano .bs-cab,.bgd-sala .bs-cab{padding-right:40px}
  .bgd-sala .bs-cab>.bs-cab-t{flex:1 1 auto;min-width:0;text-align:left;font-size:.78rem;line-height:1.15}
  .bgd-sala .bs-cab .bs-cab-cod{flex:0 0 auto;display:flex}
  .bgd-sala .bs-cab .bs-cab-cod .bs-codigo{font-size:1rem;padding:.15rem .5rem;letter-spacing:.14em}
  .bgd-sala .bs-pausa{order:-2;grid-column:1/-1}
  .bgd-sala .bg-pano>.bg-estado{order:6;grid-column:1/-1}
  .bgd-sala #bs-prop{order:7;grid-column:1/-1;position:static;margin:0;padding:0}
  .bgd-sala #bs-espera{order:8;grid-column:1/-1}
  .bgd-sala .bs-wa-slot{order:9;grid-column:1/-1;display:flex;justify-content:center;padding:.2rem 0 .4rem}
  .bgd-sala .bs-wa-slot:empty{display:none}
  .bgd-sala .bs-wa-slot .bs-wa{min-height:36px;padding:.2rem .9rem;font-size:.85rem}
  .bgd-sala #bs-espera .bs-cuenta{margin:0;gap:.4rem}
  .bgd-sala #bs-espera .bs-cuenta b{font-size:1.2rem}
  .bgd-sala #bs-espera .bs-cifras{font-size:.74rem}
  .bgd-sala #bs-espera .bs-premios li{font-size:.72rem}
  .bgd-sala #bs-sala[data-est="jugando"] .bs-wa-slot,.bgd-sala #bs-sala[data-est="cerrada"] .bs-wa-slot{display:none}
  .bgd-sala .bg-pano>.bg-zc{order:0}
  .bgd-sala .bg-fijo .bg-ultimas{min-height:30px}
  .bgd-sala .bg-fijo .bg-rack{margin-top:8px}
  .bgd-sala .bg-lado{min-height:96px}

  .bs-pantalla.bgd-sala .bg-mando:not(.bs-solotexto){display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:6px;padding:.35rem .5rem calc(.35rem + env(safe-area-inset-bottom,0px))}
  .bgd-sala .bg-mando .bg-sel{display:flex;flex:1 1 100%;justify-content:center;gap:6px;margin:0}
  .bgd-sala .bg-mando .bg-sel button{min-height:38px;padding:.1rem .7rem;font-size:0;display:flex;flex-direction:row;align-items:baseline;justify-content:center;gap:4px;flex:0 0 auto}
  .bgd-sala .bg-mando .bg-sel button b{font-size:1.05rem}
  .bgd-sala .bg-mando .bg-sel button small{font-size:.74rem}
  .bgd-sala .bg-mando .bg-sel button small::before{content:'·'}
  .bgd-sala .bg-mando .rs-acc{margin:0;flex:1 1 55%;min-width:0}
  .bgd-sala .bg-mando .rp-boton{min-height:42px;font-size:.85rem;margin:0;padding:.2rem .6rem;white-space:nowrap}
  .bgd-sala .bg-mando .rs-acc:has(#bs-ya){flex:1 1 36%}
  .bgd-sala .bg-mando .bs-ok,.bgd-sala .bg-mando p{margin:0}
  .bgd-sala .bg-zc>.bg-cartones[style*="--bg-kw"]{overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;touch-action:pan-x pan-y;justify-content:flex-start}
  .bgd-sala .bg-zc>.bg-cartones[style*="--bg-kw"]::-webkit-scrollbar{display:none}
  .bgd-sala .bg-cartones[style*="--bg-kw"] .bg-carton{scroll-snap-align:start}
  .bgd-sala .bg-cartones[style*="--bg-kw"] .bg-carton:first-child{margin-left:auto}
  .bgd-sala .bg-cartones[style*="--bg-kw"] .bg-carton:last-child{margin-right:auto}
  .bgd-sala .bg-cartones[style*="--bg-kw"] .bg-grid em{height:18px;min-height:18px;font-size:.9rem}
  .bgd-sala .bg-cartones[style*="--bg-kw"] .bg-ch b{font-size:.84rem}
  .bgd-sala .bg-cartones[style*="--bg-kw"] .bg-ch small{font-size:.7rem}
}

@media (orientation:landscape) and (max-height:600px){
  .bs-pantalla.bgd-sala .rp-cuerpo{position:relative;min-height:0;display:grid;--pl:max(.4rem,env(safe-area-inset-left,0px),var(--sai,0px));--pr:max(.4rem,env(safe-area-inset-right,0px),var(--sai,0px));
    grid-template-columns:96px 92px 132px;justify-content:start;gap:4px 8px;padding:2px var(--pr) 2px var(--pl);overflow:hidden;
    grid-template-areas:"bom act ult" "bom cta ult" "tab tab tab" "cab cab wa" "esp esp esp" "man man man" "est est est" "sp sp sp";
    grid-template-rows:auto auto auto auto auto auto auto minmax(0,1fr)}
  .bgd-sala .bs-scroll,.bgd-sala #bs-sala,.bgd-sala .bg-pano,.bgd-sala .bg-fijo,.bgd-sala #bs-fijo[hidden],.bgd-sala .bg-rack,.bgd-sala .bg-lado,.bgd-sala #bs-lado[hidden],.bgd-sala .bg-fila2,.bgd-sala .bg-info{display:contents!important}
  .bgd-sala .bs-gente,.bgd-sala .bg-pie{display:none!important}
  .bs-pantalla.bgd-sala .bg-sala{grid-area:bom;position:relative;height:auto;aspect-ratio:auto;min-height:0;align-self:stretch}
  .bs-pantalla.bgd-sala .bg-lado.sin-botones{--bg-bola:70px}
  .bgd-sala .bg-actual{grid-area:act;position:static;margin:0;justify-self:center;align-self:center;width:var(--bg-bola);height:var(--bg-bola)}
  .bgd-sala .bg-ultimas{grid-area:ult;width:auto;justify-self:center;align-self:center;padding:0;gap:.25rem;overflow:visible;flex:none}
  .bgd-sala .bg-ultimas .bb:first-child{display:none}
  .bgd-sala .bg-ultimas .bb{--d:34px!important}
  .bgd-sala .bg-cuenta{grid-area:cta;justify-self:center;align-self:center;font:700 .72rem "Segoe UI",system-ui;color:#cdbf98;white-space:nowrap}
  .bs-pantalla.bgd-sala .bg-tablero,.bs-pantalla.bgd-sala #bg-tab[hidden]{display:grid!important;grid-area:tab;align-self:start;margin:0;padding:3px;gap:2px;border-radius:8px;grid-template-columns:repeat(15,minmax(0,1fr));grid-auto-rows:14px}
  .bs-pantalla.bgd-sala .bg-tablero.con-letra,.bs-pantalla.bgd-sala #bg-tab.con-letra[hidden]{grid-template-columns:16px repeat(15,minmax(0,1fr))}
  .bgd-sala .bg-tablero span{aspect-ratio:auto;display:grid;place-items:center;border-radius:3px;font:800 .66rem/1 "Segoe UI",system-ui;letter-spacing:-.05em;color:#d6cfb6;background:#ffffff1c}
  .bgd-sala .bg-tablero em{display:grid;place-items:center;font:800 .7rem/1 Georgia,serif;color:#ffd24a}
  .bgd-sala .bg-tablero span.sal{color:#1a1200;background:radial-gradient(circle at 35% 30%,#fff2b8,#e2b53a 70%,#a87a16)}
  .bgd-sala .bg-tablero span.ult{box-shadow:0 0 0 2px #fff,0 0 8px 2px #ffd24a;z-index:1;transform:none}
  .bgd-sala .bs-cab{grid-area:cab;display:flex;flex-wrap:nowrap;align-items:center;justify-content:flex-start;margin:0;padding:0;border:0;background:none;min-height:32px}
  .bgd-sala .bs-cab>span{display:none}
  .bgd-sala .bs-cab .bs-cab-cod{flex:0 1 auto}
  .bgd-sala .bs-cab .bs-cab-cod .bs-codigo{font-size:1.05rem;padding:.1rem .45rem;letter-spacing:.14em}
  .bgd-sala .bs-wa-slot{grid-area:wa;display:flex;align-items:center}
  .bgd-sala .bs-wa-slot .bs-wa{min-height:30px;padding:.15rem .6rem;font-size:0}
  .bgd-sala .bs-wa-slot .bs-wa::after{content:'WhatsApp';font-size:.78rem}
  .bgd-sala #bs-espera,.bgd-sala .bs-pausa{grid-area:esp;display:flex;flex-wrap:nowrap;align-items:center;gap:6px;margin:0;justify-content:flex-start;font-size:.74rem;min-height:26px}
  .bgd-sala .bs-pausa[hidden],.bgd-sala .bs-pausa:empty{display:none}
  .bgd-sala .bs-pausa .rp-boton{min-height:32px;padding:.15rem .7rem}
  .bgd-sala #bs-espera .bs-cuenta{margin:0;gap:.3rem;flex:none}
  .bgd-sala #bs-espera .bs-cuenta small{display:none}
  .bgd-sala #bs-espera .bs-cuenta::before{content:'⏱';font-size:.8rem}
  .bgd-sala #bs-espera .bs-cuenta b{font-size:1.05rem}
  .bgd-sala #bs-espera .bs-cifras,.bgd-sala #bs-espera .bs-reglas{display:none}
  .bgd-sala #bs-espera .bs-premios{display:flex;gap:3px;margin:0;flex:1;min-width:0}
  .bgd-sala #bs-espera .bs-premios li{flex:1;min-width:0;flex-direction:column;gap:0;padding:.02rem .15rem;font-size:.6rem;line-height:1.05;white-space:nowrap}
  .bgd-sala #bs-prop{grid-row:4;grid-column:1/4;position:relative;z-index:7;margin:0;padding:0;align-self:start}
  .bgd-sala #bs-prop:empty,.bgd-sala #bs-prop>:not(.bs-prop){display:none}
  .bgd-sala #bs-prop .bs-prop{margin:0;padding:.25rem .4rem;font-size:.72rem;line-height:1.15}
  .bgd-sala #bs-sala[data-est="jugando"] .bs-cab,.bgd-sala #bs-sala[data-est="cerrada"] .bs-cab,.bgd-sala #bs-sala[data-est="jugando"] .bs-wa-slot,.bgd-sala #bs-sala[data-est="cerrada"] .bs-wa-slot{display:none}
  .bs-pantalla.bgd-sala .bg-mando{grid-area:man;position:static;width:auto;max-width:none;height:auto;padding:0;border:0;background:none;overflow:visible;display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:flex-start;gap:4px;min-height:34px}
  .bs-pantalla.bgd-sala .bg-mando.bs-solotexto,.bs-pantalla.bgd-sala .bg-mando[hidden]{display:none}
  .bgd-sala .bg-mando .bg-sel{margin:0;flex-wrap:nowrap;gap:4px}
  .bgd-sala .bg-mando .bg-sel button{min-height:32px;padding:.05rem .3rem;flex:0 0 auto;max-width:none;font-size:0;display:flex;align-items:baseline;gap:3px;white-space:nowrap}
  .bgd-sala .bg-mando .bg-sel button b{font-size:.95rem}
  .bgd-sala .bg-mando .bg-sel button small{font-size:.62rem}
  .bgd-sala .bg-mando .bg-sel button small::before{content:'·'}
  .bgd-sala .bg-mando .rs-acc{margin:0;flex:1 1 auto;min-width:0}
  .bgd-sala .bg-mando .rp-boton{min-height:32px;padding:.1rem .35rem;font-size:.62rem;margin:0;white-space:nowrap;letter-spacing:0}
  .bgd-sala .bg-mando .bs-ok,.bgd-sala .bg-mando p{margin:0;font-size:.72rem;line-height:1.1}
  .bgd-sala .bg-pano>.bg-estado{grid-area:est;margin:0;overflow-y:auto;font-size:.68rem;line-height:1.1;max-height:44px;overflow-wrap:anywhere}
  .bgd-sala .bg-estado .bg-hito{padding:.1rem .3rem;margin:0;font-size:.68rem;line-height:1.1}
  .bgd-sala .bg-estado .bs-faltan{margin:0;font-size:.66rem}
  .bgd-sala .rp-cuerpo>.mr-flota{top:4px;left:calc(var(--pl) + 336px - 30px);right:auto;width:26px;height:26px;opacity:.85;z-index:8}
  .bgd-sala .bg-pano>.bg-zc{position:absolute;top:2px;bottom:2px;left:calc(var(--pl) + 336px + 8px);right:var(--pr);display:flex;flex-direction:row;align-items:center;justify-content:flex-end;overflow:hidden;padding:0;min-width:0;grid-area:auto;align-self:stretch;justify-self:stretch}
  .bgd-sala .bg-zc .bg-puntos{display:none}
  .bgd-sala .bg-zc>.bg-cartones[style*="--bg-kw"]{position:absolute;inset:0;width:auto;overflow:visible;justify-content:flex-end;align-items:center}
  .bgd-sala .bg-zc>.bg-cartones[style*="--bg-kw"]:has(.g9){flex-direction:column}
  .bgd-sala .bg-cartones[style*="--bg-kw"]:has(.g9) .bg-carton,.bgd-sala .bg-cartones[style*="--bg-kw"]:has(.g9) .bg-carton.b90{flex:0 0 auto}

  .bs-pantalla.bgd-sala:has(#bs-sala[data-est="cerrada"]) .rp-cuerpo,.bs-pantalla.bgd-sala:has(#bs-sala[data-est="cancelada"]) .rp-cuerpo{
    grid-template-areas:"bom act ult" "bom cta ult" "tab tab tab" "est est est" "man man man";grid-template-rows:auto auto auto minmax(0,1fr) auto}
  .bgd-sala #bs-espera:empty{display:none}
  .bgd-sala #bs-sala[data-est="cerrada"] .bg-estado,.bgd-sala #bs-sala[data-est="cancelada"] .bg-estado{max-height:none;min-height:0;align-self:stretch;overflow-y:auto;touch-action:pan-y;-webkit-overflow-scrolling:touch;font-size:.72rem}
  .bgd-sala .bg-estado .rj-res{margin:0}
  .bgd-sala .bg-estado .rj-fila{gap:4px;flex-wrap:nowrap}
  .bgd-sala .bg-estado .rj-c{padding:.1rem .35rem;min-width:0}
  .bgd-sala .bg-estado .rj-c small{font-size:.6rem}
  .bgd-sala .bg-estado .rj-c b,.bgd-sala .bg-estado .rj-fila>:not(.rj-c){font-size:.85rem;line-height:1.1}
  .bgd-sala .bg-estado .bg-lista{margin:.2rem 0;padding:0 0 0 .9rem;font-size:.68rem;line-height:1.15}
  .bgd-sala .bg-estado .bg-sala-txt{margin:.1rem 0;font-size:.64rem}
  .bs-pantalla.bgd-sala .bg-mando .rs-acc .rp-boton{min-height:32px;font-size:.78rem}

  .bs-pantalla.bgd-sala .rp-cuerpo{padding-top:8px}
}