.bg-pantalla{--bg-ac:#e2b53a;--pap:#f7f0dc;--cartel:#1b2a52;
  inset:var(--ctl-top,28px) 0 auto 0;height:calc(100vh - var(--ctl-top,28px));height:calc(var(--rs-h,100vh) - var(--ctl-top,28px))}
.bgv-esfera{background:var(--rp-fondo,none) center/cover no-repeat,radial-gradient(520px 360px at 30% 10%,#2a1f5a66 0,#0000 70%),radial-gradient(520px 360px at 90% 40%,#7a561a40 0,#0000 70%),linear-gradient(180deg,#07060e,#0e0c1a 60%,#05040a)}
.bgv-domo{--bg-ac:#c4161c;--pap:#f3f1ec;--cartel:#6e1020;background:var(--rp-fondo,none) center/cover no-repeat,radial-gradient(520px 360px at 60% 0,#7a0f1c55 0,#0000 70%),linear-gradient(180deg,#0b0508,#150a0f 60%,#060304)}
.bgv-jaula{--bg-ac:#2f8f5f;--pap:#fbf4de;--cartel:#0a3a24;background:var(--rp-fondo,none) center/cover no-repeat,radial-gradient(560px 380px at 50% 0,#0f5a3a66 0,#0000 70%),linear-gradient(180deg,#04100b,#0a1d14 60%,#030a07)}
.bg-scroll{position:relative;z-index:2;flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;padding:0 .4rem .8rem}
.bg-fijo{position:sticky;top:0;z-index:4;margin:0 -.4rem;padding:.25rem .4rem .2rem;background:#05040a;box-shadow:0 6px 8px -4px #000c}
.bg-sala{position:relative;height:clamp(150px,calc(var(--rs-h,664px)*.29),230px)}
.bg-sala canvas{display:block;width:100%;height:100%}
.bg-actual{position:absolute;display:grid;place-items:center;pointer-events:none}
.bg-actual{inset:0;margin:auto;width:max-content;height:max-content;z-index:3}
.bg-actual.pop{animation:bg-pop .7s cubic-bezier(.2,1.4,.4,1)}
@keyframes bg-pop{0%{transform:translateY(-34px) scale(.35);opacity:0}60%{opacity:1}100%{transform:none}}
.bg-actual .bb i{position:absolute;top:13%;font:700 calc(var(--d)*.16) Georgia,serif;color:#16161d;z-index:1}
.bg-actual .bb b{font-size:calc(var(--d)*.34);margin-top:calc(var(--d)*.06)}
.bg-banner{position:absolute;left:0;right:0;top:34%;text-align:center;font:800 2rem Georgia,serif;letter-spacing:.08em;color:#ffd24a;text-shadow:0 0 18px #ffb300,0 2px 0 #5a3d06,0 4px 12px #000;pointer-events:none;z-index:5}
.bg-banner.va{animation:bg-ban 1.7s ease-out}
@keyframes bg-ban{0%{transform:scale(.3);opacity:0}15%{transform:scale(1.15);opacity:1}30%{transform:scale(1)}85%{opacity:1}100%{opacity:0;transform:scale(1.05)}}
.bg-locutor{position:absolute;right:3%;top:2%;width:42%;display:flex;gap:.4rem;align-items:flex-start}
.bg-mic{width:26px;flex:none;filter:drop-shadow(0 2px 3px #000a)}
.bg-voz{flex:1;position:relative;background:#fbf4de;color:#1a1a22;border-radius:12px;padding:.25rem .45rem;font:700 .74rem Georgia,serif;box-shadow:0 3px 8px #0009;border:2px solid #d4a62a}
.bg-voz::before{content:"";position:absolute;left:-8px;top:10px;border:6px solid transparent;border-right-color:#d4a62a;border-left:0}
.bg-rack{display:flex;align-items:center;gap:.5rem;padding:.1rem .1rem 0;min-height:42px}
.bg-ultimas{display:flex;gap:.28rem;align-items:center;flex:1;min-width:0;overflow:hidden;padding:4px 0 4px 5px}
.bg-ultimas .bb:first-child{box-shadow:inset calc(var(--d)*-.1) calc(var(--d)*-.12) calc(var(--d)*.2) #0009,inset calc(var(--d)*.06) calc(var(--d)*.06) calc(var(--d)*.12) #fff6,0 0 0 2px #ffd24a,0 0 12px #ffb300}
.bg-cuenta{flex:none;color:#cdbf98;font:600 .74rem "Segoe UI",system-ui}

.bb{--d:44px;--c1:#ff6a5e;--c2:#8a0d16;position:relative;display:inline-grid;place-items:center;width:var(--d);height:var(--d);border-radius:50%;flex:none;
  background:radial-gradient(circle at 34% 28%,#fff 0,var(--c1) 14%,var(--c1) 40%,var(--c2) 80%,#000 135%);
  box-shadow:inset calc(var(--d)*-.1) calc(var(--d)*-.12) calc(var(--d)*.2) #0009,inset calc(var(--d)*.06) calc(var(--d)*.06) calc(var(--d)*.12) #fff6,0 calc(var(--d)*.16) calc(var(--d)*.22) #000b}
.bb::before{content:"";position:absolute;inset:22%;border-radius:50%;background:radial-gradient(circle at 40% 32%,#fffef6,#efe8d2 62%,#c4b998);box-shadow:inset 0 0 calc(var(--d)*.06) #0007}
.bb::after{content:"";position:absolute;left:15%;top:8%;width:36%;height:21%;border-radius:50%;background:radial-gradient(ellipse,#fffe 0,#fff0 72%);transform:rotate(-35deg)}
.bb b{position:relative;z-index:1;font:700 calc(var(--d)*.3) Georgia,serif;color:#16161d}

.bg-tablero{--cols:15;display:grid;grid-template-columns:repeat(var(--cols),1fr);gap:2px;margin:.35rem 0;padding:.3rem;border-radius:10px;background:#000a;border:1px solid #b8860b66}
.bg-tablero.con-letra{grid-template-columns:14px repeat(var(--cols),1fr)}
.bg-tablero em{font:700 .62rem Georgia,serif;color:#ffd24a;display:grid;place-items:center}
.bg-tablero span{display:grid;place-items:center;aspect-ratio:1;border-radius:50%;font:600 .56rem "Segoe UI",system-ui;color:#8a8472;background:#ffffff0d}
.bg-tablero span.sal{color:#1a1200;background:radial-gradient(circle at 35% 30%,#fff2b8,#d4a62a 65%,#8a6212);box-shadow:0 0 4px #ffb30088}
.bg-tablero span.ult{box-shadow:0 0 0 2px #fff,0 0 10px #ffd24a;transform:scale(1.25);z-index:1}
.bg-estado{min-height:2.2rem;margin:.3rem 0;text-align:center;font:600 .86rem Georgia,serif;color:#ffe9a8}
.bg-estado .suave{font-weight:400}
.bg-hito{padding:.3rem .5rem;border-radius:10px;background:#000a;border:1px solid #ffffff22}
.bg-hito.mio{border-color:#7dff9a;color:#7dff9a;background:#0a2a14cc}
.bg-lista{list-style:none;margin:.35rem 0;padding:0;text-align:left;font:500 .78rem "Segoe UI",system-ui;color:#e9dfc0}
.bg-lista li{padding:.2rem .1rem;border-bottom:1px solid #ffffff14}.bg-lista .mas{color:#7dff9a}
.bg-sala-txt{font-size:.74rem}

.bg-cartones{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}
.bg-vacio{text-align:center;color:#cdbf98;padding:1rem .5rem;font-size:.85rem}.bg-vacio img{width:84px;opacity:.9;filter:drop-shadow(0 3px 6px #000a)}
.bg-carton{--ac:var(--bg-ac);position:relative;flex:1 1 150px;max-width:260px;border-radius:12px;padding:.3rem .3rem .35rem;color:#1a1a22;
  background:var(--bg-papel,none) center/cover,linear-gradient(160deg,var(--pap),#e9dfc0);border:3px solid transparent;
  background-clip:padding-box;box-shadow:0 8px 18px #000b,inset 0 0 0 1px #fff8;outline:3px solid var(--ac);outline-offset:-3px}
.bg-carton.n1{max-width:340px;flex-basis:300px}
.bg-carton.b90{flex:1 1 100%;max-width:400px}
.bg-carton.gana{animation:bg-gana .8s ease-in-out infinite alternate;outline-color:#ffd24a}
@keyframes bg-gana{from{box-shadow:0 8px 18px #000b,0 0 6px #ffd24a}to{box-shadow:0 8px 18px #000b,0 0 22px #ffd24a,0 0 40px #ffb30077}}
.bg-ch{display:flex;align-items:center;gap:.3rem;margin:0 0 .2rem .1rem;font:700 .7rem Georgia,serif;color:var(--cartel)}
.bg-ce{width:20px;height:20px;border-radius:50%;background:radial-gradient(circle at 50% 38%,#2a4f9a,#0a1534 75%);box-shadow:0 0 0 2px #e2b53a;overflow:hidden;display:grid;place-items:center}
.bg-ce img{width:112%;height:112%;object-fit:contain}
.bg-ch small{margin-left:auto;font:600 .64rem "Segoe UI",system-ui;color:#6b5a2a}
.bg-grid{display:grid;gap:2px}
.bg-grid.g5{grid-template-columns:repeat(5,1fr)}
.bg-grid.g9{grid-template-columns:repeat(9,1fr)}
.bg-grid em{display:grid;place-items:center;height:20px;border-radius:6px 6px 0 0;font:800 .9rem Georgia,serif;color:#fff;background:linear-gradient(180deg,var(--cartel),#000a);font-style:normal}
.bg-c{position:relative;display:grid;place-items:center;aspect-ratio:1;border-radius:4px;background:#fffdf4;box-shadow:inset 0 0 0 1px #c9b27a,inset 0 -2px 0 #0001;font:700 .98rem Georgia,serif;overflow:hidden;touch-action:manipulation}
.g9 .bg-c{aspect-ratio:auto;height:38px;font-size:1rem}
.bg-c.vacia{background:repeating-linear-gradient(135deg,#e6d9ae 0 4px,#f0e6c2 4px 8px);box-shadow:inset 0 0 0 1px #c9b27a}
.bg-c.libre{background:#0a1534}.bg-c.libre img{width:92%;height:92%;object-fit:contain}
.bg-c span{position:relative;z-index:1}
.bg-c.mk::after{content:"";position:absolute;inset:8%;border-radius:50%;z-index:2;background:radial-gradient(circle at 36% 30%,#fff8,#0000 38%),radial-gradient(circle,#e8b82bd8 0,#c9922ad0 62%,#8a5d10c8 100%);box-shadow:0 1px 3px #0008,inset 0 0 0 1.5px #fff4;animation:bg-sello .28s cubic-bezier(.2,1.6,.4,1)}
@keyframes bg-sello{from{transform:scale(2.2);opacity:0}}
.bg-c.pide{animation:bg-pide .8s ease-in-out infinite alternate;box-shadow:inset 0 0 0 2px #ffb300}
@keyframes bg-pide{from{background:#fffdf4}to{background:#ffe9a8}}

.bg-mando{position:relative;z-index:6;background:linear-gradient(180deg,#000a,#000e);border-top:1px solid #b8860b66;padding:.3rem .4rem calc(.4rem + env(safe-area-inset-bottom))}
.bg-sel{display:flex;gap:.35rem;justify-content:center;margin-bottom:.3rem}
.bg-sel button{flex:1;max-width:120px;display:flex;flex-direction:column;align-items:center;gap:0;padding:.22rem .2rem;border-radius:12px;border:1px solid #b8860b88;background:linear-gradient(180deg,#2a2418,#14110a);color:#e9dfc0;font:600 .7rem "Segoe UI",system-ui}
.bg-sel button b{font:800 1.05rem Georgia,serif;color:#ffd24a;display:inline}
.bg-sel button small{color:#cdbf98;font-size:.68rem}
.bg-sel button.sel{background:linear-gradient(180deg,#ffe58a,#d4a62a);color:#1a1200;box-shadow:0 0 0 2px #fff3,0 0 12px #ffb30077}.bg-sel button.sel b,.bg-sel button.sel small{color:#1a1200}
#bg-jugar{width:100%;max-width:380px;font-size:.98rem;padding:.62rem .6rem}
.bg-ctrl{display:flex;gap:.4rem;justify-content:center;flex-wrap:wrap}
.bg-ctrl .rp-boton.chico{font-size:.82rem;padding:.5rem .8rem}
.bg-pie{margin:.5rem .1rem}
.bg-pie p{margin:.3rem 0}.bg-pr{margin:.2rem 0 .2rem 1.1rem;padding:0}
@media(min-width:700px){.bg-pantalla{max-width:520px;margin:0 auto}}

.bg-cartones.desliza{display:flex;flex-wrap:nowrap;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;gap:.5rem;justify-content:flex-start;scrollbar-width:none;touch-action:pan-x pan-y}
.bg-cartones.desliza::-webkit-scrollbar{display:none}
.bg-cartones.desliza .bg-carton{flex:0 0 100%;max-width:100%;scroll-snap-align:center}
.bg-puntos{display:flex;justify-content:center;gap:.4rem;margin:.25rem 0 .1rem}
.bg-puntos i{width:8px;height:8px;border-radius:50%;background:#fff5;transition:.2s}
.bg-puntos i.on{background:#ffd24a;transform:scale(1.25)}
.bg-carton .bg-c{min-height:44px}
.bg-c.pide{cursor:pointer}

.bs-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}
.bg-scroll{padding:0 .4rem .3rem}
.bg-pano{--bg-bw:112px;--bg-bola:60px;position:relative;display:grid;grid-template-columns:var(--bg-bw) minmax(0,1fr);column-gap:.4rem;align-content:start}
.bg-pano>*{grid-column:1/-1;min-width:0}
.bg-pano>.bg-fijo{grid-column:1;position:static;display:flex;flex-direction:column;margin:0;padding:.25rem 0 0;background:none;box-shadow:none}
.bg-pano>.bg-lado{grid-column:2}
.bg-pano .bg-sala{position:relative;height:auto;aspect-ratio:360/393;flex:none}
.bg-pano .bg-sala canvas{position:absolute;inset:0;width:100%;height:100%}
.bg-pano .bg-banner{position:absolute;top:30%;z-index:8}
.bg-pano .bg-rack{display:flex;flex-direction:column;align-items:flex-start;gap:2px;min-height:0;padding:0}
.bg-pano .bg-cuenta{font-size:.72rem;white-space:nowrap}
.bg-pano .bg-ultimas{flex:none;width:100%;padding:2px 0 2px 2px;gap:.2rem}
.bg-pano .bg-ultimas .bb{--d:26px!important}
.bg-lado{display:flex;flex-direction:column;gap:5px;padding-top:.25rem;justify-content:center}
.bg-pano .bg-tablero{--cols:15;margin:0;padding:3px;gap:1px;border-radius:8px;container-type:inline-size;grid-template-columns:repeat(var(--cols),minmax(0,1fr))}
.bg-pano .bg-tablero.con-letra{grid-template-columns:3.4cqw repeat(var(--cols),minmax(0,1fr))}
.bg-pano .bg-tablero em{font-size:clamp(.6rem,4.2cqw,1.05rem);line-height:1}
.bg-pano .bg-tablero span{aspect-ratio:1;border-radius:3px;font:800 clamp(.6rem,4.15cqw,1.1rem)/1 "Segoe UI",system-ui;letter-spacing:-.04em;color:#d6cfb6;background:#ffffff16}
.bg-pano .bg-tablero span.sal{color:#1a1200;background:radial-gradient(circle at 35% 30%,#fff2b8,#e2b53a 70%,#a87a16);box-shadow:none}
.bg-pano .bg-tablero span.ult{transform:none;box-shadow:0 0 0 2px #fff,0 0 8px 2px #ffd24a;z-index:1}
.bg-fila2{display:flex;align-items:center;gap:6px}
.bg-pano .bg-actual{position:static;inset:auto;margin:0;flex:none;width:var(--bg-bola);height:var(--bg-bola);display:grid;place-items:center}
.bg-pano .bg-actual:empty{border:2px dashed #ffffff30;border-radius:50%}
.bg-pano .bg-actual .bb{--d:var(--bg-bola)!important}
.bg-pano .bg-actual .bb b{font-size:calc(var(--d)*.4);margin-top:0}
.bg-pano .bg-actual .bb i{top:12%;font-size:calc(var(--d)*.15)}
.bg-pano .bg-actual .bb b{margin-top:calc(var(--d)*.08)}
.bg-botones{flex:1;min-width:0}
.bg-botones:empty{display:none}
.bg-pano .bg-ctrl{display:grid;grid-template-columns:1fr 1fr;gap:4px}
.bg-pano .bg-ctrl[hidden]{display:none}
.bg-pano .bg-ctrl .rp-boton.chico{font-size:.74rem;padding:.3rem .3rem;min-height:34px;line-height:1.1;letter-spacing:0}
.bg-pano .bg-ctrl #bg-saltar{grid-column:1/-1}
.bg-pano .bg-estado{min-height:0;margin:.2rem 0;font-size:.8rem;line-height:1.2}
.bg-pano .bg-estado:empty{display:none}
.bg-pano .bg-hito{padding:.2rem .4rem}
.bg-zc{display:flex;flex-direction:column;align-items:center}
.bg-zc>.bg-cartones{width:var(--bg-cw,100%);max-width:100%}
.bg-cartones[style*="--bg-cel"] .bg-carton{flex-basis:100%;max-width:100%;padding:.2rem .3rem .25rem}
.bg-cartones[style*="--bg-cel"] .bg-carton .bg-c{aspect-ratio:auto;height:var(--bg-cel);min-height:0;font-size:var(--bg-fs)}
.bg-cartones[style*="--bg-cel"] .bg-grid em{height:calc(var(--bg-cel)*.38);min-height:18px;font-size:max(.9rem,calc(var(--bg-cel)*.3))}
.bg-cartones[style*="--bg-cel"] .bg-c.libre img{width:78%;height:78%}
.bg-zc .bg-puntos{width:var(--bg-cw,100%);max-width:100%;justify-content:flex-start;align-items:center;gap:.35rem;margin:.2rem 0 0;min-height:30px}
.bg-pt{flex:none;width:28px;height:28px;border-radius:50%;border:2px solid #fff5;background:#0008;color:#ffe9a8;font:800 .85rem Georgia,serif;padding:0}
.bg-pt.on{background:linear-gradient(180deg,#ffe58a,#d4a62a);color:#1a1200;border-color:#fff}
.bg-pt.avisa{border-color:#ff9a1f;animation:bg-pt 1s ease-in-out infinite alternate}
@keyframes bg-pt{from{box-shadow:0 0 0 0 #ff9a1f00}to{box-shadow:0 0 0 5px #ff9a1faa}}
.bg-pt-aviso{flex:1;min-width:0;font:700 .78rem "Segoe UI",system-ui;color:#ffb347;line-height:1.15}
.bg-puntos i{display:none}
.bg-pano .bg-locutor{position:static;width:100%;margin-top:2px}
.bg-pano .bg-voz{font-size:.68rem;padding:.1rem .35rem}

@media (orientation:landscape) and (max-height:600px){

  .bg-pantalla,.bg-pantalla.rp-pantalla{max-width:none;margin:0}
  body.ab .bg-pantalla .ab-barra{padding:3px max(8px,env(safe-area-inset-right)) 2px max(8px,env(safe-area-inset-left));gap:0}
  body.ab .bg-pantalla .ab-fila{gap:4px}
  body.ab .bg-pantalla .ab-q{width:36px;height:34px;gap:0;border-radius:9px}
  body.ab .bg-pantalla .ab-q.sello{width:34px;height:34px}
  body.ab .bg-pantalla .ab-q svg{width:19px;height:19px}
  body.ab .bg-pantalla .ab-q i{display:none}
  body.ab .bg-pantalla .ab-saldo,body.ab .bg-pantalla .ab-tit{height:34px}
  body.ab .bg-pantalla .ab-sub{display:none}
  .bg-pantalla .rp-cuerpo{flex-direction:row}
  .bg-pantalla .bg-scroll{flex:1;min-width:0;padding:0 .5rem .2rem}
  .bg-pantalla .bg-mando{flex:none;width:210px;max-width:30vw;border-top:0;border-left:1px solid #b8860b66;overflow-y:auto;padding:.4rem .5rem calc(.4rem + env(safe-area-inset-bottom)) .5rem;display:flex;flex-direction:column;justify-content:center}
  .bg-pantalla .bg-mando[hidden],.bg-pantalla .bg-mando.bs-solotexto{display:none}
  .bg-pantalla .bg-mando .bg-sel{flex-wrap:wrap}
  .bg-pantalla .bg-mando .bg-sel button{max-width:none;flex:1 1 60px}
  .bg-pano{--bg-bw:132px;--bg-bola:76px;min-height:100%;grid-template-columns:auto auto minmax(220px,1fr);grid-template-rows:auto auto 1fr;column-gap:.5rem}
  .bg-pano>.bg-fijo{grid-column:1;grid-row:1/span 3;width:var(--bg-bw);padding:0 0 .1rem}
  .bg-pano .bg-sala{flex:1;min-height:0;aspect-ratio:auto}
  .bg-pano>.bg-zc{grid-column:2;grid-row:1/span 3;align-self:start;padding-top:.15rem}
  .bg-pano>.bg-info{grid-column:3;grid-row:1}
  .bg-pano>.bg-lado{grid-column:3;grid-row:2;justify-content:flex-start;padding-top:.15rem}
  .bg-pano>.bg-estado{grid-column:3;grid-row:3;align-self:start}
  .bg-pano .bg-ctrl{grid-template-columns:1fr 1fr}
  .bg-pano .bg-ctrl .rp-boton.chico{min-height:38px;font-size:.84rem}
  .bg-pano>.bg-zc{flex-direction:row;align-items:flex-start;gap:4px;position:relative}
  .bg-zc .bg-puntos{order:2;flex-direction:column;width:auto;min-height:0;margin:0;gap:.3rem;padding-top:.2rem}
  .bg-zc .bg-pt-aviso{position:absolute;left:0;right:34px;top:4px;z-index:6;background:#2a1600f2;border:1px solid #ff9a1f;border-radius:8px;padding:.3rem .45rem;font-size:.85rem;text-align:center}
  .bg-zc .bg-pt-aviso:empty{display:none}
  .bg-cartones[style*="--bg-cel"] .bg-grid em{height:16px;min-height:16px;font-size:.85rem}
  .bg-pano .bg-tablero{padding:4px;gap:2px}
  .bg-pano .bg-tablero.con-letra{grid-template-columns:2.4cqw repeat(var(--cols),minmax(0,1fr))}
  .bg-pano .bg-tablero span{font-size:clamp(.5rem,3.9cqw,1.2rem)}
  .bg-pano .bg-tablero em{font-size:clamp(.5rem,3.9cqw,1.2rem)}
}
.bg-lado.sin-botones{--bg-bola:84px}
@media (orientation:landscape) and (max-height:600px){.bg-lado.sin-botones{--bg-bola:90px}}
@media (orientation:landscape) and (max-height:600px){#bs-sala .bs-gente{display:none}}
.bg-pano .bg-ultimas{overflow:visible;padding:4px 0 4px 4px}

.bg-pt{width:40px;height:40px;font-size:1.1rem}
.bg-zc .bg-puntos{min-height:44px;gap:.4rem}
@media not all and (orientation:landscape) and (max-height:600px){
  .bg-pano{--bg-bw:104px}
  .bg-pano>.bg-lado{padding-bottom:.55rem}
  .bg-pano .bg-actual .bb{box-shadow:inset calc(var(--d)*-.1) calc(var(--d)*-.12) calc(var(--d)*.2) #0009,inset calc(var(--d)*.06) calc(var(--d)*.06) calc(var(--d)*.12) #fff6,0 3px 6px #000b}
  .bg-pano .bg-tablero{padding:2px;gap:1px}
  .bg-pano .bg-tablero.con-letra{grid-template-columns:3.2cqw repeat(var(--cols),minmax(0,1fr))}
  .bg-pano .bg-tablero span{font-size:clamp(.6rem,4.4cqw,1.1rem);letter-spacing:-.04em}
  .bg-pano .bg-tablero em{font-size:clamp(.6rem,4cqw,1.05rem)}
  .bg-pano .bg-ultimas .bb{--d:24px!important}
  .bg-pano .bg-ultimas{gap:.15rem}
}
@media (orientation:landscape) and (max-height:600px){
  .bg-zc .bg-pt-aviso{position:fixed;left:auto;right:.6rem;top:auto;bottom:calc(var(--ab-pie,22px) + 10px);width:min(250px,28vw);z-index:60}
}

@media not all and (orientation:landscape) and (max-height:600px){
  .bg-pano{--bg-bw:86px}
  .bg-pano .bg-tablero{padding:3px;gap:2px}
  .bg-pano .bg-tablero.con-letra{grid-template-columns:3cqw repeat(var(--cols),minmax(0,1fr))}
  .bg-pano .bg-tablero span{font-size:clamp(.6rem,3.7cqw,1rem);letter-spacing:0;border-radius:3px;background:#ffffff22;box-shadow:inset 0 0 0 1px #ffffff14}
  .bg-pano .bg-tablero span.sal{box-shadow:inset 0 0 0 1px #fff6}
  .bg-pano .bg-ultimas .bb{--d:20px!important}
}