.ay-botones{position:fixed;left:max(6px,env(safe-area-inset-left));top:2px;z-index:2147483000;display:flex;gap:6px;align-items:flex-start}
.ay-botones.ay-abajo{top:auto;bottom:max(8px,env(safe-area-inset-bottom));flex-direction:column}
.ay-btn{position:relative;height:24px;min-width:28px;padding:0 .45rem;border-radius:999px;border:1px solid var(--oro);background:#000c;color:var(--oro);display:grid;place-items:center;line-height:1;cursor:pointer}
.ay-btn svg{display:block;margin:auto;width:16px;height:16px}
.ay-botones.ay-abajo .ay-btn{width:38px;height:38px;padding:0;border-radius:50%}
body.ay-con-banda .banda-prueba{padding-left:78px}
.ay-pto{position:absolute;top:-4px;right:-4px;min-width:17px;height:17px;border-radius:9px;background:var(--rojo);color:#fff;font-size:.62rem;font-weight:700;line-height:17px;text-align:center;padding:0 3px}
.ay-pto[hidden]{display:none}
.ay-velo{position:fixed;inset:0;z-index:2147482500;background:#000b;display:flex;align-items:flex-end;justify-content:center}
.ay-velo[hidden]{display:none}
.ay-hoja{width:100%;max-width:520px;max-height:86vh;max-height:86dvh;height:min(86dvh,640px);display:flex;flex-direction:column;background:var(--negro2);border:1px solid var(--oro);border-bottom:0;border-radius:18px 18px 0 0;box-shadow:0 -10px 40px #000}
.ay-cab{display:flex;align-items:center;justify-content:space-between;padding:.6rem .9rem;border-bottom:1px solid #3a3322;color:var(--oro);font-family:Georgia,serif;letter-spacing:.04em}
.ay-x{background:none;border:0;color:var(--texto);font-size:1.7rem;line-height:1;padding:0 .3rem}
.ay-cuerpo{flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:.4rem .9rem 1rem;display:flex;flex-direction:column}
.ay-sec{color:var(--oro);font-size:1rem;margin:1rem 0 .3rem}
.ay-q{border-bottom:1px solid #2a2a2a}
.ay-q summary{cursor:pointer;padding:.6rem 0;font-weight:600;list-style-position:inside}
.ay-p{color:var(--suave);font-size:.88rem;line-height:1.45;margin:.2rem 0 .7rem}
.ay-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.4rem}
.ay-juego{background:var(--negro3);border:1px solid #3a3322;border-radius:10px;color:var(--texto);padding:.55rem .5rem;font-size:.82rem;text-align:left}
.ay-juego:active{border-color:var(--oro)}
.ay-ir{width:100%;margin-top:.3rem}
.ay-lista{flex:1;min-height:120px;overflow-y:auto;display:flex;flex-direction:column;gap:.5rem;padding:.3rem 0}
.ay-vacio{color:var(--suave);font-size:.88rem;text-align:center;margin:auto}
.ay-msg{max-width:84%;border-radius:14px;padding:.45rem .7rem;display:flex;flex-direction:column;gap:.1rem}
.ay-msg.yo{align-self:flex-end;background:#3a2c08;border:1px solid var(--oro2)}
.ay-msg.soporte{align-self:flex-start;background:var(--negro3);border:1px solid #3a3322}
.ay-quien{color:var(--oro);font-size:.68rem;letter-spacing:.05em}
.ay-txt{margin:0;font:inherit;font-size:.92rem;white-space:pre-wrap;overflow-wrap:anywhere;color:var(--texto)}
.ay-hora{color:var(--suave);font-size:.65rem;align-self:flex-end}
.ay-err{color:var(--mal);font-size:.8rem;min-height:1.1em;margin:.2rem 0}
.ay-form{display:flex;gap:.5rem;align-items:flex-end}
.ay-ta{flex:1;font:inherit;font-size:16px;color:var(--texto);background:var(--negro3);border:1px solid #3a3322;border-radius:12px;padding:.5rem .7rem;resize:none;min-width:0}
.ay-ta:focus{outline:2px solid var(--oro)}
.ay-enviar{padding:.65rem 1rem}
.ay-enviar:disabled{opacity:.5}

body.ay-flota-abajo .pantalla{padding-bottom:calc(96px + env(safe-area-inset-bottom))}

body.ay-cajero .ay-botones{display:none}
body.ay-cajero.ay-flota-abajo .pantalla{padding-bottom:1rem}

body.ay-acoplado .banda-prueba{padding-left:.6rem}
body.ay-acoplado.ay-flota-abajo .pantalla{padding-bottom:1rem}
body.ay-acoplado .lobby .pie{padding-bottom:1rem;padding-right:0}
body.ay-cajero .cs-ayudas{display:none}

.ay-msg.maximilian{align-self:flex-start;background:#161208;border:1px solid var(--oro2)}
.ay-msg.maximilian .ay-quien{color:var(--oro)}
.ay-pensando .ay-txt{opacity:.7;letter-spacing:.2em}
.ay-enlace{color:var(--oro);text-decoration:underline;overflow-wrap:anywhere;display:inline-block;padding:.25rem 0;min-height:24px}
.ay-persona{margin:.2rem 0;padding:.4rem .6rem;border:1px solid var(--oro2);border-radius:10px;color:var(--oro);font-size:.82rem;background:#1a1404}
.ay-persona[hidden],.ay-si-no[hidden],.ay-rapidas[hidden]{display:none}
.ay-rapidas{display:flex;flex-wrap:wrap;gap:.4rem;margin:.4rem 0}
.ay-rapida{background:var(--negro3);border:1px solid #3a3322;border-radius:999px;color:var(--texto);padding:.5rem .8rem;font-size:.85rem;min-height:40px}
.ay-rapida:active{border-color:var(--oro)}
.ay-si-no{display:flex;flex-direction:column;gap:.5rem;margin:.4rem 0}
.ay-si-no .btn{flex:1;min-height:48px}
.ay-pres{display:flex;flex-direction:column;gap:.55rem;padding:.4rem 0}
.ay-in{font:inherit;font-size:16px;color:var(--texto);background:var(--negro3);border:1px solid #3a3322;border-radius:12px;padding:.65rem .8rem;min-height:48px}
.ay-in:focus{outline:2px solid var(--oro)}
.aarka-sin{color:var(--oro);text-decoration:underline;display:inline-block;padding:.35rem 0;min-height:24px}

.cp-velo{position:fixed;inset:0;z-index:2147482600;background:#000b;display:flex;align-items:center;justify-content:center;padding:1rem}
.cp-caja{position:relative;width:100%;max-width:360px;background:var(--negro2);border:1px solid var(--oro);border-radius:16px;padding:1.4rem 1.2rem 1.1rem;text-align:center;box-shadow:0 10px 40px #000}
.cp-x{position:absolute;top:.2rem;right:.35rem;width:44px;height:44px;background:none;border:0;color:var(--texto);font-size:1.9rem;line-height:1}
.cp-tit{color:var(--oro);font-family:Georgia,serif;margin:.2rem 1.6rem .6rem}
.cp-txt{color:var(--texto);font-size:.95rem;line-height:1.45;margin:0 0 1rem}
.cp-compartir{width:100%;min-height:48px}
.cp-msg{color:var(--suave);font-size:.82rem;min-height:1.1em;margin:.6rem 0 .2rem;overflow-wrap:anywhere}
.cp-pie{color:var(--suave);font-size:.7rem}

/* Guía paso a paso y aviso de seguridad (05/11/2026) */
.ay-guia{display:flex;flex-direction:column;gap:.5rem;padding:.2rem 0}
.ay-temas{flex-direction:column;flex-wrap:nowrap}
.ay-temas .ay-rapida{text-align:left;min-height:48px;font-size:.92rem}
.ay-paso-n{color:var(--suave);font-size:.75rem}
.ay-paso{font-size:1rem;line-height:1.5;padding:.4rem 0}
.ay-volver{min-height:44px}
.ay-seguro{color:var(--suave);font-size:.75rem;line-height:1.35;margin:.5rem 0 0;text-align:center}