*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#f6f7f4;--bg-card:#fff;--bg-elevated:#fbfcfa;--border:#00000014;--border-strong:#00000026;--text-primary:#101312;--text-secondary:#6b6b6b;--text-muted:#9b9b9b;--accent:#161918;--accent-hover:#2a302d;--green:#16a34a;--green-bg:#f0fdf4;--green-border:#bbf7d0;--red:#dc2626;--red-bg:#fef2f2;--red-border:#fecaca;--win:#16a34a;--loss:#dc2626;--gold:#d97706;--gold-bg:#fef3c7;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--spacing-2xl:48px;--font-sans:"Manrope", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--font-display:"Space Grotesk", "Manrope", sans-serif;--font-mono:"SF Mono", "IBM Plex Mono", "Fira Code", monospace;--shadow-sm:0 1px 2px #1013120a, 0 4px 12px #1013120a;--shadow-md:0 8px 24px #10131212, 0 2px 6px #1013120a;--shadow-lg:0 18px 48px #1013121f, 0 4px 12px #1013120f;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-full:9999px;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-base:.25s cubic-bezier(.4, 0, .2, 1);--transition-slow:.4s cubic-bezier(.4, 0, .2, 1)}[data-theme=dark]{--bg:#0a0a0a;--bg-card:#141414;--bg-elevated:#1a1a1a;--border:#ffffff14;--border-strong:#ffffff26;--text-primary:#f5f5f0;--text-secondary:#a0a0a0;--text-muted:#666;--accent:#f5f5f0;--accent-hover:#e0e0d8;--green:#22c55e;--green-bg:#052e16;--green-border:#166534;--red:#ef4444;--red-bg:#1c0404;--red-border:#991b1b;--gold:#f59e0b;--gold-bg:#1c1004;--shadow-sm:0 1px 3px #0000004d, 0 1px 2px #0003;--shadow-md:0 4px 12px #0006, 0 2px 4px #0003;--shadow-lg:0 8px 32px #00000080, 0 4px 8px #0000004d}html{font-family:var(--font-sans);background:var(--bg);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth;font-size:16px;line-height:1.5;overflow-x:hidden}body{background:radial-gradient(circle at 50% -10%, #ffffffe6, transparent 42%), var(--bg);min-height:100dvh}button{color:inherit}#root{flex-direction:column;min-height:100dvh;display:flex}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);letter-spacing:-.02em;font-weight:600;line-height:1.2}.page{width:100%;min-width:0;max-width:480px;min-height:100dvh;padding:0 var(--spacing-md);padding-top:48px;padding-bottom:env(safe-area-inset-bottom,0px);flex-direction:column;margin:0 auto;display:flex}.page-header{padding:var(--spacing-lg) 0 var(--spacing-md);justify-content:space-between;align-items:center;gap:var(--spacing-sm);display:flex;position:relative}.page-title{letter-spacing:-.03em;color:var(--text-primary);font-size:clamp(1.5rem,3vw,1.85rem);font-weight:700}.page-content{gap:var(--spacing-md);min-width:0;padding-bottom:var(--spacing-2xl);flex-direction:column;flex:1;display:flex}.page-eyebrow{color:var(--text-muted);letter-spacing:.14em;text-transform:uppercase;align-items:center;gap:6px;margin-bottom:6px;font-size:.68rem;font-weight:800;display:inline-flex}.page-eyebrow svg{color:var(--green)}.offline-pill{z-index:350;border:1px solid var(--gold);border-radius:var(--radius-full);background:var(--gold-bg);max-width:calc(100% - 24px);color:var(--gold);text-align:center;box-shadow:var(--shadow-sm);padding:8px 12px;font-size:.7rem;font-weight:700;position:fixed;top:12px;left:50%;transform:translate(-50%)}.product-note{max-width:270px;color:var(--text-muted);margin:10px auto 0;font-size:.72rem;line-height:1.5}.action-toast{left:16px;right:16px;bottom:calc(24px + env(safe-area-inset-bottom,0px));z-index:400;border-radius:var(--radius-full);color:#fff;white-space:nowrap;width:fit-content;max-width:calc(100vw - 32px);box-shadow:var(--shadow-lg);pointer-events:none;margin-inline:auto;padding:11px 20px;font-size:.9rem;font-weight:700;position:fixed}.action-toast--win{background:var(--green)}.action-toast--loss{background:var(--red)}.match-toolbar{justify-content:space-between;align-items:center;gap:var(--spacing-md);padding:2px 2px 4px;display:flex}.match-toolbar-title{font-family:var(--font-display);letter-spacing:-.02em;font-size:1.15rem;font-weight:700}.bottom-nav{background:var(--bg-card);border-top:1px solid var(--border);width:100%;max-width:480px;padding:var(--spacing-sm) var(--spacing-md);padding-bottom:calc(var(--spacing-sm) + env(safe-area-inset-bottom,0px));gap:var(--spacing-xs);-webkit-backdrop-filter:blur(20px);z-index:100;margin-inline:auto;display:flex;position:fixed;bottom:0;left:0;right:0}.bottom-nav-item{padding:var(--spacing-sm) var(--spacing-xs);border-radius:var(--radius-md);cursor:pointer;color:var(--text-muted);letter-spacing:.02em;transition:color var(--transition-fast), background var(--transition-fast);background:0 0;border:none;flex-direction:column;flex:1;align-items:center;gap:3px;font-size:.65rem;font-weight:500;display:flex}.bottom-nav-item svg{width:22px;height:22px;transition:transform var(--transition-fast)}.bottom-nav-item:hover{color:var(--text-secondary);background:var(--bg-elevated)}.bottom-nav-item.active{color:var(--text-primary);background:var(--bg-elevated)}.bottom-nav-item.active svg{transform:scale(1.08)translateY(-1px)}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--spacing-md);box-shadow:var(--shadow-sm);transition:transform var(--transition-base), box-shadow var(--transition-base), border-color var(--transition-base)}.card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-md);transform:translateY(-2px)}.card-elevated{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);padding:var(--spacing-lg);box-shadow:var(--shadow-md)}.btn{justify-content:center;align-items:center;gap:var(--spacing-sm);font-family:var(--font-sans);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;letter-spacing:-.01em;border:none;min-height:48px;padding:14px 24px;font-size:.9375rem;font-weight:600;line-height:1;display:inline-flex}.btn:active{transform:scale(.97)}.btn:focus-visible,.bottom-nav-item:focus-visible,input:focus-visible{outline:3px solid color-mix(in srgb, var(--green) 30%, transparent);outline-offset:3px}.btn:disabled{opacity:.4;cursor:not-allowed;transform:none!important}.btn-primary{background:var(--accent);color:var(--bg)}.btn-primary:hover:not(:disabled){background:var(--accent-hover)}.btn-secondary{background:var(--bg-elevated);color:var(--text-primary);border:1px solid var(--border-strong)}.btn-secondary:hover:not(:disabled){background:var(--border)}.btn-ghost{color:var(--text-secondary);background:0 0}.btn-ghost:hover:not(:disabled){background:var(--bg-elevated);color:var(--text-primary)}.btn-win{background:var(--green-bg);color:var(--green);border:1.5px solid var(--green-border)}.btn-win:hover:not(:disabled){background:var(--green);color:#fff;border-color:var(--green)}.btn-loss{background:var(--red-bg);color:var(--red);border:1.5px solid var(--red-border)}.btn-loss:hover:not(:disabled){background:var(--red);color:#fff;border-color:var(--red)}.btn-full-width{width:100%}.btn-sm{min-height:36px;padding:8px 16px;font-size:.8125rem}.btn-lg{border-radius:var(--radius-lg);min-height:56px;padding:18px 32px;font-size:1.0625rem}.input-group{gap:var(--spacing-xs);flex-direction:column;display:flex}.input-label{color:var(--text-secondary);letter-spacing:.01em;font-size:.8125rem;font-weight:500}.input{font-family:var(--font-sans);color:var(--text-primary);background:var(--bg-elevated);border:1.5px solid var(--border);border-radius:var(--radius-md);padding:12px var(--spacing-md);width:100%;transition:border-color var(--transition-fast), box-shadow var(--transition-fast);outline:none;min-height:48px;font-size:.9375rem}.input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #0000000f}[data-theme=dark] .input:focus{box-shadow:0 0 0 3px #ffffff0f}.input::placeholder{color:var(--text-muted)}.input-error{border-color:var(--red)!important}.input-hint{color:var(--text-muted);font-size:.75rem}.input-error-text{color:var(--red);font-size:.75rem}.segment{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-full);gap:2px;padding:3px;display:flex}.segment-option{border-radius:var(--radius-full);color:var(--text-secondary);font-family:var(--font-sans);cursor:pointer;transition:all var(--transition-fast);text-align:center;background:0 0;border:none;flex:1;padding:10px 16px;font-size:.875rem;font-weight:500}.segment-option.active{background:var(--bg-card);color:var(--text-primary);box-shadow:var(--shadow-sm);font-weight:600}.chip{border-radius:var(--radius-full);letter-spacing:.02em;align-items:center;gap:4px;padding:4px 10px;font-size:.75rem;font-weight:600;display:inline-flex}.chip-green{background:var(--green-bg);color:var(--green)}.chip-red{background:var(--red-bg);color:var(--red)}.chip-gold{background:var(--gold-bg);color:var(--gold)}.chip-muted{background:var(--bg-elevated);color:var(--text-muted)}.money-positive{color:var(--green)}.money-negative{color:var(--red)}.money-zero{color:var(--text-muted)}.bank-display{letter-spacing:-.04em;color:var(--text-primary);font-variant-numeric:tabular-nums;font-size:3.5rem;font-weight:800;line-height:1}.bank-display-sm{letter-spacing:-.03em;font-variant-numeric:tabular-nums;font-size:2rem;font-weight:700}.list-item{padding:var(--spacing-md);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);justify-content:space-between;align-items:center;gap:var(--spacing-sm);color:var(--text-primary);transition:background var(--transition-fast), border-color var(--transition-fast);display:flex}.list-item:hover{background:var(--bg-elevated);border-color:var(--border-strong)}.list-item-left{align-items:center;gap:var(--spacing-md);flex:1;min-width:0;display:flex}.list-item-right{align-items:center;gap:var(--spacing-sm);flex-shrink:0;display:flex}.avatar{border-radius:var(--radius-full);background:var(--bg-elevated);border:1.5px solid var(--border);width:40px;height:40px;color:var(--text-secondary);letter-spacing:-.01em;flex-shrink:0;justify-content:center;align-items:center;font-size:.875rem;font-weight:600;display:flex}.avatar-lg{width:52px;height:52px;font-size:1.125rem}.divider{background:var(--border);height:1px;margin:var(--spacing-md) 0}.empty-state{justify-content:center;align-items:center;gap:var(--spacing-md);padding:var(--spacing-2xl) var(--spacing-lg);text-align:center;color:var(--text-muted);flex-direction:column;display:flex}.empty-state-icon{opacity:.3;animation:4s ease-in-out infinite float}.empty-state-title{color:var(--text-secondary);font-size:1rem;font-weight:600}.empty-state-text{max-width:260px;font-size:.875rem;line-height:1.6}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:200;background:#00000080;justify-content:center;align-items:flex-end;padding:0;display:flex;position:fixed;inset:0}.modal-sheet{background:var(--bg-card);border-radius:var(--radius-xl) var(--radius-xl) 0 0;width:100%;max-width:480px;padding:var(--spacing-lg);padding-bottom:calc(var(--spacing-lg) + env(safe-area-inset-bottom,0px));box-shadow:var(--shadow-lg);gap:var(--spacing-md);flex-direction:column;max-height:90dvh;display:flex;overflow-y:auto}.modal-handle{border-radius:var(--radius-full);background:var(--border-strong);width:36px;height:4px;margin:0 auto var(--spacing-md)}.modal-title{letter-spacing:-.02em;text-align:center;font-size:1.125rem;font-weight:700}.progress-bar{background:var(--border);border-radius:var(--radius-full);height:4px;overflow:hidden}.progress-fill{background:var(--accent);border-radius:var(--radius-full);height:100%;transition:width var(--transition-base)}.progress-fill-green{background:var(--green)}.progress-fill-red{background:var(--red)}.stat-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--spacing-md);flex-direction:column;gap:4px;display:flex}.stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:500}.stat-value{letter-spacing:-.02em;color:var(--text-primary);font-variant-numeric:tabular-nums;font-size:1.25rem;font-weight:700}.stat-sub{color:var(--text-muted);font-size:.75rem}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:2px}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes softGlow{0%,to{box-shadow:0 0 #16a34a00}50%{box-shadow:0 0 0 6px #16a34a14}}.animate-fade-in{animation:fadeIn var(--transition-base) ease both}.animate-slide-up{animation:.3s cubic-bezier(.34,1.56,.64,1) both slideUp}.animate-soft-glow{animation:2.4s ease-in-out infinite softGlow}.leaderboard-card{padding:18px;position:relative;overflow:hidden}.leaderboard-card:after{background:var(--rank-tint,transparent);content:"";opacity:.38;pointer-events:none;border-radius:50%;width:120px;height:120px;position:absolute;top:-36px;right:-32px}.leaderboard-card--gold{--rank-tint:#d977061f;border-color:#d977063d}.leaderboard-card--silver{--rank-tint:#6b72801c;border-color:#6b728033}.leaderboard-card--bronze{--rank-tint:#b453091a;border-color:#b4530933}.rank-badge{z-index:1;width:44px;height:44px;color:var(--rank-color,var(--text-secondary));background:var(--rank-bg,var(--bg-elevated));border:1px solid var(--rank-border,var(--border));border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex;position:relative}.rank-badge svg{stroke-width:2.2px}.rank-badge--number{font-family:var(--font-display);font-size:.85rem;font-weight:700}.rank-badge--gold{--rank-color:#b45309;--rank-bg:#fff7e6;--rank-border:#f5d28c}.rank-badge--silver{--rank-color:#64748b;--rank-bg:#f1f5f9;--rank-border:#cbd5e1}.rank-badge--bronze{--rank-color:#9a3412;--rank-bg:#fff1e8;--rank-border:#f4c7a9}.leaderboard-name{z-index:1;font-family:var(--font-display);position:relative}.leaderboard-stats{z-index:1;flex-wrap:wrap;gap:8px 12px;margin-top:7px;display:flex;position:relative}.leaderboard-stat{color:var(--text-muted);align-items:center;gap:5px;font-size:.75rem;font-weight:600;display:inline-flex}.leaderboard-stat svg{width:14px;height:14px}.leaderboard-stat--win{color:var(--green)}.leaderboard-stat--loss{color:var(--red)}.leaderboard-net{z-index:1;text-align:right;flex-shrink:0;position:relative}.paused-match-card{background:linear-gradient(135deg, var(--bg-card), var(--gold-bg));border-color:#d977064d}.paused-match-card .pause-status{color:var(--gold)}.offline-card{border-color:var(--green-border);background:linear-gradient(135deg, var(--bg-card), var(--green-bg))}.bet-panel{border:1px solid var(--border-strong);border-radius:var(--radius-lg);background:var(--bg-elevated);width:100%;min-width:0;box-shadow:var(--shadow-sm);margin:-2px 0 4px;padding:14px;overflow:hidden}.bet-panel-title{color:var(--text-secondary);margin-bottom:12px;font-size:.85rem;font-weight:700}.bet-panel-title--result{margin-bottom:8px}.bet-option{border-radius:var(--radius-md);flex-direction:column;min-height:68px}.bet-option-label{font-family:var(--font-display);font-size:1.15rem;font-weight:800}.bet-option>span:last-child{color:var(--text-muted);font-size:.75rem}.quick-bet-section{margin-top:12px}.quick-bet-section .input-label{margin-bottom:6px}.quick-bet-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.quick-bet-option{border-radius:var(--radius-md);font-variant-numeric:tabular-nums;min-height:42px;padding:8px 6px;font-size:.8rem;font-weight:700}.custom-bet-button{border-style:dashed;margin-top:8px}.custom-bet-editor{flex-direction:column;gap:6px;margin-top:10px;display:flex}.custom-bet-row{align-items:center;gap:8px;display:flex}.custom-bet-row .input{flex:1;min-width:0}.result-option{border-radius:var(--radius-md);flex-direction:column;min-height:68px;font-size:1rem;font-weight:800}.result-option span:last-child{opacity:.8;font-size:.75rem;font-weight:500}.bet-confirm-details{color:var(--text-secondary);flex-direction:column;gap:5px;margin-bottom:14px;font-size:.85rem;display:flex}.skip-confirm-label{color:var(--text-secondary);cursor:pointer;align-items:center;gap:8px;margin-bottom:14px;font-size:.78rem;display:flex}.skip-confirm-label input{width:16px;height:16px;accent-color:var(--accent)}[data-theme=dark] .rank-badge--gold{--rank-color:#fbbf24;--rank-bg:#78350f59;--rank-border:#f59e0b66}[data-theme=dark] .rank-badge--silver{--rank-color:#cbd5e1;--rank-bg:#47556959;--rank-border:#94a3b859}[data-theme=dark] .rank-badge--bronze{--rank-color:#fdba74;--rank-bg:#7c2d1259;--rank-border:#fb923c59}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-xs{gap:var(--spacing-xs)}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.text-sm{font-size:.875rem}.text-xs{font-size:.75rem}.font-mono{font-family:var(--font-mono)}.text-center{text-align:center}.text-muted{color:var(--text-muted)}.text-secondary{color:var(--text-secondary)}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.w-full{width:100%}.grid-2{gap:var(--spacing-sm);grid-template-columns:1fr 1fr;display:grid}.grid-3{gap:var(--spacing-sm);grid-template-columns:1fr 1fr 1fr;display:grid}.pb-nav{padding-bottom:calc(80px + env(safe-area-inset-bottom,0px))}@media (width>=640px){.page{max-width:720px;padding-left:var(--spacing-lg);padding-right:var(--spacing-lg)}.bottom-nav{border:1px solid var(--border);border-radius:var(--radius-xl);width:min(620px,100% - 48px);max-width:620px;box-shadow:var(--shadow-lg);padding:var(--spacing-sm);bottom:20px}.modal-overlay{padding:var(--spacing-lg);align-items:center}.modal-sheet{border-radius:var(--radius-xl);max-width:520px;padding-bottom:var(--spacing-lg)}.modal-handle{display:none}}@media (width>=960px){.page{max-width:1040px;padding-left:var(--spacing-xl);padding-right:var(--spacing-xl);padding-top:32px}.page-header{padding-top:var(--spacing-xl);padding-bottom:var(--spacing-lg)}.page-title{font-size:1.75rem}.page-content{gap:var(--spacing-lg)}.card,.card-elevated,.list-item,.stat-card{border-radius:var(--radius-lg)}.bottom-nav{width:680px;max-width:calc(100% - 80px)}}@media (width<=420px){.page{padding-left:12px;padding-right:12px}.page-title{font-size:1.35rem}.bank-display{font-size:clamp(2.5rem,13vw,3.5rem)}.grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}.btn-lg{padding-left:20px;padding-right:20px}.bet-panel{padding:12px}.custom-bet-row{align-items:stretch}.custom-bet-row .btn{padding-left:14px;padding-right:14px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}