:root{--space-0: 0px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--space-20: 80px;--radius-none: 0px;--radius-sm: 2px;--radius-md: 3px;--radius-lg: 4px;--radius-xl: 8px;--radius-2xl: 12px;--radius-pill: 9999px;--motion-fast: .12s;--motion-base: .2s;--motion-slow: .3s;--ease-standard: cubic-bezier(.4, 0, .2, 1);--ease-decel: cubic-bezier(0, 0, .2, 1);--ease-accel: cubic-bezier(.4, 0, 1, 1);--motion-instant: 0s;--motion-slower: .3s;--font-display: "Cormorant Garamond", "EB Garamond", georgia, serif;--font-ui: "Source Sans 3", system-ui, sans-serif;--font-data: "JetBrains Mono", "Courier New", monospace;--font-body: var(--font-ui);--font-mono: var(--font-data);--text-sm: 14px;--text-base: 16px;--text-md: 18px;--text-lg: 22px;--text-xl: 28px;--text-2xl: 40px;--text-3xl: 56px;--text-display: 72px;--text-xs: 14px;--text-lg-legacy: 16px;--weight-regular: 400;--weight-medium: 500;--weight-semi: 600;--weight-bold: 700;--tracking-tight: -.01em;--tracking-normal: 0;--tracking-wide: .05em;--tracking-wider: .1em;--tracking-widest: .2em;--z-base: 0;--z-raised: 10;--z-overlay: 100;--z-modal: 1000;--z-toast: 2000}[data-theme=afternoon]{--color-surface-base: #ede2c8;--color-surface-raised: #e2d6b8;--color-surface-elevated: #d4c5a0;--color-surface-deep: #c5b291;--color-ink-primary: #3d2e1f;--color-ink-dim: #6e5d49;--color-ink-muted: #998870;--color-ink-on-accent: #ede2c8;--color-felt: #52674a;--color-felt-dim: #7a8b6e;--color-brass: #b8924a;--color-brass-dim: #8e7038;--color-brass-bright: #d9ab56;--color-oxblood: #8a3a2a;--color-suit-hearts: #c42b3a;--color-suit-diamonds: #c48f22;--color-suit-clubs: #2e7d5b;--color-suit-spades: #1e2235;--color-sage: #7a8b6e;--color-terracotta: #c47558;--color-mist: #8a9aa8;--color-feedback-match-base: #6f8a4f;--color-feedback-pending-base: #c9893a}[data-theme=evening]{--color-surface-base: #2e2418;--color-surface-raised: #42342a;--color-surface-elevated: #5e4d3e;--color-surface-deep: #271e14;--color-ink-primary: #ede2c8;--color-ink-dim: #b8a888;--color-ink-muted: #8a7860;--color-ink-on-accent: #2e2418;--color-felt: #3a4a36;--color-felt-dim: #566850;--color-brass: #cda663;--color-brass-dim: #a88848;--color-brass-bright: #e6c07a;--color-oxblood: #a04a38;--color-suit-hearts: #d94a58;--color-suit-diamonds: #d9a63a;--color-suit-clubs: #4fa07c;--color-suit-spades: #c9d0e6;--color-sage: #8a9a7c;--color-terracotta: #d68866;--color-mist: #7a8898;--color-feedback-match-base: #8aa566;--color-feedback-pending-base: #d9a565}[data-theme=evening]{--tier-bronze: #b87c4c;--tier-silver: #b0a99c;--tier-gold: #cda663;--tier-platinum: #93a49c;--tier-diamond: #859aab;--tier-master: #a94a36}[data-theme=afternoon],[data-theme=evening]{--color-border-subtle: color-mix(in srgb, var(--color-ink-primary) 12%, transparent);--color-border-strong: color-mix(in srgb, var(--color-ink-primary) 30%, transparent);--color-border-brass: color-mix(in srgb, var(--color-brass) 45%, transparent);--shadow-card: 0 2px 6px color-mix(in srgb, var(--color-ink-primary) 14%, transparent);--shadow-elevated: 0 4px 14px color-mix(in srgb, var(--color-ink-primary) 18%, transparent);--shadow-modal: 0 12px 40px color-mix(in srgb, var(--color-ink-primary) 28%, transparent);--shadow-feedback-match: 0 0 0 2px color-mix(in srgb, var(--color-feedback-match-base) 60%, transparent), var(--shadow-card);--shadow-feedback-pending: 0 0 0 2px color-mix(in srgb, var(--color-feedback-pending-base) 60%, transparent), var(--shadow-card);--tier-bronze: #a06a3f;--tier-bronze-lo: #6f4526;--tier-bronze-hi: #c98f5c;--tier-silver: #8b8377;--tier-silver-lo: #5b554c;--tier-silver-hi: #bdb5a7;--tier-gold: #b8924a;--tier-gold-lo: #6f5320;--tier-gold-hi: #e0bd78;--tier-platinum: #6d8078;--tier-platinum-lo: #44534d;--tier-platinum-hi: #a3b4ac;--tier-diamond: #5d7688;--tier-diamond-lo: #3a4a57;--tier-diamond-hi: #9ab2c2;--tier-master: #8a3a2a;--tier-master-lo: #5c2318;--tier-master-hi: #b85a44;--achievement-locked: #5f5a52;--achievement-locked-lo: #3a3631;--achievement-locked-hi: #7a746a;--color-focus-ring: var(--color-brass);--shadow-focus-ring: 0 0 0 2px color-mix(in srgb, var(--color-brass) 35%, transparent);--color-surface-overlay: var(--color-surface-elevated);--color-surface-glass: var(--color-surface-elevated);--color-surface-glass-deep: var(--color-surface-elevated);--color-surface-glass-deep-hi: var(--color-surface-elevated);--color-surface-glass-blue: var(--color-surface-raised);--color-surface-glass-purple: var(--color-surface-elevated);--color-surface-scrim: color-mix(in srgb, var(--color-ink-primary) 75%, transparent);--color-surface-scrim-light: color-mix(in srgb, var(--color-ink-primary) 50%, transparent);--color-accent-primary-50: color-mix(in srgb, var(--color-felt) 8%, var(--color-surface-base));--color-accent-primary-100: color-mix( in srgb, var(--color-felt) 14%, var(--color-surface-base) );--color-accent-primary-200: color-mix( in srgb, var(--color-felt) 22%, var(--color-surface-base) );--color-accent-primary-300: color-mix( in srgb, var(--color-felt) 36%, var(--color-surface-base) );--color-accent-primary-400: color-mix( in srgb, var(--color-felt) 50%, var(--color-surface-base) );--color-accent-primary-500: var(--color-felt);--color-accent-primary-600: color-mix(in srgb, var(--color-felt) 80%, var(--color-ink-primary));--color-accent-primary-700: color-mix(in srgb, var(--color-felt) 60%, var(--color-ink-primary));--color-accent-primary-800: color-mix(in srgb, var(--color-felt) 40%, var(--color-ink-primary));--color-accent-primary-900: color-mix(in srgb, var(--color-felt) 20%, var(--color-ink-primary));--color-accent-secondary-50: color-mix( in srgb, var(--color-oxblood) 8%, var(--color-surface-base) );--color-accent-secondary-100: color-mix( in srgb, var(--color-oxblood) 14%, var(--color-surface-base) );--color-accent-secondary-200: color-mix( in srgb, var(--color-oxblood) 22%, var(--color-surface-base) );--color-accent-secondary-300: color-mix( in srgb, var(--color-oxblood) 36%, var(--color-surface-base) );--color-accent-secondary-400: color-mix( in srgb, var(--color-oxblood) 50%, var(--color-surface-base) );--color-accent-secondary-500: var(--color-oxblood);--color-accent-secondary-600: color-mix( in srgb, var(--color-oxblood) 80%, var(--color-ink-primary) );--color-accent-secondary-700: color-mix( in srgb, var(--color-oxblood) 60%, var(--color-ink-primary) );--color-accent-secondary-800: color-mix( in srgb, var(--color-oxblood) 40%, var(--color-ink-primary) );--color-accent-secondary-900: color-mix( in srgb, var(--color-oxblood) 20%, var(--color-ink-primary) );--color-accent-secondary-base-alt: var(--color-terracotta);--color-accent-info-50: color-mix(in srgb, var(--color-mist) 8%, var(--color-surface-base));--color-accent-info-100: color-mix(in srgb, var(--color-mist) 14%, var(--color-surface-base));--color-accent-info-200: color-mix(in srgb, var(--color-mist) 22%, var(--color-surface-base));--color-accent-info-300: color-mix(in srgb, var(--color-mist) 36%, var(--color-surface-base));--color-accent-info-400: color-mix(in srgb, var(--color-mist) 50%, var(--color-surface-base));--color-accent-info-500: var(--color-mist);--color-accent-info-600: color-mix(in srgb, var(--color-mist) 80%, var(--color-ink-primary));--color-accent-info-700: color-mix(in srgb, var(--color-mist) 60%, var(--color-ink-primary));--color-accent-info-800: color-mix(in srgb, var(--color-mist) 40%, var(--color-ink-primary));--color-accent-info-900: color-mix(in srgb, var(--color-mist) 20%, var(--color-ink-primary));--color-accent-info-cyan: var(--color-mist);--color-accent-primary-alpha-3: color-mix(in srgb, var(--color-felt) 3%, transparent);--color-accent-primary-alpha-5: color-mix(in srgb, var(--color-felt) 5%, transparent);--color-accent-primary-alpha-10: color-mix(in srgb, var(--color-felt) 10%, transparent);--color-accent-primary-alpha-12: color-mix(in srgb, var(--color-felt) 12%, transparent);--color-accent-primary-alpha-15: color-mix(in srgb, var(--color-felt) 15%, transparent);--color-accent-primary-alpha-18: color-mix(in srgb, var(--color-felt) 18%, transparent);--color-accent-primary-alpha-20: color-mix(in srgb, var(--color-felt) 20%, transparent);--color-accent-primary-alpha-25: color-mix(in srgb, var(--color-felt) 25%, transparent);--color-accent-primary-alpha-30: color-mix(in srgb, var(--color-felt) 30%, transparent);--color-accent-primary-alpha-35: color-mix(in srgb, var(--color-felt) 35%, transparent);--color-accent-primary-alpha-40: color-mix(in srgb, var(--color-felt) 40%, transparent);--color-accent-primary-alpha-45: color-mix(in srgb, var(--color-felt) 45%, transparent);--color-accent-primary-alpha-50: color-mix(in srgb, var(--color-felt) 50%, transparent);--color-accent-primary-alpha-55: color-mix(in srgb, var(--color-felt) 55%, transparent);--color-accent-primary-alpha-60: color-mix(in srgb, var(--color-felt) 60%, transparent);--color-accent-primary-alpha-65: color-mix(in srgb, var(--color-felt) 65%, transparent);--color-accent-primary-alpha-70: color-mix(in srgb, var(--color-felt) 70%, transparent);--color-accent-primary-alpha-75: color-mix(in srgb, var(--color-felt) 75%, transparent);--color-accent-secondary-alpha-3: color-mix(in srgb, var(--color-oxblood) 3%, transparent);--color-accent-secondary-alpha-5: color-mix(in srgb, var(--color-oxblood) 5%, transparent);--color-accent-secondary-alpha-8: color-mix(in srgb, var(--color-oxblood) 8%, transparent);--color-accent-secondary-alpha-10: color-mix(in srgb, var(--color-oxblood) 10%, transparent);--color-accent-secondary-alpha-12: color-mix(in srgb, var(--color-oxblood) 12%, transparent);--color-accent-secondary-alpha-14: color-mix(in srgb, var(--color-oxblood) 14%, transparent);--color-accent-secondary-alpha-18: color-mix(in srgb, var(--color-oxblood) 18%, transparent);--color-accent-secondary-alpha-20: color-mix(in srgb, var(--color-oxblood) 20%, transparent);--color-accent-secondary-alpha-22: color-mix(in srgb, var(--color-oxblood) 22%, transparent);--color-accent-secondary-alpha-25: color-mix(in srgb, var(--color-oxblood) 25%, transparent);--color-accent-secondary-alpha-30: color-mix(in srgb, var(--color-oxblood) 30%, transparent);--color-accent-secondary-alpha-35: color-mix(in srgb, var(--color-oxblood) 35%, transparent);--color-accent-secondary-alpha-40: color-mix(in srgb, var(--color-oxblood) 40%, transparent);--color-accent-secondary-alpha-45: color-mix(in srgb, var(--color-oxblood) 45%, transparent);--color-accent-secondary-alpha-50: color-mix(in srgb, var(--color-oxblood) 50%, transparent);--color-accent-secondary-alpha-55: color-mix(in srgb, var(--color-oxblood) 55%, transparent);--color-accent-secondary-alpha-60: color-mix(in srgb, var(--color-oxblood) 60%, transparent);--color-accent-secondary-alpha-65: color-mix(in srgb, var(--color-oxblood) 65%, transparent);--color-accent-secondary-alpha-70: color-mix(in srgb, var(--color-oxblood) 70%, transparent);--color-accent-secondary-alpha-75: color-mix(in srgb, var(--color-oxblood) 75%, transparent);--color-accent-secondary-alpha-80: color-mix(in srgb, var(--color-oxblood) 80%, transparent);--color-accent-info-alpha-5: color-mix(in srgb, var(--color-mist) 5%, transparent);--color-accent-info-alpha-12: color-mix(in srgb, var(--color-mist) 12%, transparent);--color-accent-info-alpha-15: color-mix(in srgb, var(--color-mist) 15%, transparent);--color-accent-info-alpha-18: color-mix(in srgb, var(--color-mist) 18%, transparent);--color-accent-info-alpha-25: color-mix(in srgb, var(--color-mist) 25%, transparent);--color-accent-info-alpha-30: color-mix(in srgb, var(--color-mist) 30%, transparent);--color-accent-info-alpha-42: color-mix(in srgb, var(--color-mist) 42%, transparent);--color-accent-info-alpha-50: color-mix(in srgb, var(--color-mist) 50%, transparent);--color-accent-info-alpha-55: color-mix(in srgb, var(--color-mist) 55%, transparent);--color-accent-info-alpha-65: color-mix(in srgb, var(--color-mist) 65%, transparent);--color-accent-info-alpha-75: color-mix(in srgb, var(--color-mist) 75%, transparent);--color-ink-alpha-2: color-mix(in srgb, var(--color-ink-primary) 2%, transparent);--color-ink-alpha-3: color-mix(in srgb, var(--color-ink-primary) 3%, transparent);--color-ink-alpha-4: color-mix(in srgb, var(--color-ink-primary) 4%, transparent);--color-ink-alpha-5: color-mix(in srgb, var(--color-ink-primary) 5%, transparent);--color-ink-alpha-6: color-mix(in srgb, var(--color-ink-primary) 6%, transparent);--color-ink-alpha-8: color-mix(in srgb, var(--color-ink-primary) 8%, transparent);--color-ink-alpha-10: color-mix(in srgb, var(--color-ink-primary) 10%, transparent);--color-ink-alpha-12: color-mix(in srgb, var(--color-ink-primary) 12%, transparent);--color-ink-alpha-15: color-mix(in srgb, var(--color-ink-primary) 15%, transparent);--color-ink-alpha-22: color-mix(in srgb, var(--color-ink-primary) 22%, transparent);--color-ink-alpha-30: color-mix(in srgb, var(--color-ink-primary) 30%, transparent);--color-ink-alpha-35: color-mix(in srgb, var(--color-ink-primary) 35%, transparent);--color-ink-alpha-40: color-mix(in srgb, var(--color-ink-primary) 40%, transparent);--color-ink-alpha-50: color-mix(in srgb, var(--color-ink-primary) 50%, transparent);--color-ink-alpha-55: color-mix(in srgb, var(--color-ink-primary) 55%, transparent);--color-ink-alpha-62: color-mix(in srgb, var(--color-ink-primary) 62%, transparent);--color-ink-alpha-70: color-mix(in srgb, var(--color-ink-primary) 70%, transparent);--color-ink-alpha-85: color-mix(in srgb, var(--color-ink-primary) 85%, transparent);--color-shadow-alpha-15: color-mix(in srgb, var(--color-ink-primary) 15%, transparent);--color-shadow-alpha-20: color-mix(in srgb, var(--color-ink-primary) 20%, transparent);--color-shadow-alpha-28: color-mix(in srgb, var(--color-ink-primary) 28%, transparent);--color-shadow-alpha-30: color-mix(in srgb, var(--color-ink-primary) 30%, transparent);--color-shadow-alpha-40: color-mix(in srgb, var(--color-ink-primary) 40%, transparent);--color-shadow-alpha-50: color-mix(in srgb, var(--color-ink-primary) 50%, transparent);--color-shadow-alpha-55: color-mix(in srgb, var(--color-ink-primary) 55%, transparent);--color-shadow-alpha-60: color-mix(in srgb, var(--color-ink-primary) 60%, transparent);--color-shadow-alpha-65: color-mix(in srgb, var(--color-ink-primary) 65%, transparent);--color-shadow-alpha-70: color-mix(in srgb, var(--color-ink-primary) 70%, transparent);--color-shadow-alpha-75: color-mix(in srgb, var(--color-ink-primary) 75%, transparent);--color-shadow-alpha-80: color-mix(in srgb, var(--color-ink-primary) 80%, transparent);--color-shadow-alpha-85: color-mix(in srgb, var(--color-ink-primary) 85%, transparent);--color-shadow-alpha-90: color-mix(in srgb, var(--color-ink-primary) 90%, transparent);--color-status-danger: var(--color-oxblood);--color-status-danger-hot: var(--color-terracotta);--color-status-danger-light: color-mix( in srgb, var(--color-terracotta) 70%, var(--color-surface-base) );--color-status-warning: var(--color-terracotta);--color-status-warning-text: color-mix( in srgb, var(--color-terracotta) 70%, var(--color-ink-primary) );--color-status-success: var(--color-sage);--color-status-danger-alpha-12: color-mix(in srgb, var(--color-oxblood) 12%, transparent);--color-status-danger-alpha-30: color-mix(in srgb, var(--color-oxblood) 30%, transparent);--color-status-danger-alpha-40: color-mix(in srgb, var(--color-oxblood) 40%, transparent);--color-status-danger-alpha-50: color-mix(in srgb, var(--color-oxblood) 50%, transparent);--color-status-danger-alpha-60: color-mix(in srgb, var(--color-oxblood) 60%, transparent);--color-status-success-alpha-6: color-mix(in srgb, var(--color-sage) 6%, transparent);--color-status-success-alpha-50: color-mix(in srgb, var(--color-sage) 50%, transparent);--color-border-accent: color-mix(in srgb, var(--color-felt) 30%, transparent);--color-border-info: color-mix(in srgb, var(--color-mist) 30%, transparent);--color-border-danger: color-mix(in srgb, var(--color-oxblood) 40%, transparent);--color-border-strong-primary: color-mix(in srgb, var(--color-felt) 75%, transparent);--color-border-strong-secondary: color-mix(in srgb, var(--color-oxblood) 55%, transparent);--color-neutral-300: #b0a89a;--color-neutral-400: #8a8170;--color-neutral-500: #6e6555;--color-neutral-700: #4a4338;--color-neutral-400-alpha-35: color-mix(in srgb, var(--color-neutral-400) 35%, transparent);--color-google-blue: #4285f4;--color-google-green: #34a853;--color-google-red: #ea4335;--color-card-hand-bg: var(--color-surface-raised);--color-card-hand-border: var(--color-brass);--color-card-hand-glow: transparent;--color-card-bid-bg: var(--color-surface-elevated);--color-card-bid-border: color-mix(in srgb, var(--color-ink-primary) 40%, transparent);--color-card-bid-glow: transparent;--color-table-edge: var(--color-brass-dim);--color-on-table: #ede2c8;--color-on-table-dim: color-mix(in srgb, var(--color-on-table) 72%, transparent);--color-on-table-muted: color-mix(in srgb, var(--color-on-table) 55%, transparent);--color-on-table-true: #9ad6b0;--color-on-table-false: #e8a0a0;--color-on-table-system: #e7d9a8;--color-table-shade: rgb(20 14 8 / .28);--color-table-shade-soft: rgb(20 14 8 / .22);--color-on-accent-alpha-20: color-mix(in srgb, var(--color-ink-on-accent) 20%, transparent);--color-on-accent-alpha-50: color-mix(in srgb, var(--color-ink-on-accent) 50%, transparent);--color-on-accent-alpha-90: color-mix(in srgb, var(--color-ink-on-accent) 90%, transparent);--color-sage-alpha-12: color-mix(in srgb, var(--color-sage) 12%, transparent);--color-feedback-match-glow: color-mix( in srgb, var(--color-feedback-match-base) 60%, transparent );--color-feedback-match-strong: color-mix( in srgb, var(--color-feedback-match-base) 80%, transparent );--color-feedback-match-soft: color-mix( in srgb, var(--color-feedback-match-base) 30%, transparent );--color-feedback-match-faint: color-mix( in srgb, var(--color-feedback-match-base) 14%, transparent );--color-feedback-match-bg-deep: color-mix( in srgb, var(--color-feedback-match-base) 18%, var(--color-surface-base) );--color-feedback-match-bg-soft: color-mix( in srgb, var(--color-feedback-match-base) 6%, transparent );--color-feedback-pending-glow: color-mix( in srgb, var(--color-feedback-pending-base) 60%, transparent );--color-feedback-pending-strong: color-mix( in srgb, var(--color-feedback-pending-base) 80%, transparent );--color-feedback-pending-soft: color-mix( in srgb, var(--color-feedback-pending-base) 30%, transparent );--color-feedback-pending-faint: color-mix( in srgb, var(--color-feedback-pending-base) 14%, transparent );--color-feedback-pending-bg: color-mix( in srgb, var(--color-feedback-pending-base) 8%, transparent );--shadow-card-default: var(--shadow-card);--shadow-card-highlighted: var(--shadow-feedback-match);--shadow-card-selected: var(--shadow-feedback-match);--shadow-card-pending: var(--shadow-feedback-pending);--color-error-text: color-mix(in srgb, var(--color-oxblood) 70%, var(--color-ink-primary));--color-error-bg: color-mix(in srgb, var(--color-oxblood) 12%, transparent);--color-error-border: color-mix(in srgb, var(--color-oxblood) 40%, transparent);--color-price-coins: var(--color-felt);--color-price-premium: var(--color-brass);--color-price-money-text: color-mix(in srgb, var(--color-ink-primary) 60%, transparent);--color-price-premium-alpha-10: color-mix(in srgb, var(--color-brass) 10%, transparent);--color-price-premium-alpha-15: color-mix(in srgb, var(--color-brass) 15%, transparent);--color-price-premium-alpha-30: color-mix(in srgb, var(--color-brass) 30%, transparent);--color-price-premium-alpha-50: color-mix(in srgb, var(--color-brass) 50%, transparent);--color-rarity-starter-border: color-mix(in srgb, var(--color-mist) 55%, transparent);--color-rarity-starter-glow: color-mix(in srgb, var(--color-mist) 16%, transparent);--color-rarity-common-border: color-mix(in srgb, var(--color-ink-primary) 12%, transparent);--color-rarity-common-glow: color-mix(in srgb, var(--color-ink-primary) 5%, transparent);--color-rarity-uncommon-border: color-mix(in srgb, var(--color-felt) 42%, transparent);--color-rarity-uncommon-glow: color-mix(in srgb, var(--color-felt) 12%, transparent);--color-rarity-rare-border: color-mix(in srgb, var(--color-mist) 55%, transparent);--color-rarity-rare-glow: color-mix(in srgb, var(--color-mist) 15%, transparent);--color-rarity-epic-border: color-mix(in srgb, var(--color-oxblood) 65%, transparent);--color-rarity-epic-glow: color-mix(in srgb, var(--color-oxblood) 18%, transparent);--color-rarity-legendary-border: color-mix(in srgb, var(--color-brass) 75%, transparent);--color-rarity-legendary-glow: color-mix(in srgb, var(--color-brass) 20%, transparent);--shadow-elevated-hi: var(--shadow-modal);--shadow-glow-primary: var(--shadow-elevated);--shadow-glow-primary-hi: var(--shadow-elevated);--shadow-glow-secondary: var(--shadow-elevated);--shadow-glow-info: var(--shadow-elevated);--shadow-glow-danger: var(--shadow-elevated);--shadow-glow-warning: var(--shadow-elevated);--gradient-primary: var(--color-felt);--gradient-primary-bg: color-mix(in srgb, var(--color-felt) 8%, transparent);--gradient-secondary: var(--color-oxblood);--gradient-secondary-bg: color-mix(in srgb, var(--color-oxblood) 8%, transparent);--gradient-cyber: var(--color-mist);--gradient-dark: var(--color-surface-elevated);--gradient-surface: var(--color-surface-raised);--gradient-danger: var(--color-oxblood);--gradient-warning: var(--color-terracotta)}.lp-btn{appearance:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:4px;cursor:pointer;box-sizing:border-box;line-height:1;letter-spacing:normal;text-transform:none;white-space:nowrap;transition:background var(--motion-fast) var(--ease-standard),border-color var(--motion-fast) var(--ease-standard),color var(--motion-fast) var(--ease-standard),transform var(--motion-fast) var(--ease-standard)}.lp-btn:disabled,.lp-btn[aria-disabled=true]{cursor:not-allowed;opacity:.55}.lp-btn:focus-visible{outline:2px solid var(--color-brass);outline-offset:2px}.lp-btn-sm{height:40px;padding:0 14px;font-family:var(--font-ui);font-size:14px;font-weight:600}.lp-btn-default{height:48px;padding:0 20px;font-family:var(--font-display);font-size:16px;font-weight:600}.lp-btn-lg{height:62px;padding:0 24px;font-family:var(--font-display);font-size:20px;font-weight:600}@media (max-width: 480px){.lp-btn-sm{height:44px;padding:0 16px}.lp-btn-default{height:52px;padding:0 22px}.lp-btn-lg{height:58px;font-size:18px;padding:0 22px}}.lp-btn-primary{background:var(--color-brass);color:var(--color-ink-on-accent);border:1px solid var(--color-brass-dim)}.lp-btn-primary:hover:not(:disabled){background:color-mix(in srgb,var(--color-brass) 88%,var(--color-ink-primary));transform:translateY(-1px)}.lp-btn-secondary{background:var(--color-surface-elevated);color:var(--color-ink-primary);border:1px solid var(--color-border-strong)}.lp-btn-secondary:hover:not(:disabled){background:color-mix(in srgb,var(--color-brass) 10%,var(--color-surface-elevated));border-color:var(--color-border-brass);transform:translateY(-1px)}.lp-btn-ghost{background:transparent;color:var(--color-ink-dim);border:1px solid var(--color-border-subtle)}.lp-btn-ghost:hover:not(:disabled){color:var(--color-ink-primary);border-color:var(--color-border-brass)}.lp-btn-felt{background:var(--color-felt);color:var(--color-ink-on-accent);border:1px solid var(--color-brass-dim)}.lp-btn-felt:hover:not(:disabled){background:var(--color-felt-dim);transform:translateY(-1px)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;overflow:hidden;font-family:var(--font-body);background:var(--color-surface-deep);color:var(--color-ink-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:var(--color-surface-deep)}::-webkit-scrollbar-thumb{background:var(--color-border-strong);border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb:hover{background:var(--color-brass-dim)}select{appearance:none;background-color:var(--color-surface-elevated);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%23cda663' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center;padding-right:24px!important;color:var(--color-ink-primary);border:1px solid var(--color-border-subtle);font-family:var(--font-ui);cursor:pointer}select:focus{outline:none;border-color:var(--color-border-strong-secondary);box-shadow:var(--shadow-focus-ring)}select option{background-color:var(--color-surface-elevated);color:var(--color-ink-primary)}:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}:focus:not(:focus-visible){outline:none}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@keyframes screenEnter{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes titleReveal{0%{opacity:0;transform:scale(1.1);filter:blur(6px)}to{opacity:1;transform:scale(1);filter:blur(0)}}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.85}}@keyframes cardReveal{0%{opacity:0;transform:translateY(-14px) rotateY(75deg)}to{opacity:1;transform:translateY(0) rotateY(0)}}@keyframes glitch{0%,90%,to{transform:translate(0);clip-path:none}91%{transform:translate(-2px,1px)}93%{transform:translate(2px,-1px)}95%{transform:translate(-1px,2px);filter:hue-rotate(90deg)}97%{transform:translate(1px,-2px)}}.account-tab:hover{color:var(--color-accent-primary-500)!important}.account-tabbar::-webkit-scrollbar{display:none}.account-tabbar .metric-tip{flex:none}@media (max-width: 768px){.account-tabbar .metric-tip{flex:1 1 auto;min-width:0;display:flex}.account-tabbar .metric-tip>.account-tab{width:100%}}.account-stat-card:hover{border-color:var(--color-accent-secondary-alpha-22)!important;box-shadow:var(--shadow-card)}.mh-row:hover .mh-row-bg{background:var(--color-accent-secondary-alpha-5)!important}.mh-chip{transition:filter var(--motion-fast) var(--ease-standard),opacity var(--motion-fast) var(--ease-standard);cursor:pointer}.mh-chip:hover{filter:brightness(1.35);opacity:1}.mh-pbtn{cursor:pointer}.mh-pbtn:hover{filter:brightness(1.3)}.mh-pbtn:hover .mh-pbtn-name{text-decoration:underline}.mh-pbtn:hover .mh-pbtn-caret{opacity:1!important}.mh-action{transition:filter var(--motion-fast) var(--ease-standard),transform var(--motion-fast) var(--ease-standard)}.mh-action:hover{filter:brightness(1.18);transform:translateY(-1px)}.mh-chevron{transition:transform var(--motion-base) var(--ease-standard)}.bid-card{position:relative;border-radius:4px;border-width:1.5px;border-style:solid;flex-shrink:0;background:var(--color-surface-elevated);border-color:var(--color-brass-dim);box-shadow:var(--shadow-card)}.bid-card[data-state=highlighted]{background:color-mix(in srgb,var(--color-feedback-match-base) 14%,var(--color-surface-base));border-color:var(--color-feedback-match-base);box-shadow:var(--shadow-feedback-match)}.bid-card[data-state=selected]{background:var(--color-surface-base);border-color:var(--color-brass);border-width:2px;box-shadow:var(--shadow-card)}.bid-card[data-state=pending]{background:color-mix(in srgb,var(--color-feedback-pending-base) 12%,var(--color-surface-base));border-color:var(--color-feedback-pending-base);box-shadow:var(--shadow-feedback-pending)}.bid-card--clickable{cursor:pointer}.bid-card__ornament{position:absolute;border-radius:2px;border-width:1px;border-style:solid;pointer-events:none;border-color:color-mix(in srgb,var(--color-brass) 35%,transparent)}.bid-card[data-state=highlighted] .bid-card__ornament{border-color:color-mix(in srgb,var(--color-feedback-match-base) 40%,transparent)}.bid-card[data-state=selected] .bid-card__ornament{border-color:color-mix(in srgb,var(--color-brass) 60%,transparent)}.bid-card[data-state=pending] .bid-card__ornament{border-color:color-mix(in srgb,var(--color-feedback-pending-base) 40%,transparent)}.bid-card__rank{position:absolute;font-family:var(--font-display);font-style:italic;font-weight:600;line-height:1;color:var(--color-ink-primary);display:flex;flex-direction:column;align-items:center;gap:1px}.bid-card[data-state=highlighted] .bid-card__rank{color:color-mix(in srgb,var(--color-feedback-match-base) 80%,var(--color-ink-primary))}.bid-card[data-state=selected] .bid-card__rank{color:var(--color-ink-primary)}.bid-card[data-state=pending] .bid-card__rank{color:color-mix(in srgb,var(--color-feedback-pending-base) 80%,var(--color-ink-primary))}.bid-card__rank-glyph{line-height:1}.bid-card__suit{font-family:var(--font-display);font-style:normal;font-weight:700;line-height:1;font-size:.7em;color:inherit}.bid-card[data-suit=hearts] .bid-card__suit{color:var(--color-suit-hearts)}.bid-card[data-suit=diamonds] .bid-card__suit{color:var(--color-suit-diamonds)}.bid-card[data-suit=clubs] .bid-card__suit{color:var(--color-suit-clubs)}.bid-card[data-suit=spades] .bid-card__suit{color:var(--color-suit-spades)}.bid-card__face{position:absolute;inset:0;width:100%;height:100%;display:block;border-radius:inherit;pointer-events:none;user-select:none}.bid-card[data-face=image]{background:var(--color-surface-base);overflow:hidden}.bid-card[data-face=image] .bid-card__ornament,.bid-card[data-face=image] .bid-card__rank{visibility:hidden}.bid-card__rank--center{inset:0;pointer-events:none;font-weight:600;justify-content:center}.bid-card__rank--center .bid-card__suit{font-size:.65em;margin-top:2px}.bid-card__rank--bottom-right{transform:rotate(180deg)}.hand-card{position:relative;flex-shrink:0;perspective:900px;will-change:transform}.hand-card__flip{position:relative;width:100%;height:100%;transform-style:preserve-3d;transform:rotateY(180deg);animation:handLand var(--motion-slow) var(--ease-decel) both,handFlip var(--motion-slow) var(--ease-standard) both;pointer-events:none}.hand-card__flip--dealt{transform:none;animation:none;pointer-events:auto}.hand-card__back{position:absolute;inset:0;width:100%;height:100%;display:block;border-radius:5px;box-shadow:var(--shadow-card);backface-visibility:hidden;transform:rotateY(180deg) translateZ(.5px);pointer-events:none;user-select:none}@keyframes handLand{0%{translate:0 -14px}to{translate:0 0}}@keyframes handFlip{0%{transform:rotateY(180deg)}to{transform:rotateY(0)}}@media (prefers-reduced-motion: reduce){.hand-card__flip{animation-duration:.01s}}.cr-wrap{padding:20px}.cr-title{font-size:56px;margin-bottom:14px}.cr-bid-section{margin-bottom:22px;gap:10px}.cr-bid-card{width:52px;height:80px;padding:5px 6px}.cr-bid-center{font-size:30px}.cr-bid-center-flush{font-size:24px}.cr-bid-corner{font-size:13px}.cr-bid-corner-suit{font-size:10px}.cr-hands-grid{gap:14px;padding:16px;margin-bottom:22px}.cr-hand-box{min-width:160px;padding:14px}.cr-card-match{width:52px;height:76px}.cr-card-norm{width:44px;height:64px}.cr-card-center-match{font-size:26px}.cr-card-center-norm{font-size:20px}.cr-card-corner-match{font-size:12px}.cr-card-corner-norm{font-size:10px}.cr-card-corner-suit-match{font-size:11px}.cr-card-corner-suit-norm{font-size:9px}.cr-btn{padding:13px 42px;font-size:14px}@media (max-width: 640px){.cr-wrap{padding:10px 8px}.cr-title{font-size:clamp(22px,8vw,40px);margin-bottom:8px}.cr-bid-section{margin-bottom:12px;gap:8px}.cr-bid-card{width:42px;height:64px;padding:4px 5px}.cr-bid-center{font-size:22px}.cr-bid-center-flush{font-size:18px}.cr-bid-corner{font-size:11px}.cr-bid-corner-suit{font-size:9px}.cr-hands-grid{gap:8px;padding:10px;margin-bottom:12px;display:grid!important;grid-template-columns:1fr 1fr;flex-wrap:unset!important}.cr-hand-box{min-width:0!important;padding:10px 8px}.cr-card-match{width:40px!important;height:60px!important}.cr-card-norm{width:32px!important;height:48px!important}.cr-card-center-match{font-size:20px}.cr-card-center-norm{font-size:15px}.cr-card-corner-match{font-size:9px}.cr-card-corner-norm,.cr-card-corner-suit-match{font-size:8px}.cr-card-corner-suit-norm{font-size:7px}.cr-btn{padding:10px 28px;font-size:12px}}.tt-bubble{position:fixed;--tt-accent: var(--color-brass);padding:9px 11px 9px 13px;background:var(--color-surface-raised);border:1px solid color-mix(in srgb,var(--tt-accent) 50%,transparent);border-radius:2px;box-shadow:var(--shadow-modal);font-family:var(--font-ui);font-size:13px;font-weight:400;line-height:1.5;letter-spacing:normal;text-transform:none;text-align:left;white-space:normal;overflow-wrap:break-word;color:var(--color-ink-primary);z-index:4000;pointer-events:none;animation:ttIn .14s cubic-bezier(.22,1,.36,1) both}.tt-bar{position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--tt-accent)}.tt-arrow{position:absolute;bottom:-6px;width:0;height:0;transform:translate(-50%);border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid color-mix(in srgb,var(--tt-accent) 50%,transparent)}.tt-bubble.tt-below .tt-arrow{bottom:auto;top:-6px;border-top:none;border-bottom:6px solid color-mix(in srgb,var(--tt-accent) 50%,transparent)}@keyframes ttIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.tt-bubble.tt-below{animation-name:ttInBelow}@keyframes ttInBelow{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion: reduce){.tt-bubble{animation:none}}.bl-panel{width:340px;max-height:560px;bottom:24px;left:24px}@media (max-width: 640px){.bl-panel{width:calc(100vw - 24px)!important;left:12px!important;max-height:54vh!important;bottom:12px!important}}@keyframes mblSlideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.page-frame__head{margin-bottom:5px}.page-frame__topRow{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:28px;margin-bottom:18px}.page-frame__back{appearance:none;background:none;border:none;padding:4px 2px;margin:0 0 0 -2px;color:var(--color-ink-dim);font-family:var(--font-ui);font-size:15px;font-weight:500;cursor:pointer;display:inline-flex;align-items:baseline;gap:8px;line-height:1;transition:color var(--motion-fast, .16s) var(--ease-standard, ease)}.page-frame__back:hover,.page-frame__back:focus-visible{color:var(--color-brass);outline:none}.page-frame__back:focus-visible{box-shadow:var(--shadow-focus-ring);border-radius:2px}.page-frame__backArrow{font-family:var(--font-display);font-size:18px;line-height:1;transform:translateY(1px);transition:transform var(--motion-fast, .16s) var(--ease-standard, ease)}.page-frame__back:hover .page-frame__backArrow{transform:translateY(1px) translate(-2px)}.page-frame__right{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end;max-width:60%}.page-frame__rule{width:36px;height:1px;background:var(--color-brass);opacity:.7;margin:0 0 14px}.page-frame__eyebrow{font-family:var(--font-display);font-style:italic;font-size:14px;font-weight:500;color:var(--color-ink-dim);letter-spacing:.2px;margin-bottom:6px;line-height:1.3}.page-frame__title{font-family:var(--font-display);font-weight:500;color:var(--color-ink-primary);line-height:1.1;letter-spacing:-.2px;margin:0}.page-frame__subtitle{font-family:var(--font-ui);font-size:16px;font-weight:400;color:var(--color-ink-dim);line-height:1.5;margin:10px 0 0;max-width:60ch}@media (max-width: 768px){.page-frame__head{margin-bottom:5px}.page-frame__topRow{margin-bottom:14px}.page-frame__rule{margin-bottom:12px}.page-frame__subtitle{font-size:15px;margin-top:8px}.page-frame__right{max-width:55%}}.qb-root{display:flex;flex-direction:column}.qb-meta{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:16px;flex-wrap:wrap}.qb-meta-lead{font-size:15px;color:var(--color-ink-dim)}.qb-meta-reset{font-size:14px;color:var(--color-ink-muted)}.qb-meta-reset strong{font-weight:600;color:var(--color-ink-dim)}.qb-msg{padding:40px 0;text-align:center;font-size:18px;color:var(--color-ink-dim)}.qb-msg.qb-err{color:var(--color-oxblood)}.qb-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}.qb-card{display:flex;align-items:center;gap:16px;background:var(--color-surface-raised);border:1px solid var(--color-border-subtle);border-radius:10px;padding:16px 18px;animation:qbIn .32s cubic-bezier(.22,1,.36,1) both}.qb-card.qb-done{opacity:.6}.qb-reward{flex-shrink:0;width:46px;height:46px;border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;background:var(--color-accent-primary-alpha-5);border:1px solid var(--color-border-brass);color:var(--color-brass)}.qb-reward-amt{font-size:16px;font-weight:700;line-height:1}.qb-reward-mark{font-size:10px;line-height:1;opacity:.85}.qb-body{flex:1;min-width:0}.qb-text{display:flex;flex-wrap:wrap;align-items:baseline;column-gap:6px;margin-bottom:8px}.qb-text .qb-title,.qb-text .qb-desc{margin:0}.qb-text .qb-title:after{content:"·";margin-left:6px;color:var(--color-ink-muted);font-weight:400}.qb-title{font-size:17px;margin:0 0 3px;font-weight:700;letter-spacing:-.01em}.qb-desc{font-size:14px;margin:0 0 9px;line-height:1.35;color:var(--color-ink-dim)}.qb-progress-row{display:flex;align-items:center;gap:10px}.qb-bar{flex:1;height:7px;border-radius:5px;background:var(--color-surface-deep);overflow:hidden}.qb-bar-fill{height:100%;border-radius:5px;background:var(--color-felt);transition:width var(--motion-standard) var(--ease-standard)}.qb-count{font-size:13px;min-width:32px;text-align:right;font-variant-numeric:tabular-nums;color:var(--color-ink-dim)}.qb-action{flex-shrink:0;display:flex;align-items:center;justify-content:flex-end;min-width:92px}.qb-progress-tag{font-size:14px;font-weight:500;color:var(--color-ink-muted);white-space:nowrap}.qb-claimed{font-size:14px;font-weight:600;color:var(--color-sage);display:inline-flex;align-items:center;gap:5px}@keyframes qbIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 480px){.qb-card{gap:12px;padding:14px}.qb-reward{width:42px;height:42px}.qb-action{min-width:0}}@media (prefers-reduced-motion: reduce){.qb-card{animation:none}}.qd-backdrop{position:fixed;inset:0;z-index:9400;background:transparent}.qd-panel{position:fixed;z-index:9500;width:min(440px,70vw);display:flex;flex-direction:column;background:var(--color-surface-base);border:1px solid var(--color-border-brass);border-radius:6px;box-shadow:var(--shadow-modal);transform-origin:bottom right;animation:qdGrow var(--motion-slow) var(--ease-decel) both}@media (max-width: 768px){.qd-panel{width:min(440px,78vw)}}.qd-head{display:flex;align-items:center;gap:8px;padding:10px 10px 8px 14px;border-bottom:1px solid var(--color-border-subtle)}.qd-head-icon{display:inline-flex;color:var(--color-brass)}.qd-title{margin:0;flex:1;font-family:var(--font-display);font-size:19px;font-weight:600;color:var(--color-ink-primary)}.qd-close{width:34px;height:34px;padding:0;border-radius:4px;border:1px solid var(--color-border-subtle);background:var(--color-surface-raised);color:var(--color-ink-primary);font-size:20px;line-height:1;cursor:pointer}.qd-close:hover{border-color:var(--color-brass)}.qd-body{flex:1;min-height:0;overflow-y:auto;padding:10px 12px 12px}.qd-body .qb-meta{margin-bottom:8px}.qd-body .qb-meta-lead,.qd-body .qb-meta-reset{font-size:13px}.qd-body .qb-list{gap:8px}.qd-body .qb-card{gap:10px;padding:9px 11px}.qd-body .qb-reward{width:40px;height:40px}.qd-body .qb-action{min-width:80px}.qd-body .qb-reward-amt{font-size:15px}.qd-body .qb-title{font-size:15px;margin:0 0 2px}.qd-body .qb-text{margin-bottom:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.qd-body .qb-text .qb-title,.qd-body .qb-text .qb-desc{display:inline}.qd-body .qb-desc{font-size:13px;line-height:1.3}.qd-body .qb-bar{height:6px}.qd-body .qb-count{font-size:12px}.qd-body .qb-msg{padding:20px 0;font-size:16px}@keyframes qdGrow{0%{transform:scale(.6);opacity:0}to{transform:scale(1);opacity:1}}@media (prefers-reduced-motion: reduce){.qd-panel{animation:none}}.qt-stack{position:fixed;left:50%;bottom:calc(16px + env(safe-area-inset-bottom,0px));transform:translate(-50%);z-index:9600;display:flex;flex-direction:column-reverse;gap:8px;width:min(440px,calc(100vw - 24px));pointer-events:none}.qt-card{pointer-events:auto;display:flex;align-items:center;gap:10px;padding:10px 12px;background:var(--color-surface-base);border:1px solid var(--color-border-brass);border-radius:6px;box-shadow:var(--shadow-modal);animation:qtRise var(--motion-slow) var(--ease-decel) both}.qt-icon{display:inline-flex;color:var(--color-brass);flex-shrink:0}.qt-text{flex:1;min-width:0}.qt-kicker{font-family:var(--font-ui);font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--color-ink-muted)}.qt-title{font-family:var(--font-ui);font-size:16px;font-weight:600;color:var(--color-ink-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.qt-reward{display:flex;align-items:baseline;gap:2px;font-family:var(--font-data);color:var(--color-price-coins);flex-shrink:0}.qt-amount{font-size:16px;font-weight:700}.qt-mark{font-size:11px}@keyframes qtRise{0%{transform:translateY(16px);opacity:0}to{transform:none;opacity:1}}@media (prefers-reduced-motion: reduce){.qt-card{animation:none}}