@tailwind base;@tailwind components;@tailwind utilities;:root{--primary-dark: #1E3A5F;--primary-royal: #2563EB;--gold: #F59E0B;--gold-light: #FBBF24;--success: #10B981;--danger: #EF4444;--warning: #F59E0B;--info: #3B82F6;--white: #FFFFFF;--gray-50: #F9FAFB;--gray-100: #F3F4F6;--gray-200: #E5E7EB;--gray-300: #D1D5DB;--gray-400: #9CA3AF;--gray-500: #6B7280;--gray-600: #4B5563;--gray-700: #374151;--gray-800: #1F2937;--gray-900: #111827;--gradient-primary: linear-gradient(135deg, #1E3A5F 0%, #2563EB 100%);--gradient-gold: linear-gradient(135deg, #F59E0B 0%, #FBBF24 100%);--gradient-success: linear-gradient(135deg, #10B981 0%, #34D399 100%);--gradient-danger: linear-gradient(135deg, #EF4444 0%, #F87171 100%);--gradient-table: radial-gradient(circle at center, #0F5132 0%, #064E3B 50%, #065F46 100%);--background: var(--gray-900);--foreground: var(--white);--primary: var(--primary-royal);--secondary: var(--success);--accent: var(--gold);--destructive: var(--danger);--border: var(--gray-700);--card: var(--gray-800);--muted: var(--gray-400)}body{font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;background-color:var(--background);color:var(--foreground);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.safe-area-top{padding-top:env(safe-area-inset-top,20px)}.safe-area-bottom{padding-bottom:env(safe-area-inset-bottom,34px)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--gray-800);border-radius:3px}::-webkit-scrollbar-thumb{background:var(--gray-600);border-radius:3px;transition:background .2s}::-webkit-scrollbar-thumb:hover{background:var(--gray-500)}.spacing-xs{gap:4px}.spacing-sm{gap:8px}.spacing-md{gap:16px}.spacing-lg{gap:24px}.spacing-xl{gap:32px}.card{@apply bg-card rounded-xl border border-gray-700/50 p-5 shadow-lg;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.card-hover{transition:all .3s ease}.card-hover:hover{transform:translateY(-2px);box-shadow:0 12px 24px -8px #0000004d}.btn{@apply px-5 py-3 rounded-xl font-semibold transition-all duration-200 flex items-center justify-center gap-2;min-height:48px;touch-action:manipulation;-webkit-user-select:none;user-select:none}.btn:active{transform:scale(.97)}.btn-primary{background:var(--gradient-primary);color:var(--white);box-shadow:0 4px 12px #2563eb4d}.btn-primary:hover{box-shadow:0 6px 20px #2563eb66}.btn-success{background:var(--gradient-success);color:var(--white);box-shadow:0 4px 12px #10b9814d}.btn-danger{background:var(--gradient-danger);color:var(--white);box-shadow:0 4px 12px #ef44444d}.btn-gold{background:var(--gradient-gold);color:var(--gray-900);box-shadow:0 4px 12px #f59e0b4d}.btn-secondary{@apply bg-transparent border-2 border-gray-600 text-white;}.btn-secondary:hover{border-color:var(--primary);color:var(--primary)}.btn-ghost{@apply bg-transparent text-gray-300 hover:text-white hover:bg-white/10;}.btn-sm{@apply px-4 py-2 text-sm;min-height:40px}.btn-lg{@apply px-6 py-4 text-lg;min-height:56px}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.input{@apply w-full px-4 py-3 bg-gray-700/50 border-2 border-transparent rounded-xl text-white placeholder-gray-400 transition-all duration-200;min-height:48px;font-size:16px}.input:focus{@apply outline-none border-primary;box-shadow:0 0 0 4px #2563eb33}.input-error{@apply border-red-500;}.input-error:focus{box-shadow:0 0 0 4px #ef444433}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.fade-in{animation:fadeIn .3s ease-out}.fade-in-up{animation:fadeInUp .4s ease-out}.scale-in{animation:scaleIn .3s ease-out}.pulse{animation:pulse 2s ease-in-out infinite}.slide-up{animation:slideUp .3s ease-out}.skeleton{background:linear-gradient(90deg,var(--gray-700) 25%,var(--gray-600) 50%,var(--gray-700) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}.chip{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:9999px;background:var(--gradient-gold);color:var(--gray-900);font-weight:700;font-size:14px;box-shadow:0 2px 8px #f59e0b4d}.card-poker{width:50px;height:70px;background:#fff;border-radius:6px;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 2px 8px #0000004d;font-weight:700;position:relative;transition:transform .2s}.card-poker:hover{transform:translateY(-4px)}.card-poker.red{color:#ef4444}.card-poker.black{color:#1f2937}.card-back{background:var(--gradient-primary);border:3px solid var(--gold)}.poker-table{background:var(--gradient-table);border-radius:50%;border:12px solid #8B4513;box-shadow:inset 0 0 40px #00000080,0 8px 32px #0006;position:relative}.toast{position:fixed;top:20px;left:50%;transform:translate(-50%);padding:12px 24px;border-radius:12px;font-weight:500;z-index:9999;animation:fadeIn .2s ease-out}.toast-success{background:var(--success);color:#fff}.toast-error{background:var(--danger);color:#fff}.toast-info{background:var(--primary);color:#fff}@media (max-width: 375px){.btn{min-height:44px;font-size:14px}.input{min-height:44px;font-size:15px}.card-poker{width:42px;height:58px}.card{@apply p-4;}.poker-table{max-width:320px}h1{font-size:20px}h2{font-size:18px}h3{font-size:16px}body{font-size:14px}.spacing-md{gap:12px}.spacing-lg{gap:16px}}@media (min-width: 376px) and (max-width: 414px){.poker-table{max-width:360px}}@media (min-width: 415px) and (max-width: 768px){.poker-table{max-width:420px}}@media (min-width: 769px) and (max-width: 1024px){.poker-table{max-width:520px}.card-poker{width:60px;height:84px}.btn-lg{min-height:60px}.card{@apply p-6;}}@media (min-width: 1025px){.poker-table{max-width:600px}.card-poker{width:70px;height:98px}.game-container{max-width:1200px;margin:0 auto}.desktop-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}}@media (orientation: landscape) and (max-height: 500px){header{padding-top:8px;padding-bottom:8px}footer{padding-top:8px;padding-bottom:8px}.poker-table{max-width:400px}.card-poker{width:38px;height:54px}}@media (max-width: 768px){.container{@apply px-4;}}@media (min-width: 768px){.card{@apply p-6;}}@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){.card-poker{image-rendering:crisp-edges;image-rendering:pixelated}}@supports (padding: max(0px)){.safe-area-top{padding-top:max(env(safe-area-inset-top,20px),16px)}.safe-area-bottom{padding-bottom:max(env(safe-area-inset-bottom,34px),16px)}}@media (prefers-contrast: more){:root{--border: #FFFFFF;--muted: #E5E7EB}}@media (prefers-reduced-transparency: reduce){.backdrop-blur-lg{-webkit-backdrop-filter:none;backdrop-filter:none;background-color:#1f2937f2}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.focus-visible:focus{outline:2px solid var(--primary);outline-offset:2px}@media (prefers-contrast: high){:root{--border: #FFFFFF;--muted: #FFFFFF}}