@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Outfit:wght@500;600;700;800&display=swap";:root{--font-heading: "Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--bg-shell: #f8fafc;--bg-sidebar: #ffffff;--bg-card-panel: #ffffff;--border-color: #e2e8f0;--border-hover: #cbd5e1;--text-primary: #0f172a;--text-secondary: #475569;--text-muted: #64748b;--text-on-dark: #ffffff;--felt-color-center: #165e38;--felt-color-edge: #0a3d24;--felt-border: #062817;--glass-bg: rgba(255, 255, 255, .12);--glass-border: rgba(255, 255, 255, .18);--glass-text: #ffffff;--glass-bg-hover: rgba(255, 255, 255, .2);--glass-bg-active: rgba(255, 255, 255, .28);--suit-red: #e11d48;--suit-black: #0f172a;--card-bg: #ffffff;--card-border: rgba(15, 23, 42, .12);--card-text-primary: #0f172a;--card-text-muted: #64748b;--accent-gold: #d97706;--accent-gold-light: #fef3c7;--accent-gold-border: #f59e0b;--accent-blue: #2563eb;--accent-blue-light: #dbeafe;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--card-width-base: 100px;--card-height-base: 140px;--card-aspect-ratio: 5 / 7;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(0, 0, 0, .1);--card-shadow: 0 3px 5px rgba(0, 0, 0, .18), 0 1px 3px rgba(0, 0, 0, .1);--card-shadow-hover: 0 8px 16px rgba(0, 0, 0, .22), 0 3px 6px rgba(0, 0, 0, .12);--card-shadow-drag: 0 20px 35px rgba(0, 0, 0, .32), 0 8px 16px rgba(0, 0, 0, .18);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-normal: .25s cubic-bezier(.4, 0, .2, 1);--transition-slow: .4s cubic-bezier(.4, 0, .2, 1);--transition-card-movement: .25s cubic-bezier(.25, 1, .5, 1)}[data-theme=dark]{--bg-shell: #0b0f19;--bg-sidebar: #111827;--bg-card-panel: #1f2937;--border-color: #374151;--border-hover: #4b5563;--text-primary: #f9fafb;--text-secondary: #e5e7eb;--text-muted: #9ca3af;--felt-color-center: #104629;--felt-color-edge: #052616;--felt-border: #03150d;--glass-bg: rgba(0, 0, 0, .25);--glass-border: rgba(255, 255, 255, .08);--glass-text: #f3f4f6;--glass-bg-hover: rgba(0, 0, 0, .35);--glass-bg-active: rgba(0, 0, 0, .45);--card-bg: #fcfcfc;--card-border: rgba(255, 255, 255, .08)}.casino-table{background:radial-gradient(circle,var(--felt-color-center) 0%,var(--felt-color-edge) 100%);position:relative;border-radius:var(--radius-lg);border:6px solid var(--felt-border);box-shadow:inset 0 20px 40px #0006,var(--shadow-xl);overflow:hidden;min-height:500px;display:flex;flex-direction:column;padding:var(--space-4)}.casino-table:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:.12;mix-blend-mode:overlay;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='feltNoise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23feltNoise)'/%3E%3C/svg%3E")}.glass-panel{background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:var(--radius-md);color:var(--glass-text);padding:var(--space-3) var(--space-4);box-shadow:0 4px 20px #00000026;transition:background var(--transition-fast),border-color var(--transition-fast),transform var(--transition-fast)}.glass-panel.interactive{-webkit-user-select:none;user-select:none;cursor:pointer}.glass-panel.interactive:hover{background:var(--glass-bg-hover);border-color:#ffffff40;transform:translateY(-1px)}.glass-panel.interactive:active{background:var(--glass-bg-active);transform:translateY(0)}.card-spot{width:var(--card-width-base);height:var(--card-height-base);aspect-ratio:var(--card-aspect-ratio);border:2px dashed rgba(255,255,255,.15);border-radius:var(--radius-md);background:#00000026;position:relative;transition:border-color var(--transition-fast),background var(--transition-fast)}.card-spot:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;box-shadow:inset 0 2px 6px #0000004d;pointer-events:none}.card-spot.foundation:before{content:"A";position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-family:var(--font-heading);font-size:2rem;font-weight:700;color:#ffffff0f}.card{width:var(--card-width-base);height:var(--card-height-base);aspect-ratio:var(--card-aspect-ratio);background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-md);box-shadow:var(--card-shadow);position:relative;-webkit-user-select:none;user-select:none;cursor:grab;font-family:var(--font-body);box-sizing:border-box;transition:transform var(--transition-card-movement),box-shadow var(--transition-card-movement)}.card:hover{transform:translateY(-6px);box-shadow:var(--card-shadow-hover)}.card:active,.card.dragging{cursor:grabbing;transform:translateY(-12px) scale(1.03);box-shadow:var(--card-shadow-drag);z-index:100}.card-inner{position:absolute;top:0;right:0;bottom:0;left:0;padding:var(--space-2);display:flex;flex-direction:column;justify-content:space-between;box-sizing:border-box}.card-value-suit{display:flex;flex-direction:column;align-items:center;line-height:.9;font-weight:700;font-size:1.15rem;width:min-content}.card-value-suit span{font-family:var(--font-heading)}.card-value-suit .suit-icon{font-size:.9rem;margin-top:2px}.card-value-suit.bottom-right{transform:rotate(180deg);align-self:flex-end}.card-suit-center{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:2.2rem;pointer-events:none}.card.suit-red{color:var(--suit-red)}.card.suit-black{color:var(--suit-black)}.card.face-down{cursor:pointer;background-image:url(/assets/CardBack-BERZswNt.svg);background-size:cover;background-position:center}.card.face-down:hover{transform:translateY(-3px);box-shadow:var(--card-shadow-hover)}.card.face-down .card-inner,.card.face-down .card-suit-center{display:none}.card:focus-visible,.glass-panel:focus-visible{outline:3px solid var(--accent-blue);outline-offset:2px}
