/* Complementos mínimos sobre Tailwind */
/* sin zoom por doble toque ni destello gris al tocar; el pellizco sigue funcionando */
*{touch-action:manipulation;-webkit-tap-highlight-color:transparent}
button,a,summary,label{-webkit-user-select:none;user-select:none}
button:active,a:active{transition:none}
button,a{transition:opacity .15s ease,background-color .15s ease,border-color .15s ease,color .15s ease}
button:active{opacity:.65}
input,textarea{-webkit-user-select:text;user-select:text;font-size:16px}
:focus-visible{outline:2px solid #111;outline-offset:2px}

#menu-toggle:checked + #menu{display:block}
.grow-img{transition:transform .3s ease}.grow-img:hover{transform:scale(1.02)}
.fade{transition:opacity .8s ease}
/* barra de stock: sube hasta 50, personaje en la meta */
.stockbar{display:flex;align-items:center;gap:10px;padding-top:18px}
.stockbar .track{flex:1;height:3px;background:#e5e7eb;position:relative}
.stockbar .fill{height:100%;background:#111;position:relative;transition:width 1s ease}
.stockbar .pin{position:absolute;right:0;top:-18px;transform:translateX(50%);font-size:11px;line-height:1;color:#111;white-space:nowrap;font-variant-numeric:tabular-nums}
.stockbar .fill[style^="width:0%"] .pin{transform:none}
.stockbar .goal{display:flex;flex-direction:column;align-items:center;gap:2px;font-size:11px;color:#6b7280;min-width:30px}
.stockbar .goal img{width:26px;height:26px;object-fit:contain}
/* barra idioma primera visita */
#langbar{position:fixed;left:12px;right:12px;bottom:12px;z-index:50;background:#111;color:#fff;padding:12px 14px;display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap;font-size:13px}
#langbar .lb{display:flex;gap:8px}
#langbar button{background:#fff;color:#111;border:0;padding:8px 14px;font-size:12px;letter-spacing:.08em;text-transform:uppercase;cursor:pointer}
/* pills y bloqueo del paso 2 */
.pill.on{background:#111;color:#fff;border-color:#111}
.locked>*{opacity:.3;pointer-events:none}
.locked{position:relative}
.locked::after{content:attr(data-locked);position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:#fff;border:1px solid #111;padding:10px 16px;font-size:13px;color:#111;white-space:nowrap}
.lang .on{color:#111;text-decoration:underline;text-underline-offset:4px}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}