/* Supplied casino UI artwork. Scope all presentation to the lobby. */
#lobby{background:#15171b url('img/lobby-ui/background.jpg') center/cover no-repeat}
#lobby .gx-grid{align-content:center;grid-auto-rows:var(--gx-h,140px)}
#lobby .gx-card{height:var(--gx-h,140px);aspect-ratio:auto;border-radius:9px;box-shadow:0 1px 3px #0009}
#lobby .gx-card .gx-info{display:none}
#lobby .gx-card:hover,#lobby .gx-card:focus-within{transform:none;box-shadow:0 0 0 2px #d89b13,0 0 14px #ffc93399;z-index:2}
#lobby .gx-card:hover::after,#lobby .gx-card:focus-within::after{content:'';position:absolute;inset:0;z-index:2;border-radius:inherit;box-shadow:inset 0 0 0 3px #ffe378,inset 0 0 10px #ffb91866;pointer-events:none}
#lobby .gx-card.con-portada .gx-cover{object-fit:fill}
#lobby .gx-flecha{background:transparent center/100% 100% no-repeat;clip-path:none;border-radius:0;filter:none;width:clamp(38px,5vw,98px);height:clamp(130px,25vh,270px)}
#lobby .gx-flecha.izq{background-image:url('img/lobby-ui/previous.png')}
#lobby .gx-flecha.der{background-image:url('img/lobby-ui/next.png')}
#lobby .gx-flecha::before,#lobby .gx-flecha svg{display:none}
#lobby .gx-flecha:disabled{opacity:.28;filter:none}
#lobby .gx-flecha:hover:not(:disabled){filter:brightness(1.2)}
#lobby .gx-stage{padding:0 0 3px}
#lobby .gx-fila{gap:clamp(10px,1vw,20px)}
#lobby .gx-marca{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:6px 0 12px}
#lobby .gx-marca::before{width:min(800px,90%);height:100%;opacity:.75}
#lobby .gx-pager{min-height:52px;padding:7px 0 3px;gap:10px}
#lobby .gx-bottom{background:#08006b url('img/lobby-ui/footer.png') center/100% 100% no-repeat;border:0;box-shadow:none}
#lobby .gx-volver{background:#0c008f url('img/lobby-ui/button.png') center/100% 100% no-repeat;border:0;border-radius:0;box-shadow:none}
#lobby .jpb-titulo{color:#ffdc58;background-color:#211305;box-shadow:inset 0 0 0 2px #d5a338,0 0 16px #f9b72a55;text-shadow:none}
#lobby .jpb-titulo span{background:linear-gradient(180deg,#fffbd2 0%,#fff39a 24%,#ffd34e 48%,#d99a13 52%,#ffdd65 76%,#fff3a6 100%);background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-stroke:.65px #7b4c05;filter:drop-shadow(0 2px 0 #5e3300) drop-shadow(0 0 7px #ffc52f88)}
#lobby .jpb-num{container-type:inline-size;display:grid;justify-content:stretch;min-width:150px}
#lobby .jpb-casillas{display:grid;grid-template-columns:repeat(var(--jp-enteros,5),minmax(0,1fr)) .24fr repeat(2,minmax(0,1fr));align-items:center;justify-self:stretch;width:100%;font-size:clamp(14px,calc(101cqi / (var(--jp-enteros,5) + 2.24)),60px);line-height:1.15;letter-spacing:0;text-shadow:0 0 3px var(--lv-hi),0 0 8px var(--lv);animation:none}
#lobby .jpb-digito,#lobby .jpb-decimal{display:block;text-align:center;min-width:0;font:inherit}
@media(min-width:1000px){
 #lobby .gx-jp{padding:7px 12px;background:#151515}
 #lobby .gx-jp .jpb{gap:12px;justify-content:stretch;overflow:hidden}
 #lobby .gx-jp .jpb-titulo{font-size:clamp(30px,2.8vw,58px)}
 #lobby .gx-jp .jpb-nivel{flex:1 1 0;min-width:0}
 #lobby .gx-jp .jpb-nom{flex:0 0 clamp(70px,6.5vw,160px);box-sizing:border-box;justify-content:center;font-size:clamp(17px,1.3vw,28px);padding:0 6px;letter-spacing:.04em}
 #lobby .gx-jp .jpb-num{flex:1;min-width:0;min-height:clamp(38px,4.2vh,60px);font-size:clamp(22px,2vw,38px);padding:7px 8px;letter-spacing:.025em}
 #lobby .gx-tab{height:clamp(58px,6.5vh,80px);font-family:Impact,'Arial Narrow',sans-serif;font-weight:400;font-size:clamp(21px,1.6vw,32px);padding:0 10px;background:#09008b url('img/lobby-ui/button.png') center/100% 100% no-repeat;border:0;letter-spacing:0}
 #lobby .gx-tab i{font:700 11px/1 'Segoe UI',sans-serif;margin-left:4px}
 #lobby .gx-tabs{gap:3px;background:#030025}
 #lobby .gx-tab:disabled{opacity:.55}
 #lobby .gx-cats{padding:4px 12px;background:#111218dd}
 #lobby .gx-chip{height:25px;font-size:12px}
 #lobby .gx-marca{height:clamp(120px,16vh,190px);box-sizing:border-box}
 #lobby .gx-marca b{font-size:clamp(66px,5vw,125px);line-height:.88;transform:scaleX(1.3);letter-spacing:.04em}
 #lobby .gx-marca small{font-size:clamp(12px,1vw,21px);letter-spacing:.55em;margin-top:9px}
 #lobby .gx-pag{height:clamp(38px,4.6vh,54px);min-width:clamp(46px,3vw,68px);font-size:clamp(28px,2.2vw,42px);border-radius:3px}
 #lobby .gx-bottom{position:relative;display:block;height:clamp(104px,13vh,160px);min-height:0;box-sizing:border-box;padding:0}
 #lobby .gx-esp{display:none}
 #lobby .gx-saldo{position:absolute;left:1.1%;top:5%;width:12.2%;height:87%;min-width:0;justify-content:space-between}
 #lobby .gx-saldo small{font-size:clamp(27px,2.2vw,46px);height:39%;font-family:Impact,'Arial Narrow',sans-serif;font-weight:400}
 #lobby .gx-saldo b{display:grid;place-items:center;height:54%;margin:0;padding:0;font-size:clamp(27px,2.3vw,48px);text-align:center;background:none;border:0;letter-spacing:.06em}
 #lobby .gx-quien{position:absolute;left:79%;top:10%;width:20%;height:38%;margin:0}
 #lobby .gx-user{width:100%;height:100%;min-width:0;max-width:none;font-size:clamp(24px,2.2vw,42px);text-align:center;background:transparent;border:0}
 #lobby .gx-user option{background:#202023}
 #lobby .gx-reloj{position:absolute;left:79.8%;bottom:10%;width:6.3%;height:34%;display:grid;place-items:center;font-size:clamp(23px,2vw,40px);letter-spacing:0}
 #lobby .gx-buscar{position:absolute;left:87%;bottom:10%;width:12%;height:34%}
 #lobby .gx-buscar input{width:100%;height:100%;box-sizing:border-box;font-size:clamp(21px,1.8vw,36px);background:transparent;border:0}
 #lobby .gx-volver{position:absolute;left:52%;bottom:9%;width:22%;height:43%;font:400 clamp(22px,1.7vw,34px)/1 Impact,'Arial Narrow',sans-serif;letter-spacing:.02em;padding:0 8px}
}
@media(max-width:700px){
 #lobby .gx-stage{padding:0 4px 3px}
 #lobby .gx-fila{gap:6px}
 #lobby .gx-marca b{font-size:44px}
 #lobby .gx-marca small{font-size:10px}
 #lobby .gx-bottom{background:#08006b}
}