/* Branded scrollbars everywhere (page, dropdown panels, lists, modals).
   Same recipe as the community chat scrollers: slim transparent track, soft
   platinum thumb that turns accent blue on hover, no arrow buttons.
   Linked from the standalone static pages (dashboards, cheatcodes,
   decision trees, why-phantom). Same rules live in src/index.css and
   public/{foundations,futures}/styles.css — keep all four in step. */
::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-track, ::-webkit-scrollbar-corner { background: transparent; }
::-webkit-scrollbar-thumb { background: rgba(255,255,255,.14); border-radius: 8px; border: 3px solid transparent; background-clip: padding-box; }
::-webkit-scrollbar-thumb:hover { background: rgba(77,138,240,.55); background-clip: padding-box; }
::-webkit-scrollbar-button { display: none; }
/* Firefox has no ::-webkit-scrollbar; only it gets the standard properties
   (in Chromium they would override the custom thumb above). */
@supports not selector(::-webkit-scrollbar) {
  * { scrollbar-width: thin; scrollbar-color: rgba(255,255,255,.18) transparent; }
}