:root{--color-core-background-primary: #ffffff;--color-core-background-secondary: #f3f4f6;--color-core-background-secondary-hover: #e5e7eb;--color-core-background-secondary-active: #d1d5db;--color-core-background-tertiary: #e5e7eb;--color-core-background-brand: #1d4ed8;--color-core-background-brand-hover: #1e40af;--color-core-background-brand-active: #1e3a8a;--color-core-text-primary: #030712;--color-core-text-secondary: #4b5563;--color-core-text-secondary-hover: #1f2937;--color-core-text-secondary-active: #030712;--color-core-text-tertiary: #9ca3af;--color-core-text-success: #16a34a;--color-core-text-on-brand: #dbeafe;--color-core-text-on-brand-hover: #bfdbfe;--color-core-text-on-brand-active: #93c5fd;--color-core-foreground-secondary: #4b5563;--color-core-foreground-secondary-hover: #1f2937;--color-core-foreground-secondary-active: #030712;--color-core-foreground-on-brand-hover: #bfdbfe;--color-core-foreground-on-brand-active: #93c5fd;--color-core-border-primary: #9ca3af;--color-core-border-secondary: #e5e7eb;--color-core-border-secondary-hover: #d1d5db;--color-core-border-secondary-active: #9ca3af;--color-core-border-on-brand: #2563eb;--color-core-border-brand-hover: #1d4ed8;--color-core-border-brand-active: #1e40af;--color-core-effects-shadow-1: rgb(137 153 175 / .15);--color-utility-text-call: #15803d;--color-utility-text-bet: #c2410c;--color-utility-text-straddle: #7e22ce;--color-utility-text-raise: #dc2626;--color-utility-text-preflop: #334155;--color-utility-text-flop: #0369a1;--color-utility-text-turn: #b45309;--color-utility-text-river: #a21caf;--color-utility-background-preflop: #f1f5f9;--color-utility-background-flop: #f0f9ff;--color-utility-background-turn: #fffbeb;--color-utility-background-river: #fdf4ff;--color-utility-background-cash: #dcfce7;--color-utility-background-tournament: #fef3c7;--color-utility-background-light: #ffffff;--color-utility-background-toggle: #e5e7eb;--color-utility-background-toggle-active: #3b82f6;--color-utility-foreground-heart: #f87171;--color-utility-foreground-club: #22c55e;--color-utility-foreground-diamond: #06b6d4;--color-utility-foreground-spade: #4b5563;--color-utility-foreground-cash: #15803d;--color-utility-foreground-tournament: #b45309;--color-utility-border-preflop: #e2e8f0;--color-utility-border-flop: #e0f2fe;--color-utility-border-turn: #fef3c7;--color-utility-border-river: #fae8ff;--color-utility-border-cash: #4ade80;--color-utility-border-tournament: #fbbf24;--color-utility-table-table-1: #f3f4f6;--color-utility-table-table-gradient-start: #ffffff;--color-utility-table-table-gradient-end: #f3f4f6;--color-utility-table-bg-gradient-start: #f3f4f6;--color-utility-table-bg-gradient-end: #ffffff;--spacing-0: 0px;--spacing-1: 1px;--spacing-2: 2px;--spacing-4: 4px;--spacing-6: 6px;--spacing-8: 8px;--spacing-12: 12px;--spacing-16: 16px;--spacing-20: 20px;--spacing-24: 24px;--spacing-32: 32px;--spacing-40: 40px;--spacing-48: 48px;--spacing-64: 64px;--spacing-80: 80px;--spacing-96: 96px;--spacing-128: 128px;--spacing-160: 160px;--spacing-192: 192px;--spacing-224: 224px;--spacing-256: 256px;--spacing-320: 320px;--spacing-384: 384px;--spacing-480: 480px}[data-theme=dark]{--color-core-background-primary: #030712;--color-core-background-secondary: #1f2937;--color-core-background-secondary-hover: #374151;--color-core-background-secondary-active: #4b5563;--color-core-background-tertiary: #111827;--color-core-background-brand: #93c5fd;--color-core-background-brand-hover: #bfdbfe;--color-core-background-brand-active: #dbeafe;--color-core-text-primary: #f9fafb;--color-core-text-secondary: #e5e7eb;--color-core-text-secondary-hover: #f3f4f6;--color-core-text-secondary-active: #f9fafb;--color-core-text-tertiary: #9ca3af;--color-core-text-success: #86efac;--color-core-text-on-brand: #1e40af;--color-core-text-on-brand-hover: #1d4ed8;--color-core-text-on-brand-active: #2563eb;--color-core-foreground-secondary: #d1d5db;--color-core-foreground-secondary-hover: #f3f4f6;--color-core-foreground-secondary-active: #f9fafb;--color-core-foreground-on-brand-hover: #1d4ed8;--color-core-foreground-on-brand-active: #2563eb;--color-core-border-primary: #9ca3af;--color-core-border-secondary: #4b5563;--color-core-border-secondary-hover: #6b7280;--color-core-border-secondary-active: #9ca3af;--color-core-border-on-brand: #60a5fa;--color-core-border-brand-hover: #93c5fd;--color-core-border-brand-active: #bfdbfe;--color-core-effects-shadow-1: rgb(0 0 0 / .5);--color-utility-text-call: #22c55e;--color-utility-text-bet: #fb923c;--color-utility-text-straddle: #c084fc;--color-utility-text-raise: #f87171;--color-utility-text-preflop: #0f172a;--color-utility-text-flop: #0c4a6e;--color-utility-text-turn: #78350f;--color-utility-text-river: #701a75;--color-utility-background-preflop: #e2e8f0;--color-utility-background-flop: #bae6fd;--color-utility-background-turn: #fde68a;--color-utility-background-river: #f5d0fe;--color-utility-background-cash: #16a34a;--color-utility-background-tournament: #b45309;--color-utility-background-light: #f9fafb;--color-utility-background-toggle: #6b7280;--color-utility-background-toggle-active: #60a5fa;--color-utility-foreground-heart: #fca5a5;--color-utility-foreground-club: #86efac;--color-utility-foreground-diamond: #67e8f9;--color-utility-foreground-spade: #4b5563;--color-utility-foreground-cash: #dcfce7;--color-utility-foreground-tournament: #fde68a;--color-utility-border-preflop: #94a3b8;--color-utility-border-flop: #38bdf8;--color-utility-border-turn: #fbbf24;--color-utility-border-river: #e879f9;--color-utility-border-cash: #166534;--color-utility-border-tournament: #d97706;--color-utility-table-table-1: #374151;--color-utility-table-table-gradient-start: #6b7280;--color-utility-table-table-gradient-end: #111827;--color-utility-table-bg-gradient-start: #374151;--color-utility-table-bg-gradient-end: #030712}:root{--color-text-primary: #0a0d12;--color-text-quaternary: #717680;--color-text-neutral: #414651;--color-text-danger: #ed0004;--color-text-success: #067647;--color-text-warning: #bb5400;--color-text-orange: #bc1b06;--color-text-indigo: #3538cd;--color-text-pink: #c11574;--color-text: var(--color-text-primary);--color-text-secondary: var(--color-text-neutral);--color-text-muted: var(--color-text-quaternary);--color-page-bg: #ffffff;--color-card-bg: #ffffff;--color-background-primary: #ffffff;--color-background-neutral: #fafafa;--color-background-indigo: #eef4ff;--color-background-orange: #fff4ed;--color-background-pink: #fdf2fa;--color-input-bg: var(--color-background-neutral);--color-primary-bg: var(--color-background-indigo);--color-primary-text: var(--color-text-indigo);--color-primary-loading-bg: #eef4ff;--color-primary-loading-text: var(--color-text-neutral);--color-error: var(--color-text-danger);--color-border: #e9eaeb;--color-border-neutral: #e9eaeb;--color-border-indigo: #c7d7fe;--color-border-orange: #ffd6ae;--color-border-pink: #fcceee;--color-suit-heart: #e31b54;--color-suit-club: #4ca30d;--color-suit-diamond: #088AB2;--color-suit-spade: #0a0d12;--street-preflop-bg: #FAFAFA;--street-preflop-text: #414651;--street-flop-bg: #EEF4FF;--street-flop-text: #3538CD;--street-turn-bg: #FFF4ED;--street-turn-text: #BC1B06;--street-river-bg: #FDF2FA;--street-river-text: #C11574;--street-general-bg: #FAFAFA;--street-general-text: #414651;--action-raise: #ed0004;--action-bet: #bc1b06;--action-call: #067647;--action-check: #717680;--action-fold: #414651;--action-raise-bet: var(--action-raise);--radius-sm: 6px;--radius-card: 10px;--radius-input: 6px;--radius-button: 6px;--radius-3xl: 20px;--radius-round: 9999px;--spacing-2: 2px;--spacing-4: 4px;--spacing-8: 8px;--spacing-12: 12px;--spacing-16: 16px;--spacing-24: 24px;--shadow-card: 0 2px 12px rgba(0, 0, 0, .08);--font-family: "Poppins", sans-serif;--font-size-base: 16px;--font-size-title: 24px;--font-size-section: 18px;--font-size-label: 14px;--font-size-sm: 14px;--font-size-helper: 13px;--font-size-caption: 12px;--font-size-small: 11px;--font-size-xs: 10px;--line-height-sm: 20px;--line-height-xs: 14px}.ui-icon-button{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-4) var(--spacing-8);border-radius:var(--spacing-6);border:1px solid var(--color-core-border-secondary);background-color:transparent;color:var(--color-core-foreground-secondary);cursor:pointer;font-family:var(--font-family);line-height:0;transition:background-color .12s ease,border-color .12s ease,color .12s ease}.ui-icon-button:hover{background-color:var(--color-core-background-secondary-hover);border-color:var(--color-core-border-secondary-hover);color:var(--color-core-foreground-secondary-hover)}.ui-icon-button:active{background-color:var(--color-core-background-secondary-active);border-color:var(--color-core-border-secondary-active);color:var(--color-core-foreground-secondary-active)}.ui-icon-button:disabled{cursor:default;opacity:.5}.ui-button{display:inline-flex;align-items:center;height:44px;padding:var(--spacing-12) var(--spacing-16);border-radius:var(--spacing-16);border:1px solid transparent;background-color:transparent;color:var(--color-core-text-secondary);font-family:var(--font-family);font-size:14px;line-height:18px;font-weight:500;white-space:nowrap;cursor:pointer;transition:background-color .12s ease,border-color .12s ease,color .12s ease}.ui-button-with-icon{gap:var(--spacing-8);padding-left:var(--spacing-12);padding-right:var(--spacing-16)}.ui-button-no-icon{gap:0}.ui-button:disabled{cursor:default;opacity:.5}.ui-button-primary{background-color:var(--color-core-background-brand);border-color:var(--color-core-border-on-brand);color:var(--color-core-text-on-brand)}.ui-button-primary:hover:not(:disabled){background-color:var(--color-core-background-brand-hover);border-color:var(--color-core-border-brand-hover);color:var(--color-core-text-on-brand-hover)}.ui-button-primary:active:not(:disabled){background-color:var(--color-core-background-brand-active);border-color:var(--color-core-border-brand-active);color:var(--color-core-text-on-brand-active)}.ui-button-secondary{background-color:var(--color-core-background-secondary);border-color:var(--color-core-border-secondary)}.ui-button-secondary:hover:not(:disabled){background-color:var(--color-core-background-secondary-hover);border-color:var(--color-core-border-secondary-hover);color:var(--color-core-text-secondary-hover)}.ui-button-secondary:active:not(:disabled){background-color:var(--color-core-background-secondary-active);border-color:var(--color-core-border-secondary-active);color:var(--color-core-text-secondary-active)}.ui-button-tertiary:hover:not(:disabled){color:var(--color-core-text-secondary-hover)}.ui-button-tertiary:active:not(:disabled){color:var(--color-core-text-secondary-active)}.ui-menu-item{display:inline-flex;align-items:center;gap:var(--spacing-8);padding:var(--spacing-4);border-radius:var(--spacing-16);border:none;background:none;color:var(--color-core-text-secondary);font-family:var(--font-family);font-size:14px;line-height:18px;font-weight:500;white-space:nowrap;cursor:pointer;transition:color .12s ease}.ui-menu-item:disabled{cursor:default;opacity:.5}.ui-menu-item:hover:not(:disabled){color:var(--color-core-text-secondary-hover)}.ui-menu-item.is-current,.ui-menu-item:active:not(:disabled){color:var(--color-core-text-secondary-active)}.ui-toggle{position:relative;display:inline-flex;align-items:center;padding:var(--spacing-2);border:none;border-radius:var(--radius-round);background-color:var(--color-utility-background-toggle);cursor:pointer;transition:background-color .12s ease}.ui-toggle:disabled{cursor:default;opacity:.5}.ui-toggle-m{width:36px;height:20px}.ui-toggle-l{width:44px;height:24px}.ui-toggle.is-checked{background-color:var(--color-utility-background-toggle-active)}.ui-toggle-knob{display:block;background-color:var(--color-utility-background-light);border-radius:var(--radius-round);box-shadow:0 1px 3px 0 var(--color-core-effects-shadow-1),0 1px 2px -1px var(--color-core-effects-shadow-1);transition:transform .12s ease}.ui-toggle-m .ui-toggle-knob{width:16px;height:16px}.ui-toggle-l .ui-toggle-knob{width:20px;height:20px}.ui-toggle-m.is-checked .ui-toggle-knob{transform:translate(16px)}.ui-toggle-l.is-checked .ui-toggle-knob{transform:translate(20px)}.ui-street-button{display:inline-flex;align-items:center;justify-content:center;height:28px;min-width:28px;padding:0;border-radius:24px;border:1px solid var(--color-core-border-secondary);background-color:var(--color-core-background-primary);color:var(--color-core-text-tertiary);font-family:var(--font-family);font-size:10px;line-height:18px;font-weight:600;white-space:nowrap;cursor:pointer;transition:background-color .12s ease,border-color .12s ease,color .12s ease,padding .12s ease}.ui-street-button.is-selected{padding:0 var(--spacing-12)}.ui-street-button:disabled{cursor:default;opacity:.5}.ui-street-button-preflop:hover:not(:disabled),.ui-street-button-preflop.is-selected{background-color:var(--color-utility-background-preflop);border-color:var(--color-utility-border-preflop);color:var(--color-utility-text-preflop)}.ui-street-button-flop:hover:not(:disabled),.ui-street-button-flop.is-selected{background-color:var(--color-utility-background-flop);border-color:var(--color-utility-border-flop);color:var(--color-utility-text-flop)}.ui-street-button-turn:hover:not(:disabled),.ui-street-button-turn.is-selected{background-color:var(--color-utility-background-turn);border-color:var(--color-utility-border-turn);color:var(--color-utility-text-turn)}.ui-street-button-river:hover:not(:disabled),.ui-street-button-river.is-selected{background-color:var(--color-utility-background-river);border-color:var(--color-utility-border-river);color:var(--color-utility-text-river)}.ui-field{display:flex;flex-direction:column;align-items:flex-start;gap:var(--spacing-6);width:100%}.ui-field-label{font-family:var(--font-family);font-size:14px;line-height:20px;font-weight:500;color:var(--color-core-text-primary)}.ui-input{display:block;width:100%;box-sizing:border-box;padding:10px var(--spacing-12);border:1px solid var(--color-core-border-secondary);border-radius:var(--spacing-12);background-color:var(--color-core-background-secondary);color:var(--color-core-text-primary);font-family:var(--font-family);font-size:16px;line-height:24px;font-weight:400;outline:none;transition:background-color .12s ease,border-color .12s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none}.ui-input::placeholder{color:var(--color-core-text-tertiary);opacity:1}.ui-input:focus,.ui-input:focus-visible{background-color:var(--color-core-background-primary)}.ui-input:disabled{cursor:default;opacity:.5}.ui-textarea{display:block;width:100%;box-sizing:border-box;padding:var(--spacing-12) 14px;border:1px solid var(--color-core-border-secondary);border-radius:var(--spacing-12);background-color:var(--color-core-background-secondary);color:var(--color-core-text-primary);font-family:var(--font-family);font-size:16px;line-height:24px;font-weight:400;outline:none;resize:vertical;min-height:96px;transition:background-color .12s ease,border-color .12s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none}.ui-textarea::placeholder{color:var(--color-core-text-tertiary);opacity:1}.ui-textarea:focus,.ui-textarea:focus-visible{background-color:var(--color-core-background-primary)}.ui-textarea:disabled{cursor:default;opacity:.5}html,body,#root{font-family:var(--font-family)}[data-theme=dark]{--color-text-primary: #fafafa;--color-text-quaternary: #9ca3af;--color-text-neutral: #d1d5db;--color-text-danger: #f87171;--color-text-success: #4ade80;--color-text-warning: #fdba74;--color-text-orange: #fb923c;--color-text-indigo: #a5b4fc;--color-text-pink: #f9a8d4;--color-page-bg: #0a0d12;--color-card-bg: #171c24;--color-background-primary: #171c24;--color-background-neutral: #262b33;--color-background-indigo: #1e293b;--color-background-orange: #292524;--color-background-pink: #291724;--color-input-bg: var(--color-background-neutral);--color-primary-bg: var(--color-background-indigo);--color-primary-text: var(--color-text-indigo);--color-primary-loading-bg: #1e293b;--color-primary-loading-text: var(--color-text-neutral);--color-border: #374151;--color-border-neutral: #374151;--color-border-indigo: #3730a3;--color-border-orange: #9a3412;--color-border-pink: #831843;--color-suit-heart: #f472b6;--color-suit-club: #86efac;--color-suit-diamond: #f472b6;--color-suit-spade: #e5e7eb;--street-preflop-bg: #262b33;--street-preflop-text: #d1d5db;--street-flop-bg: #1e293b;--street-flop-text: #a5b4fc;--street-turn-bg: #292524;--street-turn-text: #fdba74;--street-river-bg: #291724;--street-river-text: #f9a8d4;--street-general-bg: #262b33;--street-general-text: #9ca3af;--action-raise: #f87171;--action-bet: #fb923c;--action-call: #4ade80;--action-check: #9ca3af;--action-fold: #6b7280;--shadow-card: 0 2px 12px rgba(0, 0, 0, .4)}.straddle-scroll-container{position:fixed;top:0;left:0;right:0;bottom:0;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--color-core-border-secondary) transparent}.hand-scroll-col::-webkit-scrollbar,.straddle-scroll-container::-webkit-scrollbar{width:2px}.hand-scroll-col::-webkit-scrollbar-track,.straddle-scroll-container::-webkit-scrollbar-track{background:transparent}.hand-scroll-col::-webkit-scrollbar-thumb,.straddle-scroll-container::-webkit-scrollbar-thumb{background-color:var(--color-core-border-secondary);border-radius:1px}.straddle-page{min-height:100vh;min-height:100dvh;display:flex;align-items:flex-start;justify-content:center;margin:0;padding:var(--spacing-16);padding-bottom:112px;background-color:var(--color-page-bg);font-family:var(--font-family);font-size:var(--font-size-base)}.straddle-card{width:100%;max-width:480px;padding:0;font-family:var(--font-family)}.add-comment-textarea{color:#0a0d12!important;-webkit-text-fill-color:#0a0d12!important}.add-comment-textarea::placeholder{color:#717680!important;-webkit-text-fill-color:#717680!important;opacity:1}.hand-list-card:hover,.hand-list-card:active{border-color:var(--color-border-neutral, #e9eaeb)!important;box-shadow:0 2px 2px -1px #0a0d1214,0 4px 6px -2px #0a0d1208,0 12px 16px -4px #0a0d120a!important;background-color:var(--color-background-primary, #ffffff)!important}.game-card:hover,.game-card:active{border-color:var(--color-core-border-secondary)!important;box-shadow:0 24px 16px -16px var(--color-core-effects-shadow-1),0 2px 4px 0 var(--color-core-effects-shadow-1)!important}