/* Custom font */ @import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700;900&display=swap'); /* Theme is a Tailwind `dark` class on , defaulting to dark (see game.js's `isDark = savedDarkMode === null ? true : ...`) - declares this to the browser so features like Chrome's Force Dark don't try to auto-invert colors on top of the page's own theming. */ :root { color-scheme: dark; } :root:not(.dark) { color-scheme: light; } body { font-family: 'Inter', sans-serif; display: flex; flex-direction: column; min-height: 100vh; } #app-wrapper { flex-grow: 1; } /* Sidebar transition */ #sidebar { transition: transform 0.3s ease-in-out; } /* Custom focus ring for better accessibility. NOTE: this was originally written as `@apply focus:outline-none focus:ring-4 focus:ring-offset-2 focus:ring-blue-500 dark:focus:ring-offset-black;` inside a plain