/* Milo VIP · ajustes de pantalla para PC, Android y iPhone (v150) */
/* chat del jugador: el campo de texto se achica y el botón de enviar siempre entra */
.wa-input input,#waText{min-width:0!important;width:auto}
.wa-input{gap:6px!important;box-sizing:border-box;max-width:100%}
.wa-input>*{flex-shrink:0}.wa-input input{flex:1 1 auto!important}
/* encabezado del lobby: logo, fichas, bono y salir siempre en una fila */
.top{min-width:0}.top>*{min-width:0}
.wallet b,#rbBal{white-space:nowrap}
@media(max-width:560px){
  .brand-sm{height:32px!important;width:auto}
  .top{gap:6px!important;padding:8px 10px!important}
  .wallet{padding:5px 8px!important;gap:4px!important;flex-shrink:0}
  .wallet b{font-size:13px!important}
  .rb-pill{padding:5px 7px!important;gap:3px!important;flex-shrink:0}
  .rb-pill b{font-size:12.5px!important}.rb-pill{display:grid!important;grid-template-columns:auto auto;justify-items:center;align-items:center;border-radius:14px!important}.rb-pill small{display:block!important;grid-column:1/-1;font-size:7px!important;letter-spacing:.3px;max-width:none!important;white-space:nowrap!important;margin-top:1px}.rb-pill i{font-size:13px!important}
  .exit-btn span{display:none!important}.exit-btn{padding:6px 8px!important;min-width:0!important;flex-shrink:0}
  .wa-input{padding-left:8px!important;padding-right:8px!important}
  .wa-send,.wa-input .vz-mic{width:40px!important;height:40px!important}
  .wa-clip{flex-shrink:0}
}
@media(max-width:380px){
  .brand-sm{height:26px!important}
  .wallet .chip{display:none!important}
  .rb-pill i{display:none!important}
  .wallet b,.rb-pill b{font-size:12px!important}
}
/* lobby: juego estrella y Mi Casino en el celular */
@media(max-width:620px){
  .rl-star{grid-template-columns:1fr 92px!important;min-height:0!important;padding:14px 12px!important;gap:8px!important}
  .rl-star .rs-logo{width:min(190px,100%)!important}
  .rl-star .rs-go{font-size:15px!important;padding:9px 16px!important;white-space:nowrap}
  .rl-star .rs-sub{font-size:12px!important}
  .rl-star .rs-img{width:92px!important;max-height:none!important}
  .rl-star .rs-boom{font-size:20px!important;right:8px!important;top:auto!important;bottom:10px!important}
  .rl-star .rs-tag{font-size:10.5px!important;padding:4px 9px!important}
  .rl-mc{min-height:0!important;aspect-ratio:16/9}
  .rl-mc img{object-position:center 18%!important}
  .rl-mc .mc-go{font-size:15px!important;padding:9px 18px!important}
  .rl-mcb .mb-bt a{padding:10px 14px!important;font-size:12.5px!important}
  .rl-go .rl-bt-in b{font-size:26px!important}
}
@media(max-width:360px){
  .rl-star{grid-template-columns:1fr!important}.rl-star .rs-img{display:none!important}
  .rl-mcb .mb-bt{flex-direction:column}.rl-mcb .mb-bt a{text-align:center}
}
/* iPhone: respetar la muesca y la barra de abajo */
@supports(padding:max(0px)){ .wa-input{padding-bottom:max(10px,env(safe-area-inset-bottom))!important} }
/* v151: Mi Casino de arriba chico y con el mismo diseño que el de abajo */
.rl-mcb.mini{min-height:0;height:100%;align-items:center}
.rl-mcb.mini>img{object-position:right center}
.rl-mcb.mini::before{background:linear-gradient(90deg,rgba(10,0,22,.96) 0%,rgba(10,0,22,.8) 55%,rgba(10,0,22,.25) 100%)}
.rl-mcb.mini .mb-in{padding:16px;gap:6px;max-width:100%}
.rl-mcb.mini small{font-size:10.5px;letter-spacing:1.5px}
.rl-mcb.mini b{font-size:clamp(20px,2.1vw,28px)}
.rl-mcb.mini span{font-size:12.5px}
.rl-mcb.mini .mb-bt{flex-direction:column;gap:7px;margin-top:4px;align-items:flex-start}
.rl-mcb.mini .mb-bt a{padding:9px 14px;font-size:12.5px}
@media(max-width:620px){
  .rl-mcb.mini{min-height:150px;height:auto}
  .rl-mcb.mini::before{background:linear-gradient(90deg,rgba(10,0,22,.96) 0%,rgba(10,0,22,.8) 50%,transparent 85%)}
  .rl-mcb.mini .mb-in{padding:12px 14px;max-width:72%}
  .rl-mcb.mini b{font-size:20px}
  .rl-mcb.mini .mb-bt a{padding:8px 12px!important;font-size:11.5px!important}
}
@media(min-width:621px){.rl-top2{grid-template-columns:2.5fr 1fr!important}}
/* v152: Mi Casino de arriba todavía más chico */
@media(min-width:621px){
  .rl-top2{grid-template-columns:3.4fr 1fr!important;align-items:center}
  .rl-mcb.mini{height:auto!important;min-height:0!important;align-self:center}
  .rl-mcb.mini .mb-in{padding:12px 14px!important}
  .rl-mcb.mini b{font-size:clamp(16px,1.5vw,21px)!important}
  .rl-mcb.mini span{display:none!important}
  .rl-mcb.mini .mb-bt a{padding:7px 11px!important;font-size:11px!important}
}
@media(max-width:620px){
  .rl-mcb.mini{min-height:0!important;border-radius:18px!important}
  .rl-mcb.mini .mb-in{padding:9px 12px!important;gap:4px!important;max-width:78%!important}
  .rl-mcb.mini small{font-size:9.5px!important}
  .rl-mcb.mini b{font-size:16px!important}
  .rl-mcb.mini span{display:none!important}
  .rl-mcb.mini .mb-bt{flex-direction:row!important;flex-wrap:wrap;gap:6px!important;margin-top:2px!important}
  .rl-mcb.mini .mb-bt a{padding:6px 10px!important;font-size:10.5px!important}
}
/* v153: Mi Casino chiquito ADENTRO de la tarjeta del juego estrella, a la derecha */
.rl-top2{grid-template-columns:1fr!important}
.rl-star{grid-template-columns:1fr auto auto!important;column-gap:16px!important}
.rl-star .rs-mc{position:relative;z-index:3;align-self:center;width:210px;border-radius:16px;overflow:hidden;border:1.5px solid rgba(255,196,0,.6);background:#12051f;box-shadow:0 10px 26px rgba(0,0,0,.55);cursor:default}
.rl-star .rs-mc>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:right center}
.rl-star .rs-mc::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(10,0,22,.95),rgba(10,0,22,.7) 60%,rgba(10,0,22,.35))}
.rl-star .rs-mc .mc-in{position:relative;z-index:2;padding:11px 12px;display:flex;flex-direction:column;gap:4px}
.rl-star .rs-mc small{font-size:9.5px;font-weight:900;letter-spacing:1.5px;color:#ffc400}
.rl-star .rs-mc b{font-family:"Luckiest Guy",Outfit,sans-serif;font-size:17px;line-height:1;color:#fff;text-shadow:0 2px 0 rgba(0,0,0,.6)}
.rl-star .rs-mc .mc-bt{display:flex;flex-direction:column;gap:6px;margin-top:4px}
.rl-star .rs-mc .mc-bt a{padding:7px 10px;border-radius:999px;font-weight:900;font-size:11px;text-align:center;cursor:pointer;white-space:nowrap}
.rl-star .rs-mc .mc-go{background:linear-gradient(180deg,#ffe58a,#ffc400 55%,#c99400);color:#1a0b00}
.rl-star .rs-mc .mc-ask{background:rgba(255,255,255,.08);border:1px solid #c9a2ff;color:#efe3ff}
@media(max-width:620px){
  .rl-star{grid-template-columns:1fr 92px!important}
  .rl-star .rs-mc{grid-column:1/-1;width:auto;order:5}
  .rl-star .rs-mc .mc-in{flex-direction:row;align-items:center;flex-wrap:wrap;gap:6px 10px;padding:8px 10px}
  .rl-star .rs-mc .mc-in>div:first-child{display:flex;flex-direction:column}
  .rl-star .rs-mc .mc-bt{flex-direction:row;margin:0 0 0 auto}
  .rl-star .rs-mc b{font-size:14px}
  .rl-star .rs-mc .mc-bt a{padding:6px 9px;font-size:10px}
}
@media(max-width:360px){ .rl-star .rs-mc .mc-bt{margin:0} }
.rl-star .rs-mc .mc-in>div:first-child{display:flex;flex-direction:column;gap:3px}
/* v154: en PC la portada y el ¡BOOM! van al centro de la tarjeta; Mi Casino a la derecha */
@media(min-width:621px){
  .rl-star{grid-template-columns:1fr auto 1fr!important}
  .rl-star .rs-img{justify-self:center!important;width:190px!important}
  .rl-star .rs-mc{justify-self:end!important}
  .rl-star .rs-boom{right:auto!important;left:calc(50% - 175px)!important;top:9%!important}
}
/* celular: portada a la derecha arriba, ¡BOOM! chiquito sobre la portada, Mi Casino abajo a lo ancho */
@media(max-width:620px){
  .rl-star{grid-template-columns:1fr 96px!important;align-items:center!important}
  .rl-star .rs-img{width:96px!important;align-self:start;margin-top:26px;transform:rotate(3deg)}
  .rl-star .rs-boom{font-size:17px!important;right:14px!important;left:auto!important;top:8px!important;bottom:auto!important}
  .rl-star .rs-mc{margin-top:4px}
}
@media(max-width:360px){ .rl-star{grid-template-columns:1fr!important} .rl-star .rs-boom{display:none!important} }
/* v155: celular (Android/iPhone): juego estrella centrado, sin el ¡BOOM! */
@media(max-width:620px){
  .rl-star{grid-template-columns:1fr!important;justify-items:center!important;text-align:center!important;row-gap:10px!important;padding:14px 12px!important}
  .rl-star .rs-boom{display:none!important}
  .rl-star .rs-img{display:block!important;order:-1;justify-self:center!important;align-self:center!important;width:116px!important;margin:0 auto!important;transform:none!important}
  .rl-star .rs-in{align-items:center!important;text-align:center!important;width:100%}
  .rl-star .rs-in>*{margin-left:auto!important;margin-right:auto!important}
  .rl-star .rs-logo{width:min(185px,70%)!important}
  .rl-star .rs-mc{justify-self:stretch!important;width:100%!important;text-align:left}
}
@media(max-width:360px){ .rl-star .rs-img{width:100px!important} }
/* v156: en celular la tarjeta estrella va sin portada (queda la etiqueta EL JUEGO ESTRELLA) */
@media(max-width:620px){ .rl-star .rs-img{display:none!important} .rl-star .rs-tag{display:inline-block!important} .rl-star{padding-top:16px!important} }
/* v158: mascota del botón CARGAS Y RETIROS en un anillo redondo (sin el cuadrado negro) */
.chat-fab .fab-ic{border-radius:50%!important;object-fit:cover;background:#0b0b0b;border:3px solid #b6ff2e;box-sizing:border-box;box-shadow:0 0 0 2px rgba(0,0,0,.55),0 0 16px rgba(182,255,46,.55),0 8px 14px rgba(0,0,0,.5)!important;filter:none!important}