@tailwind base;@tailwind components;@tailwind utilities;@layer base{:root{--background: 0 0% 100%;--foreground: 222.2 84% 4.9%;--card: 0 0% 100%;--card-foreground: 222.2 84% 4.9%;--popover: 0 0% 100%;--popover-foreground: 222.2 84% 4.9%;--primary: 221.2 83.2% 53.3%;--primary-foreground: 210 40% 98%;--secondary: 210 40% 96.1%;--secondary-foreground: 222.2 47.4% 11.2%;--muted: 210 40% 96.1%;--muted-foreground: 215.4 16.3% 46.9%;--accent: 210 40% 96.1%;--accent-foreground: 222.2 47.4% 11.2%;--destructive: 0 84.2% 60.2%;--destructive-foreground: 210 40% 98%;--border: 214.3 31.8% 91.4%;--input: 214.3 31.8% 91.4%;--ring: 221.2 83.2% 53.3%;--radius: .5rem;--sidebar-background: 0 0% 98%;--sidebar-foreground: 240 5.3% 26.1%;--sidebar-primary: 240 5.9% 10%;--sidebar-primary-foreground: 0 0% 98%;--sidebar-accent: 240 4.8% 95.9%;--sidebar-accent-foreground: 240 5.9% 10%;--sidebar-border: 220 13% 91%;--sidebar-ring: 217.2 91.2% 59.8%}.dark{--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: 224.3 76.3% 48%;--sidebar-background: 240 5.9% 10%;--sidebar-foreground: 240 4.8% 95.9%;--sidebar-primary: 224.3 76.3% 48%;--sidebar-primary-foreground: 0 0% 100%;--sidebar-accent: 240 3.7% 15.9%;--sidebar-accent-foreground: 240 4.8% 95.9%;--sidebar-border: 240 3.7% 15.9%;--sidebar-ring: 217.2 91.2% 59.8%}}@layer base{*{@apply border-border;margin:0;padding:0;box-sizing:border-box}html,body{@apply bg-background text-foreground;height:100%;width:100%;position:fixed;top:0;left:0;right:0;bottom:0;overflow:hidden;background-color:#e8e8d0}#root{height:100%;width:100%;display:flex;flex-direction:column;background-color:#e8e8d0;position:fixed;top:0;left:0;right:0;bottom:0}}@layer components{.playing-card{@apply w-24 h-36 rounded-lg shadow-lg transition-transform duration-200 bg-white relative flex items-center justify-center text-lg font-bold cursor-pointer select-none;}.card-back{@apply bg-gradient-to-br from-purple-600 to-purple-800 text-white;}.card-red{@apply text-red-600;}.card-black{@apply text-gray-900;}.game-felt{@apply bg-gradient-to-br from-green-800 to-green-900 min-h-screen flex flex-col;}}*:focus-visible{outline:2px solid #2563eb;outline-offset:2px}.skip-to-main{position:absolute;left:-9999px;top:0;z-index:9999;padding:8px 16px;background-color:#1a202c;color:#fff;font-size:14px;font-weight:700;text-decoration:none;border-radius:0 0 4px}.skip-to-main:focus-visible{left:0}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.playing-card:hover{transform:none}}.react-native-web{display:flex;flex:1 1 auto;flex-direction:column;min-height:100%;min-width:100%;position:relative}.game-felt{@apply bg-gradient-to-br from-green-800 to-green-900;min-height:100vh;display:flex;flex-direction:column}.dark .game-felt{@apply bg-gradient-to-br from-green-900 to-green-950;}.dark .card-black{@apply text-gray-100;}.dark .card-red{@apply text-red-400;}.playing-card:hover{transform:translateY(-4px)}.card-back{background-color:#9b87f5;color:#fff}