@tailwind base;@tailwind components;@tailwind utilities;@layer base{:root{--background: 222.2 84% 4.9%;--foreground: 210 40% 98%;--card: 222.2 84% 4.9%;--card-foreground: 210 40% 98%;--popover: 222.2 84% 4.9%;--popover-foreground: 210 40% 98%;--primary: 217.2 91.2% 59.8%;--primary-foreground: 222.2 47.4% 11.2%;--secondary: 217.2 32.6% 17.5%;--secondary-foreground: 210 40% 98%;--muted: 217.2 32.6% 17.5%;--muted-foreground: 215 20.2% 65.1%;--accent: 217.2 32.6% 17.5%;--accent-foreground: 210 40% 98%;--destructive: 0 62.8% 30.6%;--destructive-foreground: 210 40% 98%;--border: 217.2 32.6% 17.5%;--input: 217.2 32.6% 17.5%;--ring: 212.7 26.8% 83.9%;--radius: .5rem}html{@apply font-sans;}body{@apply bg-gray-900 text-white;}}@layer components{.game-layout{@apply grid grid-cols-1 md:grid-cols-3 gap-4 p-4 min-h-screen;}.game-container{@apply md:col-span-2 bg-gray-800 rounded-lg overflow-hidden shadow-lg;}.ui-container{@apply md:col-span-1 bg-gray-800 rounded-lg overflow-auto shadow-lg;}.resource-display{@apply flex items-center justify-between p-2 bg-gray-700 rounded-md mb-2;}.button-primary{@apply px-4 py-2 bg-blue-600 hover:bg-blue-700 text-white rounded-md transition-colors;}.button-secondary{@apply px-4 py-2 bg-gray-600 hover:bg-gray-700 text-white rounded-md transition-colors;}.tab-container{@apply flex border-b border-gray-700;}.tab{@apply px-4 py-2 text-gray-400 hover:text-white cursor-pointer;}.tab-active{@apply text-white border-b-2 border-blue-500;}}