/* Yupibot 1.0.0 · estilos. Variables opcionales: --yb-z (capa), --yb-accent, --yb-ink */
.yb-canvas{position:fixed;left:0;top:0;width:100vw;height:100vh;pointer-events:none;z-index:var(--yb-z,50)}
.yb-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.yb-bub{position:fixed;left:0;top:0;z-index:calc(var(--yb-z,50) + 10);pointer-events:none;background:#fff;color:#0B1626;border:3px solid #0B1626;border-radius:20px;padding:6px 14px;font:800 16px/1.3 system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;white-space:nowrap;opacity:0;transition:opacity .2s}
.yb-bub.on{opacity:1}
.yb-menu{width:max-content;max-width:250px;white-space:normal;border-radius:18px;padding:12px;display:flex;flex-direction:column;gap:8px;visibility:hidden}
.yb-menu.on{pointer-events:auto;visibility:visible}
.yb-menu b{font-size:15px;line-height:1.3}
.yb-menu button{font-family:inherit;font-weight:700;font-size:14px;line-height:1.3;padding:8px 12px;background:#F2F6FA;color:#0B1626;border:2px solid #0B1626;border-radius:12px;text-align:left;cursor:pointer}
.yb-menu button:hover,.yb-menu button:focus-visible{background:#E8B83A}
.yb-toast{opacity:0;transition:none;font-size:15px;padding:4px 12px;border-width:2px;border-radius:14px}
.yb-win{background:#E8B83A}.yb-out{background:#3DF2D0}.yb-lose{background:#5B6F86;color:#fff}
.yb-help{position:fixed;right:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px));z-index:calc(var(--yb-z,50) + 20);font:700 16px/1.2 system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;padding:12px 18px;border-radius:12px;cursor:pointer;background:var(--yb-accent,#E8B83A);border:1px solid var(--yb-accent,#E8B83A);color:var(--yb-ink,#0B1626);box-shadow:0 4px 14px rgba(0,0,0,.25)}
.yb-help[hidden]{display:none}
.yb-hl{animation:yb-hl 1.6s ease-out}
@keyframes yb-hl{0%{box-shadow:0 0 0 0 rgba(232,184,58,.9)}100%{box-shadow:0 0 0 24px rgba(232,184,58,0)}}
@media(prefers-reduced-motion:reduce){.yb-hl{animation:none;outline:3px solid var(--yb-accent,#E8B83A)}}