/*
 * EL GALLO BARCODE — LA BARRA DE DESPLAZAMIENTO, EN TODAS PARTES
 * ═════════════════════════════════════════════════════════════════════════
 * La que se diseñó para las ventanas del juego, y desde el 10/10/2026 la de
 * toda la web y todo el juego (se pidió: «cambia la barra de desplazamiento
 * por la que ya hemos diseñado en el juego. que no use la del explorador.
 * cambia todas las barras por estas»). Vivía en assets/game/paneles.js, solo
 * dentro de .pn-caja.
 *
 * Dos rectángulos y nada más: el recorrido en gris claro y, encima, el trozo
 * que dice por dónde vas, más oscuro. Sin bordes redondeados, sin flechas y
 * sin relieve. Al pasar por encima o al arrastrarla, el trozo se pone en el
 * rojo de la casa: es lo único de la barra con lo que se interactúa, así que es
 * lo único que responde.
 *
 * La cargan las páginas de la web (elgallo_enqueue en functions.php) y la del
 * juego, que lleva su propio <head> (page-lobby.php). Va SIN selector delante:
 * cualquier cosa que haga scroll, también la página entera.
 *
 * ⚠ LAS CARRUSELES SIN BARRA SIGUEN SIN BARRA. Las que la esconden a propósito
 * (.foro-filters-row, .to-items… con ::-webkit-scrollbar{display:none}) lo
 * hacen con una clase, que pesa más que esto.
 */
::-webkit-scrollbar{width:10px;height:10px;}
::-webkit-scrollbar-track{background:rgba(40,40,38,.10);border-radius:0;}
::-webkit-scrollbar-thumb{background:rgba(40,40,38,.42);border-radius:0;}
::-webkit-scrollbar-thumb:hover,
::-webkit-scrollbar-thumb:active{background:#991B31;}
/* Y la esquina donde se cruzarían las dos barras, del color del recorrido. */
::-webkit-scrollbar-corner{background:rgba(40,40,38,.10);}

/* ⚠⚠ Y LAS DE FIREFOX VAN ENCERRADAS, QUE ES LO QUE NO SE VE VENIR. ⚠⚠
   'scrollbar-width' y 'scrollbar-color' son las propiedades del estándar, y
   Chrome las entiende desde hace unas versiones — pero cuando alguna de las
   dos está puesta en un elemento, Chrome PASA DE ::-webkit-scrollbar en él por
   completo, y con eso del rojo al pasar por encima, que es lo único que el
   estándar no sabe hacer. Por eso no se pone ninguna suelta en ningún sitio
   (solo 'scrollbar-width:none' para esconder una del todo).
   Con el @supports solo las lee quien NO tiene las de WebKit, o sea Firefox,
   que allí se queda con los dos colores y sin hover porque no hay otra. */
@supports not selector(::-webkit-scrollbar){
  *{scrollbar-width:thin;scrollbar-color:rgba(40,40,38,.42) rgba(40,40,38,.10);}
}