/* Canonical scrollbar: thin dark track + gold thumb.
   Keep this file and src/styles/scrollbar.css in sync.
   Linked from standalone HTML decks (iframes do not inherit globals.css). */

html {
  scrollbar-width: thin;
  scrollbar-color: rgba(255, 179, 71, 0.4) #0b0b0e;
}

::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

::-webkit-scrollbar-track {
  background: #0b0b0e;
}

::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, rgba(255, 212, 137, 0.45), rgba(226, 144, 31, 0.38));
  border-radius: 999px;
  border: 2px solid #0b0b0e;
}

::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(180deg, rgba(255, 226, 170, 0.7), rgba(255, 179, 71, 0.55));
}

::-webkit-scrollbar-corner {
  background: #0b0b0e;
}