:root{--color-crimson: #DC143C;--color-crimson-dark: #A80F2E;--color-gold: #FFD700;--color-gold-dim: #C5A000;--color-bg: #121212;--color-surface: #1E1E1E;--color-text-main: #F3F4F6;--color-text-secondary: #9CA3AF;--color-border: #374151;--color-success: #10B981;--color-error: #EF4444;--font-sans: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: 1rem;--radius-full: 9999px;--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 -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--transition-base: .2s ease-in-out}*,*:before,*:after{box-sizing:border-box}body{background-color:var(--color-bg);color:var(--color-text-main);font-family:var(--font-sans);margin:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh;display:flex;flex-direction:column}button{cursor:pointer;font-family:inherit;transition:transform .1s,opacity .2s,background-color .2s}button:active{transform:scale(.98)}button:disabled{cursor:not-allowed;opacity:.6}.card{width:120px;height:180px;background:#fff;border-radius:var(--radius-md);border:1px solid #ccc;display:inline-flex;flex-direction:column;justify-content:center;align-items:center;box-shadow:0 4px 8px #0003;margin:8px;position:relative;font-weight:700;font-size:2.5rem;-webkit-user-select:none;user-select:none}.card.red{color:var(--color-crimson)}.card.black{color:#000}.card-hidden{background:linear-gradient(135deg,#1f1c2c,#928dab);border:3px solid white}.card-value-top{position:absolute;top:8px;left:10px;font-size:1.5rem}.card-value-bottom{position:absolute;bottom:8px;right:10px;font-size:1.5rem;transform:rotate(180deg)}.card-suit{font-size:4rem}@media(min-width:768px){.card{width:200px;height:300px;border-radius:16px;font-size:5rem;margin:20px;box-shadow:0 10px 20px #0000004d}.card-value-top,.card-value-bottom{font-size:2.5rem;inset:20px}.card-suit{font-size:8rem}}.game-table{background:var(--color-bg);background:#0f172a;min-height:100vh;display:flex;flex-direction:column}.player-table{background:var(--color-crimson);min-height:100vh;display:flex;flex-direction:column;color:#fff}.section-title{font-size:1.5rem;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:2px;margin-bottom:1rem}.btn-action{padding:1.5rem;font-size:1.2rem;font-weight:700;border:none;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);text-transform:uppercase;letter-spacing:1px}.btn-primary{background:var(--color-crimson);color:#fff}.btn-secondary{background:var(--color-text-main);color:#fff}.btn-outline{background:transparent;border:2px solid var(--color-text-main);color:var(--color-text-main)}