/* ROM Tool — supplemental styles (Tailwind CDN handles utilities) */

/* Drawer — starts off-screen, slides in when JS sets transform to translateX(0) */
#drawer {
  transform: translateX(100%);
  transition: transform 0.25s ease;
}
#drawer-overlay {
  transition: opacity 0.2s ease;
}

body {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif;
  -webkit-font-smoothing: antialiased;
}

/* Loading skeleton animation */
.card-skeleton {
  background: linear-gradient(90deg, #18181b 0%, #27272a 50%, #18181b 100%);
  background-size: 200% 100%;
  animation: shimmer 1.5s ease-in-out infinite;
}

@keyframes shimmer {
  0%   { background-position: 200% 0; }
  100% { background-position: -200% 0; }
}

/* Select option background — overrides browser default white */
select.rom-select option {
  background-color: #18181b; /* zinc-900 */
  color: #f1f5f9;            /* slate-100 */
}