body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}@tailwind base;@tailwind components;@tailwind utilities;:root{--poker-felt:#2d6a4f;--poker-wood:#5e3023;--poker-gold:#f4d35e;--ui-bg:#1a1a1a}@apply bg-zinc-900 text-white font-sans overflow-hidden select-none antialiased;@apply relative w-full max-w-[1100px] aspect-[16/9] bg-[radial-gradient(circle_at_center,#40916c_0%,#1b4332_100%)] border-[20px] border-[#5e3023] rounded-[300px] shadow-[0_40px_100px_rgba(0,0,0,.8),inset_0_0_80px_rgba(0,0,0,.5)];.poker-table-247{border-style:double}@apply absolute inset-0 opacity-10 pointer-events-none;.table-felt-texture{background-image:url(https://www.transparenttextures.com/patterns/felt.png)}@apply relative w-[100px] h-[140px] transition-all duration-300;.card-247{perspective:1000px}@apply w-[65px] h-[90px];@apply relative w-full h-full text-center transition-transform duration-500;.card-inner{transform-style:preserve-3d}.card-247.face-down .card-inner{transform:rotateY(180deg)}@apply absolute w-full h-full backface-visibility-hidden rounded-lg shadow-xl border border-black/10;@apply bg-white text-black flex flex-col justify-between p-2;@apply text-red-600;@apply text-2xl font-black leading-none text-left;@apply text-5xl leading-none flex-1 flex items-center justify-center;@apply text-2xl font-black leading-none text-right rotate-180;@apply text-lg;@apply text-3xl;@apply text-lg;@apply bg-red-800 border-4 border-white flex items-center justify-center;.card-back{transform:rotateY(180deg)}@apply w-full h-full opacity-20;.card-pattern{background-image:radial-gradient(#fff 1px,#0000 0);background-size:10px 10px}@apply fixed left-4 top-1/2 -translate-y-1/2 w-48 bg-black/80 border border-white/10 rounded-2xl p-4 hidden xl:block;@apply fixed bottom-0 left-0 right-0 h-48 bg-zinc-950/95 border-t border-white/5 flex items-center justify-center gap-10 px-10 backdrop-blur-xl z-[100];@apply h-20 px-10 rounded-2xl font-black text-2xl transition-all shadow-[0_8px_0_rgba(0,0,0,.5)] active:translate-y-1 active:shadow-none uppercase tracking-tighter;@apply bg-red-600 hover:bg-red-500 shadow-red-900;@apply bg-blue-600 hover:bg-blue-500 shadow-blue-900;@apply bg-yellow-500 hover:bg-yellow-400 text-black shadow-yellow-700;@apply scale-110 -translate-y-4 ring-4 ring-yellow-400 shadow-[0_0_30px_#f4d35e];@keyframes fly-in{0%{opacity:0;transform:translate(-50%,-100%)scale(0)rotate(720deg)}to{opacity:1;transform:translate(0)scale(1)rotate(0)}}.animate-deal{animation:.6s cubic-bezier(.23,1,.32,1) both fly-in}