/* Reeferdude finishing touches: loads before the main styles */
:root { color-scheme: dark; --rd-green: #39ff14; --rd-gold: #ffc83d; }
html { scroll-behavior: smooth; -webkit-text-size-adjust: 100%; text-size-adjust: 100%; background: #000; }
body { overflow-x: hidden; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility; -webkit-tap-highlight-color: rgba(57, 255, 20, .18); }
::selection { background: var(--rd-green); color: #000; }
:focus-visible { outline: 3px solid var(--rd-gold); outline-offset: 3px; border-radius: 4px; }
img, video, canvas, svg { max-width: 100%; }
html { scrollbar-color: #2b7d12 #050805; scrollbar-width: thin; }
::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-track { background: #050805; }
::-webkit-scrollbar-thumb { background: #2b7d12; border-radius: 8px; border: 2px solid #050805; }
::-webkit-scrollbar-thumb:hover { background: var(--rd-green); }
.rd-offline-bar { position: fixed; left: 0; right: 0; bottom: 0; z-index: 9999; padding: 10px 16px; text-align: center; font: 600 14px/1.3 system-ui, sans-serif; color: #000; background: var(--rd-gold); }
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
}
@media print {
  html, body { background: #fff !important; color: #000 !important; }
  .rd-offline-bar { display: none; }
}