/* Capa web de los juegos de celular (Alebrije, Alebrijuntos, Sombra Ninja). Solo la carga la version web. */
#nb-instala{position:fixed;left:8px;right:8px;bottom:calc(8px + env(safe-area-inset-bottom,0px));z-index:60;max-width:440px;margin:0 auto;padding:8px 10px;border-radius:14px;background:#14111cf2;color:#f3eefc;border:1px solid #ffffff2e;font:600 13px/1.35 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;box-shadow:0 6px 24px #0008;display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;transition:opacity .4s,transform .4s}
#nb-instala.fuera{opacity:0;transform:translateY(12px);pointer-events:none}
#nb-instala .t{flex:1 1 150px;min-width:0}
#nb-instala button,#nb-instala a.b{font:inherit;font-weight:700;min-height:44px;min-width:44px;padding:0 12px;border-radius:10px;border:1px solid #ffffff3a;background:#6d3fc7;color:#fff;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;text-decoration:none}
#nb-instala button.x{background:transparent;border-color:transparent;font-size:20px;padding:0}
#nb-instala ol{flex:1 1 100%;margin:2px 0 4px;padding-left:20px;font-weight:500;color:#d8cdef}
#nb-instala ol[hidden]{display:none}
#nb-instala:focus-within{outline:2px solid #b794f6}
body.play-immersive #nb-instala{display:none}
@media (orientation:landscape) and (max-height:520px){#nb-instala{left:auto;right:8px;max-width:330px;bottom:calc(6px + env(safe-area-inset-bottom,0px))}}
@media (prefers-reduced-motion:reduce){#nb-instala{transition:none}}
/* Alebrijuntos web: el boton En linea lleva la marca "pronto" (texto en data-pronto, lo pone online.js solo en la web) */
#m-online[data-pronto]::after{content:attr(data-pronto);font-size:.7em;opacity:.85}