@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500;600;700&display=swap";.page-enter-active,.page-leave-active{transition:opacity .2s ease,transform .2s ease}.page-enter-from{opacity:0;transform:translateY(8px)}.page-leave-to{opacity:0;transform:translateY(-8px)}.app-root{width:100%;height:100%}[data-theme=dark]{--bg-deepest: #08090d;--bg-deep: #0c0e14;--bg-base: #12141a;--bg-elevated: #181b24;--bg-surface: #1e2230;--bg-hover: #252a3a;--gold-50: #fdf8ec;--gold-100: #f7e9c4;--gold-200: #edd49a;--gold-300: #debb6e;--gold-400: #c9a96e;--gold-500: #b8932e;--gold-600: #9a7a24;--gold: #c9a96e;--gold-bg: rgba(201, 169, 110, .15);--gold-glow: rgba(201, 169, 110, .25);--gold-border: rgba(201, 169, 110, .15);--gold-gradient: linear-gradient(135deg, #c9a96e 0%, #e8d5a3 50%, #c9a96e 100%);--banker: #e74c3c;--banker-bg: rgba(231, 76, 60, .12);--banker-glow: rgba(231, 76, 60, .3);--player: #3498db;--player-bg: rgba(52, 152, 219, .12);--player-glow: rgba(52, 152, 219, .3);--tie: #27ae60;--tie-bg: rgba(39, 174, 96, .12);--tie-glow: rgba(39, 174, 96, .3);--banker-pair: #c0392b;--player-pair: #2980b9;--lucky-six: #f39c12;--success: #2ecc71;--success-bg: rgba(46, 204, 113, .1);--danger: #e74c3c;--danger-bg: rgba(231, 76, 60, .1);--warning: #f39c12;--warning-bg: rgba(243, 156, 18, .1);--info: #3498db;--text-primary: #e8e8ea;--text-secondary: #8b8d98;--text-tertiary: #555766;--text-gold: #c9a96e;--text-on-gold: #08090d;--autocomplete-match: #c9a96e;--autocomplete-suffix: rgba(201, 169, 110, .4);--border-subtle: rgba(201, 169, 110, .08);--border-default: rgba(201, 169, 110, .12);--border-strong: rgba(201, 169, 110, .25);--glass-bg: rgba(18, 20, 26, .75);--glass-blur: 20px;--glass-border: 1px solid var(--border-default);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .4);--shadow-md: 0 4px 12px rgba(0, 0, 0, .5);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .6);--shadow-gold: 0 0 20px rgba(201, 169, 110, .15);--shadow-inset: inset 0 2px 4px rgba(0, 0, 0, .3);--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", "Fira Code", "Consolas", monospace;--text-xs: .7rem;--text-sm: .8rem;--text-base: .9rem;--text-lg: 1.05rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 2rem;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--duration-fast: .15s;--duration-normal: .25s;--duration-slow: .4s;--z-dropdown: 100;--z-sticky: 200;--z-drawer: 300;--z-modal: 400;--z-toast: 500}:root,[data-theme=light]{--bg-deepest: #E8EDF2;--bg-deep: #DCE4EB;--bg-base: #D0D9E2;--bg-elevated: #FFFFFF;--bg-surface: #C5CED8;--bg-hover: #B8C2CE;--gold-50: #fef9e7;--gold-100: #f5e8c8;--gold-200: #e8d4a0;--gold-300: #d4b870;--gold-400: #C2A56D;--gold-500: #a88a4a;--gold-600: #8a7038;--gold: #C2A56D;--gold-bg: rgba(194, 165, 109, .18);--gold-glow: rgba(194, 165, 109, .35);--gold-border: rgba(194, 165, 109, .4);--gold-gradient: linear-gradient(135deg, #C2A56D 0%, #e8d4a0 50%, #C2A56D 100%);--slate-dark: #2C3947;--slate-mid: #547A95;--slate-light: #7BA3BE;--banker: #C41E3A;--banker-bg: rgba(196, 30, 58, .16);--banker-glow: rgba(196, 30, 58, .3);--player: #3498db;--player-bg: rgba(52, 152, 219, .16);--player-glow: rgba(52, 152, 219, .3);--tie: #547A95;--tie-bg: rgba(84, 122, 149, .16);--tie-glow: rgba(84, 122, 149, .3);--banker-pair: #a01830;--player-pair: #1d4ed8;--lucky-six: #d97706;--success: #547A95;--success-bg: rgba(84, 122, 149, .15);--danger: #C41E3A;--danger-bg: rgba(196, 30, 58, .12);--warning: #C2A56D;--warning-bg: rgba(194, 165, 109, .15);--info: #547A95;--text-primary: #2C3947;--text-secondary: #547A95;--text-tertiary: #7BA3BE;--text-gold: #C2A56D;--text-on-gold: #2C3947;--autocomplete-match: #2C3947;--autocomplete-suffix: rgba(84, 122, 149, .5);--border-subtle: rgba(84, 122, 149, .15);--border-default: rgba(84, 122, 149, .25);--border-strong: rgba(84, 122, 149, .4);--glass-bg: rgba(232, 237, 242, .95);--glass-blur: 8px;--glass-border: 1px solid rgba(84, 122, 149, .2);--shadow-sm: 0 1px 3px rgba(44, 57, 71, .1);--shadow-md: 0 4px 12px rgba(44, 57, 71, .15);--shadow-lg: 0 8px 24px rgba(44, 57, 71, .2);--shadow-gold: 0 4px 16px rgba(194, 165, 109, .2);--shadow-inset: inset 0 1px 3px rgba(44, 57, 71, .1);--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", "Fira Code", "Consolas", monospace;--text-xs: .7rem;--text-sm: .8rem;--text-base: .9rem;--text-lg: 1.05rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 2rem;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--duration-fast: .15s;--duration-normal: .25s;--duration-slow: .4s;--z-dropdown: 100;--z-sticky: 200;--z-drawer: 300;--z-modal: 400;--z-toast: 500}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeDown{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes slideOutRight{0%{transform:translate(0)}to{transform:translate(100%)}}@keyframes slideInUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes scaleIn{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}@keyframes popIn{0%{transform:scale(.8);opacity:0}70%{transform:scale(1.05)}to{transform:scale(1);opacity:1}}@keyframes pulseGold{0%,to{box-shadow:0 0 0 0 var(--gold-glow)}50%{box-shadow:0 0 0 8px transparent}}@keyframes pulseGlow{0%,to{opacity:.6}50%{opacity:1}}@keyframes pulseBorder{0%,to{border-color:var(--border-subtle)}50%{border-color:var(--border-strong)}}@keyframes ripple{0%{transform:scale(0);opacity:.6}to{transform:scale(4);opacity:0}}@keyframes shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-4px)}40%,80%{transform:translate(4px)}}@keyframes numberRollUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes numberRollDown{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes blink{0%,50%,to{opacity:1}25%,75%{opacity:.3}}@keyframes winGlow{0%{box-shadow:0 0 5px #2ecc714d}50%{box-shadow:0 0 20px #2ecc7180,0 0 40px #2ecc7133}to{box-shadow:0 0 5px #2ecc714d}}@keyframes toastIn{0%{transform:translate(120%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes toastOut{0%{transform:translate(0);opacity:1}to{transform:translate(120%);opacity:0}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.shimmer{background:linear-gradient(90deg,var(--bg-surface) 25%,var(--bg-hover) 50%,var(--bg-surface) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body,#app{width:100%;height:100%;overflow:hidden}body{font-family:var(--font-sans);font-size:var(--text-base);color:var(--text-primary);background:var(--bg-deepest);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-default);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--gold)}::selection{background:var(--gold);color:var(--text-on-gold)}:focus-visible{outline:2px solid var(--gold);outline-offset:2px}a{color:var(--gold);text-decoration:none}.glass-panel{background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:var(--glass-border);border-radius:var(--radius-lg)}.gold-text{color:var(--gold)}.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.input-field{width:100%;padding:10px 14px;background:var(--bg-deep);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-sans);font-size:var(--text-base);transition:all var(--duration-fast) var(--ease-out);outline:none}.input-field::placeholder{color:var(--text-tertiary);opacity:.6}[data-theme=light] .input-field::placeholder{color:#7ba3be;opacity:.5}.input-field:focus{border-color:var(--gold);box-shadow:0 0 0 3px var(--gold-glow)}.input-field[type=number]::-webkit-outer-spin-button,.input-field[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.input-field[type=number]{-moz-appearance:textfield}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:8px 18px;border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--bg-elevated);color:var(--text-primary);font-family:var(--font-sans);font-size:var(--text-sm);font-weight:500;cursor:pointer;transition:all var(--duration-fast) var(--ease-out);-webkit-user-select:none;user-select:none;white-space:nowrap}.btn:hover{background:var(--bg-hover);border-color:var(--border-strong);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.btn:active{transform:translateY(0);box-shadow:var(--shadow-inset)}.btn-gold{background:var(--gold-gradient);color:var(--text-on-gold);border-color:transparent;font-weight:600}.btn-gold:hover{box-shadow:var(--shadow-gold);transform:translateY(-1px)}.btn-danger{border-color:var(--danger);color:var(--danger)}.btn-danger:hover{background:var(--danger-bg)}.btn-warning{border-color:#f59e0b;color:#f59e0b}.btn-warning:hover{background:#f59e0b1a}.btn-sm{padding:5px 12px;font-size:var(--text-xs)}.btn-lg{padding:12px 28px;font-size:var(--text-lg);border-radius:var(--radius-lg)}.pill{display:inline-flex;align-items:center;padding:2px 10px;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:600;letter-spacing:.3px}.pill-banker{background:var(--banker-bg);color:var(--banker);border:1px solid rgba(231,76,60,.25)}.pill-player{background:var(--player-bg);color:var(--player);border:1px solid rgba(52,152,219,.25)}.pill-tie{background:var(--tie-bg);color:var(--tie);border:1px solid rgba(39,174,96,.25)}.pill-bankerPair{background:var(--banker-bg);color:var(--banker-pair);border:1px solid rgba(192,57,43,.25)}.pill-playerPair{background:var(--player-bg);color:var(--player-pair);border:1px solid rgba(41,128,185,.25)}.pill-luckySix{background:var(--warning-bg);color:var(--lucky-six);border:1px solid rgba(243,156,18,.25)}.pill-dragon{background:var(--banker-bg);color:var(--banker);border:1px solid var(--banker-glow)}.pill-tiger{background:var(--player-bg);color:var(--player);border:1px solid var(--player-glow)}.pill-dragonOdd{background:#dc262614;color:var(--banker);border:1px solid rgba(220,38,38,.15)}.pill-dragonEven{background:#b91c1c14;color:#b91c1c;border:1px solid rgba(185,28,28,.15)}.pill-tigerOdd{background:#2563eb14;color:var(--player);border:1px solid rgba(37,99,235,.15)}.pill-tigerEven{background:#1d4ed814;color:#1d4ed8;border:1px solid rgba(29,78,216,.15)}kbd{display:inline-block;padding:1px 5px;font-family:var(--font-mono);font-size:.7rem;font-weight:600;color:var(--gold);background:var(--bg-deep);border:1px solid var(--border-default);border-radius:3px;line-height:1.4}.divider{width:100%;height:1px;background:var(--border-subtle)}[data-theme=light] .gold-text{color:#c2a56d;font-weight:600}[data-theme=light] .btn-gold{box-shadow:0 2px 8px #c2a56d40}[data-theme=light] kbd{background:#e8edf233;border-color:#547a954d;color:#e8edf2}[data-theme=light] .input-field{background:#fff;border-color:#547a9540}[data-theme=light] .input-field:focus{border-color:#c2a56d;box-shadow:0 0 0 3px #c2a56d26}[data-theme=light] .btn{background:#fff;border-color:#547a9540}[data-theme=light] .btn:hover{background:#e8edf2;border-color:#547a9566}[data-theme=light] .btn-gold{background:var(--gold-gradient);color:#2c3947}[data-theme=light] .btn-danger{border-color:var(--danger);color:var(--danger)}[data-theme=light] .btn-danger:hover{background:var(--danger-bg)}[data-theme=light] .btn-warning{border-color:#f59e0b;color:#f59e0b}[data-theme=light] .btn-warning:hover{background:#f59e0b26}[data-theme=light] body{background:#e8edf2}[data-theme=light] .section-title{color:#2c3947}.toast-container{position:fixed;top:16px;right:16px;z-index:var(--z-toast);display:flex;flex-direction:column;gap:8px}.drawer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:var(--z-drawer);animation:fadeIn var(--duration-fast) var(--ease-out)}.drawer-panel{position:fixed;top:0;right:0;width:420px;height:100%;background:var(--bg-base);border-left:1px solid var(--border-default);z-index:calc(var(--z-drawer) + 1);animation:slideInRight var(--duration-normal) var(--ease-out);display:flex;flex-direction:column;overflow-y:auto;outline:none}.drawer-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border-subtle)}.drawer-title{font-size:var(--text-lg);font-weight:600;color:var(--gold)}.drawer-close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;color:var(--text-secondary);cursor:pointer;border-radius:var(--radius-sm);font-size:18px;transition:all var(--duration-fast)}.drawer-close:hover{background:var(--bg-hover);color:var(--text-primary)}.drawer-body{flex:1;padding:var(--space-5);overflow-y:auto}.drawer-footer{padding:var(--space-4) var(--space-5);border-top:1px solid var(--border-subtle);display:flex;gap:var(--space-3);justify-content:flex-end}