/* ══ ⚠⚠⚠ [rail1660] L'ASCENSEUR DU JEU, ET IL N'Y EN A QU'UN ════════════
   Olivier, capture à l'appui : « la barre de scrolling de l'atelier, tu pourrais
   t'en occuper pour qu'elle soit aussi jolie et cohérente ? Il faudra le faire
   dans tous les onglets » — puis : « je parle de celle tout à droite », celle de
   la PAGE, grise et large, avec ses deux flèches.
   ⚠⚠⚠ CE N'ÉTAIT PAS UNE BARRE, C'EN ÉTAIT DOUZE — sept dans `atelier.css`,
     quatre dans `ui.css`, cinq dans `collection.css`, dix dans `deck-builder.css`,
     soit cinq largeurs et quatre couleurs — et AUCUNE sur la page elle-même.
     Chaque écran avait choisi la sienne ; personne n'avait choisi celle du jeu.
   ⚠⚠ CETTE FEUILLE NE CONTIENT QUE ÇA, ET C'EST VOULU : les dix-sept écrans la
     chargent, et la lier ne peut donc rien changer d'autre. Leur faire charger
     `css/style.css` aurait apporté avec elle toute une base de couleurs et de
     fonds — un risque sans rapport avec la demande.
     ⚠ Quand une seule chose doit devenir commune, on rend commune cette
       chose-là, pas le fichier où elle se trouvait.
   ⚠⚠ LE DESSIN EST CELUI DE `.grid-scroll` (rail 1633), copié au mot près :
     c'est le liséré transparent en `background-clip:content-box` qui lui donne
     son air fin sans le rendre difficile à attraper.
   ⚠ `*` ET LES PSEUDO-ÉLÉMENTS NUS : la règle atteint ainsi la page elle-même.
     Une règle plus précise écrite par un écran la bat toujours — c'est ce qui
     laisse à la boutique et au tuto les leurs, qui sont déjà ce dessin. */
* { scrollbar-width: thin; scrollbar-color: rgba(216,188,103,.5) transparent; }
::-webkit-scrollbar { width: 9px; height: 9px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: rgba(216,188,103,.42);
  border-radius: 9px; border: 2px solid transparent; background-clip: content-box; }
::-webkit-scrollbar-thumb:hover { background: rgba(244,214,120,.62);
  border: 2px solid transparent; background-clip: content-box; }