@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap";:root{--bg-base:#07070c;--bg-primary:#0c0c14;--bg-secondary:#0f0f1a;--bg-card:#13131f;--bg-card-hover:#191928;--bg-elevated:#1a1a2e;--bg-input:#0e0e18;--bg-glass:#13131fbf;--bg-surface:#111119;--border:#ffffff0d;--border-light:#ffffff14;--border-accent:#c6282833;--text-primary:#eeeef2;--text-secondary:#7e7e94;--text-muted:#4a4a5e;--text-inverse:#07070c;--accent:#c62828;--accent-light:#ef4444;--accent-dim:#b71c1c;--accent-bg:#c6282814;--accent-gradient:linear-gradient(135deg, #c62828 0%, #ef4444 100%);--gold:#f5a623;--gold-light:#fbbf24;--gold-bg:#f5a6230f;--success:#22c55e;--success-bg:#22c55e0f;--danger:#ef4444;--danger-bg:#ef44440f;--warning:#fbbf24;--blue:#448aff;--blue-bg:#448aff0f;--shadow-xs:0 1px 2px #00000040;--shadow-sm:0 2px 8px #00000040;--shadow:0 4px 16px #0000004d;--shadow-lg:0 8px 32px #0006;--shadow-xl:0 16px 48px #00000080;--radius:14px;--radius-sm:10px;--radius-xs:6px;--radius-full:9999px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:32px;--space-8:40px;--space-9:48px;--space-10:64px;--font-xs:11px;--font-sm:13px;--font-base:15px;--font-md:17px;--font-lg:20px;--font-xl:24px;--font-2xl:32px;--font-3xl:42px;--font-4xl:52px;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--ease-smooth:cubic-bezier(.4, 0, .2, 1);--duration-fast:.15s;--duration-normal:.25s;--duration-slow:.35s}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{background:var(--bg-base);height:100%;color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-variant-numeric:tabular-nums;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5}a{color:var(--accent-light);transition:color var(--duration-fast);text-decoration:none}a:hover{color:var(--accent)}input{background:var(--bg-input);border:1.5px solid var(--border-light);color:var(--text-primary);border-radius:var(--radius-sm);width:100%;transition:border-color var(--duration-fast), box-shadow var(--duration-fast);appearance:none;outline:none;padding:14px 16px;font-family:inherit;font-size:16px}input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #c628281a}input::placeholder{color:var(--text-muted)}button{cursor:pointer;transition:all var(--duration-normal) var(--ease-out);border:none;outline:none;font-family:inherit}.btn-primary{background:var(--accent-gradient);color:#fff;font-weight:700;font-size:var(--font-base);border-radius:var(--radius-sm);letter-spacing:.3px;width:100%;padding:14px 24px;position:relative;overflow:hidden;box-shadow:0 4px 20px #c628284d}.btn-primary:after{content:"";opacity:0;transition:opacity var(--duration-fast);background:linear-gradient(135deg,#ffffff1a 0%,#0000 50%);position:absolute;inset:0}.btn-primary:hover:after{opacity:1}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 24px #c6282866}.btn-primary:active{transform:translateY(0)scale(.98);box-shadow:0 2px 8px #c6282833}.btn-primary:disabled{opacity:.4;cursor:not-allowed;box-shadow:none;transform:none}.btn-secondary{background:var(--bg-card);color:var(--text-primary);border-radius:var(--radius-sm);border:1.5px solid var(--border-light);padding:12px 20px;font-size:14px;font-weight:600}.btn-secondary:hover{background:var(--bg-card-hover);border-color:#ffffff1f;transform:translateY(-1px)}.btn-secondary:active{transform:scale(.98)}.btn-buy{background:var(--accent-gradient);color:#fff;font-weight:700;font-size:var(--font-base);border-radius:var(--radius-sm);padding:12px 24px;box-shadow:0 4px 16px #c6282840}.btn-buy:hover{transform:translateY(-1px);box-shadow:0 6px 24px #c6282866}.btn-buy:active{transform:scale(.98)}.btn-sell{background:var(--danger-bg);color:var(--danger);font-weight:700;font-size:var(--font-base);border-radius:var(--radius-sm);border:1.5px solid #ef44441f;padding:12px 24px}.btn-sell:hover{background:#ef44441f;transform:translateY(-1px)}.btn-sell:active{transform:scale(.98)}.btn-ghost{color:var(--text-secondary);border-radius:var(--radius-sm);background:0 0;padding:10px 16px;font-size:14px;font-weight:600}.btn-ghost:hover{color:var(--text-primary);background:#ffffff0a}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-5);box-shadow:var(--shadow-sm)}.profit{color:var(--success)}.loss{color:var(--danger)}.badge{border-radius:var(--radius-full);font-size:var(--font-xs);text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:4px;padding:4px 10px;font-weight:700;display:inline-flex}.badge-bl1{background:var(--blue-bg);color:var(--blue)}.badge-bl2{color:var(--warning);background:#fbbf240f}.badge-bl3{color:#ce93d8;background:#9c27b00f}.badge-locked{background:var(--danger-bg);color:var(--danger)}.app-container{z-index:1;flex-direction:column;max-width:480px;height:100%;margin:0 auto;display:flex;position:relative;overflow:hidden}.page{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.page-fixed{padding:var(--space-4) var(--space-4) 0;background:var(--bg-base);z-index:2;flex-shrink:0;position:relative}.page-scroll{-webkit-overflow-scrolling:touch;padding:var(--space-3) var(--space-4);flex:1;min-height:0;padding-bottom:88px;overflow-y:auto}.page-header{margin-bottom:var(--space-3)}.page-header h1{font-size:var(--font-xl);letter-spacing:-.3px;font-weight:800;line-height:1.1}.page-header p{color:var(--text-secondary);font-size:var(--font-sm);margin-top:2px}::-webkit-scrollbar{width:3px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff0a;border-radius:3px}.chart-range-selector{margin-bottom:var(--space-3);gap:4px;display:flex}.chart-range-btn{border-radius:var(--radius-full);border:1px solid var(--border-light);color:var(--text-muted);letter-spacing:.5px;cursor:pointer;transition:all var(--duration-fast);background:0 0;padding:3px 10px;font-size:10px;font-weight:700}.chart-range-btn:hover{color:var(--text-secondary);border-color:#ffffff26}.chart-range-btn.active{background:var(--accent-bg);border-color:var(--accent);color:var(--accent-light)}.spinner{padding:var(--space-8);justify-content:center;align-items:center;display:flex}.spinner:after{content:"";border:2.5px solid var(--border-light);border-top-color:var(--accent);border-radius:50%;width:28px;height:28px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.toast{border-radius:var(--radius-sm);z-index:1000;animation:slideDown .3s var(--ease-spring);-webkit-backdrop-filter:blur(16px);max-width:calc(100% - 32px);box-shadow:var(--shadow-lg);padding:12px 20px;font-size:14px;font-weight:600;position:fixed;top:16px;left:50%;transform:translate(-50%)}.toast-success{color:var(--success);background:#22c55e1a;border:1px solid #22c55e26}.toast-error{color:var(--danger);background:#ef44441a;border:1px solid #ef444426}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.section-title{font-size:var(--font-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;margin-bottom:var(--space-3);margin-top:var(--space-6);font-weight:700}.empty-state{text-align:center;padding:var(--space-8) var(--space-5);color:var(--text-muted)}.empty-state p{font-size:var(--font-sm)}.empty-hint{font-size:var(--font-xs);margin-top:var(--space-1);color:var(--text-muted)}.page-fixed{padding-top:calc(var(--space-4) + env(safe-area-inset-top,0px))}.bottom-nav{padding-bottom:calc(8px + env(safe-area-inset-bottom,0px))}.page-scroll{padding-bottom:calc(88px + env(safe-area-inset-bottom,0px))}.page-enter{opacity:0;transform:translateY(8px)}.page-enter-active{opacity:1;transition:opacity var(--duration-normal), transform var(--duration-normal) var(--ease-out);transform:translateY(0)}.bottom-nav{border-top:1px solid var(--border);z-index:100;-webkit-backdrop-filter:blur(24px)saturate(180%);background:#0c0c14e6;justify-content:space-around;align-items:center;max-width:480px;margin:0 auto;padding:6px 0 8px;display:flex;position:fixed;bottom:0;left:0;right:0}.nav-tab{color:var(--text-muted);letter-spacing:.2px;transition:color var(--duration-fast);-webkit-tap-highlight-color:transparent;flex-direction:column;align-items:center;gap:2px;padding:6px 18px;font-size:10px;font-weight:600;text-decoration:none;display:flex;position:relative}.nav-tab:active{transform:scale(.9)}.nav-tab.active{color:var(--accent-light)}.nav-tab.active:after{content:"";background:var(--accent-light);border-radius:1px;width:20px;height:2px;position:absolute;top:-6px;left:50%;transform:translate(-50%)}.nav-tab:hover{color:var(--text-secondary)}.nav-tab.active:hover{color:var(--accent-light)}.landing{background:var(--bg-base);-webkit-overflow-scrolling:touch;min-height:100vh;overflow-y:auto}.landing-content{max-width:420px;padding:0 var(--space-5);margin:0 auto}.landing-hero{padding:var(--space-10) 0 var(--space-9);text-align:center;position:relative;overflow:hidden}.landing-hero-bg{pointer-events:none;background:radial-gradient(60% 50% at 50% 0,#c628281a 0%,#0000 70%),radial-gradient(80% 40% at 30% 90%,#c628280a 0%,#0000 60%);position:absolute;inset:0}.landing-logo-mark{margin-bottom:var(--space-7)}.landing-logo{opacity:.9;width:140px;height:auto}.landing-headline{font-size:var(--font-3xl);letter-spacing:-1.5px;margin-bottom:var(--space-4);color:var(--text-primary);font-weight:900;line-height:1.05}.landing-headline-accent{background:var(--accent-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.landing-subline{font-size:var(--font-base);color:var(--text-secondary);max-width:320px;margin:0 auto var(--space-7);line-height:1.6}.landing-cta-group{gap:var(--space-3);flex-direction:column;align-items:center;display:flex}.landing-cta{justify-content:center;align-items:center;gap:var(--space-2);width:auto;font-size:var(--font-md);padding:16px 32px;display:inline-flex}.landing-cta-secondary{color:var(--text-secondary);padding:8px 16px;font-size:14px}.landing-section-label{font-size:var(--font-xs);color:var(--accent-light);text-transform:uppercase;letter-spacing:1.5px;margin-bottom:var(--space-2);text-align:center;font-weight:700}.landing-section-title{font-size:var(--font-xl);letter-spacing:-.5px;text-align:center;margin-bottom:var(--space-6);font-weight:800;line-height:1.2}.landing-features{padding:var(--space-9) 0;position:relative}.landing-features:before{content:"";background:linear-gradient(90deg, transparent, var(--border-light), transparent);height:1px;position:absolute;top:0;left:0;right:0}.feature-grid{gap:var(--space-3);flex-direction:column;display:flex}.feature-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-5);gap:var(--space-2);transition:border-color var(--duration-normal), transform var(--duration-normal);flex-direction:column;display:flex}.feature-card:active{transform:scale(.98)}.feature-icon{border-radius:var(--radius-sm);background:var(--accent-bg);width:44px;height:44px;color:var(--accent-light);margin-bottom:var(--space-1);justify-content:center;align-items:center;display:flex}.feature-icon.icon-gold{background:var(--gold-bg);color:var(--gold)}.feature-icon.icon-success{background:var(--success-bg);color:var(--success)}.feature-card h3{font-size:var(--font-base);font-weight:700}.feature-card p{font-size:var(--font-sm);color:var(--text-secondary);line-height:1.5}.landing-steps{padding:var(--space-9) 0;position:relative}.landing-steps:before{content:"";background:linear-gradient(90deg, transparent, var(--border-light), transparent);height:1px;position:absolute;top:0;left:0;right:0}.steps-list{gap:var(--space-4);flex-direction:column;display:flex}.step-item{align-items:flex-start;gap:var(--space-4);padding:var(--space-4);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);display:flex}.step-number{background:var(--accent-gradient);color:#fff;width:36px;height:36px;font-size:var(--font-base);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:800;display:flex;box-shadow:0 2px 12px #c6282840}.step-body h4{font-size:var(--font-base);margin-bottom:2px;font-weight:700}.step-body p{font-size:var(--font-sm);color:var(--text-secondary);line-height:1.5}.landing-stats{padding:var(--space-7) 0;position:relative}.landing-stats:before{content:"";background:linear-gradient(90deg, transparent, var(--border-light), transparent);height:1px;position:absolute;top:0;left:0;right:0}.stats-grid{justify-content:center;align-items:center;gap:var(--space-4);padding:var(--space-4);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);display:flex}.stat-item{align-items:center;gap:var(--space-2);flex:1;display:flex}.stat-icon{border-radius:var(--radius-xs);background:var(--bg-elevated);width:32px;height:32px;color:var(--text-secondary);flex-shrink:0;justify-content:center;align-items:center;display:flex}.stat-info{flex-direction:column;min-width:0;display:flex}.stat-value{font-size:var(--font-xs);white-space:nowrap;font-weight:700}.stat-label{color:var(--text-muted);white-space:nowrap;font-size:10px}.stat-divider{background:var(--border-light);flex-shrink:0;width:1px;height:28px}.landing-final{padding:var(--space-9) 0;text-align:center;position:relative}.landing-final:before{content:"";background:linear-gradient(90deg, transparent, var(--border-light), transparent);height:1px;position:absolute;top:0;left:0;right:0}.landing-final h2{font-size:var(--font-xl);letter-spacing:-.3px;margin-bottom:var(--space-2);font-weight:800}.landing-final p{color:var(--text-secondary);font-size:var(--font-sm);margin-bottom:var(--space-6)}.landing-footer{text-align:center;padding:var(--space-6) 0 var(--space-8);color:var(--text-muted);letter-spacing:.3px;font-size:11px}.landing-footer-links{justify-content:center;align-items:center;gap:var(--space-2);margin-bottom:var(--space-2);display:flex}.landing-footer-links a{color:var(--text-muted);transition:color var(--duration-fast);font-size:11px;font-weight:500;text-decoration:none}.landing-footer-links a:hover{color:var(--text-secondary)}.landing-footer-divider{color:var(--text-muted);opacity:.4;font-size:10px}.auth-page{min-height:100dvh;padding:var(--space-5);padding-top:calc(var(--space-5) + env(safe-area-inset-top,0px));padding-bottom:calc(var(--space-5) + env(safe-area-inset-bottom,0px));background:var(--bg-base);justify-content:center;align-items:center;display:flex;position:relative;overflow-y:auto}.auth-page:before{content:"";pointer-events:none;background:radial-gradient(#c628280f 0%,#0000 70%);width:500px;height:400px;position:absolute;top:0;left:50%;transform:translate(-50%)}.auth-container{z-index:1;width:100%;max-width:380px;position:relative}.auth-back{color:var(--text-muted);font-size:var(--font-sm);margin-bottom:var(--space-7);transition:color var(--duration-fast);align-items:center;gap:6px;font-weight:600;display:inline-flex}.auth-back:hover{color:var(--text-secondary)}.auth-logo{text-align:center;margin-bottom:var(--space-7)}.logo-wide{object-fit:contain;width:120px;height:auto;margin:0 auto var(--space-4);opacity:.85;display:block}.auth-logo h2{font-size:var(--font-xl);letter-spacing:-.3px;margin-bottom:var(--space-1);font-weight:800}.auth-logo .auth-subtitle{color:var(--text-secondary);font-size:var(--font-sm);font-weight:500}.auth-form{gap:var(--space-3);flex-direction:column;display:flex}.form-group{flex-direction:column;display:flex}.form-group label{font-size:var(--font-xs);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--space-1);font-weight:600}.auth-error{background:var(--danger-bg);color:var(--danger);border-radius:var(--radius-xs);font-size:var(--font-sm);border:1px solid #ef44441a;padding:10px 14px}.auth-submit{margin-top:var(--space-2)}.auth-switch{text-align:center;margin-top:var(--space-6);color:var(--text-secondary);font-size:14px}.auth-switch a{font-weight:600}.auth-footer{text-align:center;margin-top:var(--space-9);color:var(--text-muted);letter-spacing:.3px;font-size:11px}.form-group-checkbox{margin-top:var(--space-1)}.checkbox-label{align-items:flex-start;gap:var(--space-3);cursor:pointer;font-size:var(--font-sm);color:var(--text-secondary);text-transform:none;letter-spacing:0;font-weight:400;line-height:1.5;display:flex}.checkbox-label input[type=checkbox]{width:18px;min-width:18px;height:18px;accent-color:var(--accent);cursor:pointer;margin-top:2px}.checkbox-label a{color:var(--accent-light);font-weight:600;text-decoration:none}.checkbox-label a:hover{text-decoration:underline}.auth-divider{align-items:center;gap:var(--space-3);margin:var(--space-5) 0;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:var(--border);flex:1;height:1px}.auth-divider span{font-size:var(--font-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-weight:600}.market-top{margin-bottom:var(--space-3);justify-content:space-between;align-items:center;display:flex}.market-title{font-size:var(--font-xl);letter-spacing:-.3px;font-weight:800}.market-view-pills{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-full);padding:2px;display:flex}.view-pill{font-size:var(--font-xs);color:var(--text-muted);border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.5px;transition:all var(--duration-fast);background:0 0;padding:6px 16px;font-weight:700}.view-pill.active{background:var(--bg-elevated);color:var(--text-primary)}.league-pills{gap:var(--space-2);margin-bottom:var(--space-3);display:flex}.league-pill{font-size:var(--font-sm);color:var(--text-muted);background:var(--bg-card);border:1.5px solid var(--border);border-radius:var(--radius-sm);text-align:center;transition:all var(--duration-fast);flex:1;padding:10px 4px;font-weight:700}.league-pill.active{background:var(--accent-gradient);color:#fff;border-color:#0000;box-shadow:0 4px 16px #c6282840}.league-pill:active{transform:scale(.96)}.market-search{margin-bottom:var(--space-3);position:relative}.market-search-icon{color:var(--text-muted);pointer-events:none;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.market-search-input{background:var(--bg-card);border:1.5px solid var(--border);border-radius:var(--radius-sm);width:100%;font-size:var(--font-sm);color:var(--text-primary);transition:border-color var(--duration-fast);outline:none;padding:11px 14px 11px 40px;font-family:inherit}.market-search-input:focus{border-color:var(--accent)}.market-search-input::placeholder{color:var(--text-muted)}.ticker-grid{gap:var(--space-2);grid-template-columns:1fr 1fr;display:grid}.ticker-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-3);cursor:pointer;transition:all var(--duration-fast);gap:var(--space-3);flex-direction:column;display:flex;position:relative;overflow:hidden}.ticker-card:active{background:var(--bg-card-hover);transform:scale(.97)}.ticker-card.locked{opacity:.6}.ticker-top{justify-content:space-between;align-items:flex-start;display:flex}.ticker-club{align-items:center;gap:var(--space-2);flex:1;min-width:0;display:flex}.ticker-icon{object-fit:contain;flex-shrink:0;width:26px;height:26px}.ticker-name{font-size:var(--font-sm);white-space:nowrap;text-overflow:ellipsis;font-weight:700;line-height:1.2;overflow:hidden}.ticker-rank{color:var(--text-muted);margin-left:var(--space-1);flex-shrink:0;font-size:10px;font-weight:700}.ticker-bottom{justify-content:space-between;align-items:flex-end;gap:var(--space-2);display:flex}.ticker-price{font-size:var(--font-lg);color:var(--gold);letter-spacing:-.5px;font-weight:800;line-height:1}.ticker-change{border-radius:var(--radius-full);color:var(--text-muted);white-space:nowrap;background:#ffffff08;align-items:center;gap:3px;padding:2px 6px;font-size:10px;font-weight:700;line-height:1;display:inline-flex}.ticker-change.up{color:var(--success);background:var(--success-bg)}.ticker-change.down{color:var(--danger);background:var(--danger-bg)}.ticker-locked-bar{background:var(--danger-bg);color:var(--danger);text-transform:uppercase;letter-spacing:1px;text-align:center;border-top:1px solid #ef444414;padding:3px;font-size:9px;font-weight:700;position:absolute;bottom:0;left:0;right:0}.matches-list{gap:var(--space-2);flex-direction:column;display:flex}.match-card{padding:var(--space-3) var(--space-4);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius)}.match-meta{margin-bottom:var(--space-3);justify-content:space-between;align-items:center;display:flex}.match-date{color:var(--text-muted);text-transform:uppercase;letter-spacing:.3px;align-items:center;gap:5px;font-size:10px;font-weight:600;display:flex}.match-location{color:var(--text-muted);align-items:center;gap:4px;font-size:10px;display:flex}.match-teams{justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.match-team{cursor:pointer;min-width:0;transition:color var(--duration-fast);flex:1;align-items:center;gap:8px;font-size:14px;font-weight:600;display:flex}.match-team:active{color:var(--accent-light)}.match-team span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.match-team.away{text-align:right;justify-content:flex-end}.match-team-icon{object-fit:contain;flex-shrink:0;width:22px;height:22px}.match-vs{color:var(--text-muted);text-transform:uppercase;flex-shrink:0;font-size:10px;font-weight:800}.match-prices{margin-top:var(--space-3);padding-top:var(--space-2);border-top:1px solid var(--border);justify-content:space-between;display:flex}.match-price{font-size:var(--font-sm);color:var(--gold);font-weight:700}.portfolio-hero{margin-bottom:var(--space-3);text-align:center;padding:var(--space-4);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);position:relative;overflow:hidden}.portfolio-hero:before{content:"";pointer-events:none;background:radial-gradient(#c628280f 0%,#0000 70%);width:200px;height:120px;position:absolute;top:-40px;left:50%;transform:translate(-50%)}.hero-label{font-size:var(--font-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:1.5px;margin-bottom:var(--space-2);font-weight:600}.hero-value{font-size:var(--font-3xl);letter-spacing:-1px;margin-bottom:var(--space-1);background:linear-gradient(#fff 30%,#ffffff80 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-weight:800}.hero-change{font-size:var(--font-sm);margin-bottom:var(--space-5);border-radius:var(--radius-full);align-items:center;gap:4px;padding:4px 10px;font-weight:700;display:inline-flex}.hero-change.profit{background:var(--success-bg)}.hero-change.loss{background:var(--danger-bg)}.hero-breakdown{border-top:1px solid var(--border);padding-top:var(--space-4);align-items:center;display:flex}.hero-breakdown-item{flex-direction:column;flex:1;align-items:center;gap:2px;display:flex}.hero-breakdown-divider{background:var(--border-light);width:1px;height:28px}.breakdown-label{font-size:var(--font-xs);color:var(--text-muted);font-weight:600}.breakdown-value{font-size:var(--font-base);color:var(--gold);font-weight:700}.portfolio-tabs{margin-bottom:var(--space-4);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xs);gap:2px;padding:3px;display:flex}.portfolio-tab{text-align:center;color:var(--text-secondary);transition:all var(--duration-fast);background:0 0;border-radius:4px;flex:1;padding:10px;font-size:14px;font-weight:600}.portfolio-tab.active{background:var(--bg-elevated);color:var(--text-primary)}.holdings-list{gap:var(--space-2);flex-direction:column;display:flex}.holding-card{align-items:center;gap:var(--space-3);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;transition:background var(--duration-fast);padding:14px 12px 14px 14px;display:flex}.holding-card:active{background:var(--bg-card-hover)}.holding-indicator{border-radius:2px;flex-shrink:0;width:3px;height:32px}.holding-indicator.up{background:var(--success)}.holding-indicator.down{background:var(--danger)}.holding-info{flex:1;min-width:0}.holding-name{white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:700;overflow:hidden}.holding-meta{font-size:var(--font-xs);color:var(--text-muted);margin-top:2px}.holding-values{text-align:right;flex-shrink:0}.holding-value{font-size:var(--font-base);color:var(--gold);font-weight:700}.holding-change{font-size:var(--font-xs);margin-top:1px;font-weight:600}.change-pct{opacity:.6;margin-left:2px}.holding-chevron{color:var(--text-muted);opacity:.4;flex-shrink:0}.transactions-list{gap:var(--space-1);flex-direction:column;display:flex}.transaction-item{align-items:center;gap:var(--space-3);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);padding:12px 14px;display:flex}.transaction-badge{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.transaction-badge.buy{background:var(--success-bg);color:var(--success)}.transaction-badge.sell{background:var(--danger-bg);color:var(--danger)}.transaction-info{flex:1;min-width:0}.transaction-team{font-size:var(--font-sm);font-weight:600}.transaction-meta{font-size:var(--font-xs);color:var(--text-muted);align-items:center;gap:4px;margin-top:2px;display:flex}.transaction-total{flex-shrink:0;font-size:14px;font-weight:700}.portfolio-chart{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-3) var(--space-2) var(--space-1);margin-bottom:var(--space-3)}.lb-header{align-items:baseline;gap:var(--space-3);margin-bottom:var(--space-3);display:flex}.lb-header h1{font-size:var(--font-xl);font-weight:800}.lb-count{font-size:var(--font-sm);color:var(--text-muted);font-weight:600}.lb-filter-pills{gap:var(--space-2);margin-bottom:var(--space-3);display:flex}.lb-filter-pill{font-size:var(--font-sm);text-align:center;border-radius:var(--radius-sm);background:var(--bg-card);color:var(--text-secondary);border:1.5px solid var(--border);transition:all var(--duration-fast);flex:1;padding:8px 0;font-weight:600;position:relative}.lb-filter-pill.active{background:var(--accent-bg);color:var(--accent-light);border-color:var(--border-accent)}.lb-filter-pill:active{transform:scale(.97)}.lb-pill-badge{background:var(--accent-light);border:2px solid var(--bg-base);pointer-events:none;border-radius:50%;width:8px;height:8px;position:absolute;top:4px;right:4px}.podium-stage{justify-content:center;align-items:flex-end;gap:var(--space-2);margin-bottom:var(--space-5);padding:0 var(--space-2);display:flex}.pod-slot{cursor:pointer;flex-direction:column;flex:1;align-items:center;max-width:120px;display:flex}.pod-slot:active .pod-avatar{transform:scale(.94)}.pod-avatar{width:48px;height:48px;font-size:var(--font-md);color:#fff;transition:transform var(--duration-fast);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-bottom:6px;font-weight:800;display:flex;overflow:hidden}.avatar-img{object-fit:cover;border-radius:50%;width:100%;height:100%}.pod-1 .pod-avatar{width:58px;height:58px;font-size:var(--font-lg);box-shadow:0 0 0 3px #fbbf2466}.pod-name{white-space:nowrap;text-overflow:ellipsis;max-width:100%;margin-bottom:2px;font-size:11px;font-weight:700;overflow:hidden}.pod-value{color:var(--gold);white-space:nowrap;margin-bottom:3px;font-size:11px;font-weight:800}.pod-platform{border-radius:var(--radius-sm) var(--radius-sm) 0 0;justify-content:center;align-items:center;width:100%;margin-top:6px;display:flex}.pod-platform.pod-1{background:linear-gradient(#fbbf242e 0%,#fbbf240f 100%);border:1px solid #fbbf2440;border-bottom:none;height:64px}.pod-platform.pod-2{background:linear-gradient(#b0bec524 0%,#b0bec50a 100%);border:1px solid #b0bec533;border-bottom:none;height:44px}.pod-platform.pod-3{background:linear-gradient(#a1887f24 0%,#a1887f0a 100%);border:1px solid #a1887f33;border-bottom:none;height:30px}.pod-rank{font-size:13px;font-weight:800}.pod-platform.pod-1 .pod-rank{color:#fbbf24}.pod-platform.pod-2 .pod-rank{color:#b0bec5}.pod-platform.pod-3 .pod-rank{color:#a1887f}.pod-slot.is-me .pod-avatar{box-shadow:0 0 0 3px var(--border-accent)}.lb-pct-badge{border-radius:var(--radius-full);padding:2px 7px;font-size:10px;font-weight:700;display:inline-block}.lb-pct-badge.profit{background:var(--success-bg);color:var(--success)}.lb-pct-badge.loss{background:var(--danger-bg);color:var(--danger)}.lb-list{gap:var(--space-1);flex-direction:column;display:flex}.lb-item{align-items:center;gap:var(--space-3);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;transition:background var(--duration-fast);padding:10px 14px;display:flex}.lb-item:active{background:var(--bg-card-hover)}.lb-item.is-me{border-color:var(--border-accent)}.lb-rank{color:var(--text-muted);min-width:28px;font-size:13px;font-weight:700}.lb-avatar{width:34px;height:34px;font-size:var(--font-sm);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:800;display:flex;overflow:hidden}.lb-info{flex:1;min-width:0}.lb-name{align-items:center;gap:6px;font-size:14px;font-weight:700;display:flex}.lb-you{border-radius:var(--radius-full);background:var(--accent-bg);color:var(--accent-light);border:1px solid var(--border-accent);text-transform:uppercase;letter-spacing:.5px;padding:1px 5px;font-size:9px;font-weight:700}.lb-breakdown{font-size:var(--font-xs);color:var(--text-muted);margin-top:1px}.friend-add-slide{gap:var(--space-2);margin-bottom:var(--space-3);animation:.18s ease-out slideDown;display:flex}.friend-incoming-banner{gap:var(--space-1);margin-bottom:var(--space-3);flex-direction:column;display:flex}.friend-incoming-card{align-items:center;gap:var(--space-2);padding:10px var(--space-3);background:var(--accent-bg);border:1px solid var(--border-accent);border-radius:var(--radius-sm);display:flex}.friend-incoming-name{flex-shrink:0;font-size:14px;font-weight:700}.friend-incoming-label{font-size:var(--font-xs);color:var(--text-muted);flex:1}.friend-incoming-actions{gap:var(--space-1);flex-shrink:0;display:flex}.friend-accept-btn,.friend-decline-btn{width:30px;height:30px;transition:transform var(--duration-fast);border-radius:50%;justify-content:center;align-items:center;display:flex}.friend-accept-btn{background:var(--success-bg);color:var(--success);border:1px solid #22c55e1f}.friend-accept-btn:active{transform:scale(.9)}.friend-decline-btn{background:var(--danger-bg);color:var(--danger);border:1px solid #ef44441f}.friend-decline-btn:active{transform:scale(.9)}.friend-outgoing-hint{text-align:center;font-size:var(--font-xs);color:var(--text-muted);padding:var(--space-1) 0;margin-bottom:var(--space-3);font-weight:600}.friend-input{padding:10px var(--space-3);background:var(--bg-input);border:1.5px solid var(--border-light);border-radius:var(--radius-sm);color:var(--text-primary);font-size:var(--font-sm);transition:border-color var(--duration-fast);outline:none;flex:1;font-family:inherit}.friend-input:focus{border-color:var(--accent)}.friend-input::placeholder{color:var(--text-muted)}.friend-add-btn{background:var(--accent-bg);color:var(--accent-light);border:1.5px solid var(--border-accent);border-radius:var(--radius-sm);transition:all var(--duration-fast);justify-content:center;align-items:center;padding:10px 14px;display:flex}.friend-add-btn:active{transform:scale(.95)}.friend-add-btn:disabled{opacity:.4;cursor:not-allowed}.friend-empty-state{text-align:center;padding:var(--space-8) var(--space-4)}.friend-empty-icon{color:var(--text-muted);opacity:.3;margin-bottom:var(--space-4)}.friend-empty-title{font-size:var(--font-md);margin-bottom:var(--space-1);font-weight:700}.friend-empty-hint{font-size:var(--font-sm);color:var(--text-muted);margin-bottom:var(--space-5)}.friend-empty-add{gap:var(--space-2);max-width:300px;margin:0 auto;display:flex}.friend-fab{bottom:calc(64px + var(--space-5));right:max(var(--space-4), calc(50vw - 240px + var(--space-4)));background:var(--accent-gradient);color:#fff;z-index:10;width:48px;height:48px;transition:all var(--duration-fast);border-radius:50%;justify-content:center;align-items:center;display:flex;position:fixed;box-shadow:0 4px 20px #c6282866}.friend-fab.active{background:var(--bg-elevated);color:var(--text-muted);box-shadow:none}.friend-fab:active{transform:scale(.9)}.cropper-overlay{z-index:1000;padding:var(--space-4);background:#000000d9;justify-content:center;align-items:center;animation:.15s ease-out fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.cropper-modal{background:var(--bg-base);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;width:100%;max-width:400px;max-height:90vh;display:flex;overflow:hidden}.cropper-header{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;display:flex}.cropper-title{font-size:var(--font-md);font-weight:700}.cropper-close{color:var(--text-muted);cursor:pointer;border-radius:var(--radius-xs);background:0 0;border:none;justify-content:center;align-items:center;padding:4px;display:flex}.cropper-close:active{color:var(--text-primary)}.cropper-container{background:#000;width:100%;height:300px;position:relative}.cropper-controls{padding:var(--space-3) var(--space-4);gap:var(--space-3);border-bottom:1px solid var(--border);flex-direction:column;display:flex}.cropper-zoom-row{align-items:center;gap:var(--space-3);display:flex}.cropper-zoom-icon{color:var(--text-muted);flex-shrink:0}.cropper-slider{appearance:none;background:var(--border-light);border-radius:2px;outline:none;flex:1;height:4px}.cropper-slider::-webkit-slider-thumb{-webkit-appearance:none;background:var(--accent-light);cursor:pointer;border:2px solid var(--bg-base);border-radius:50%;width:18px;height:18px;box-shadow:0 1px 4px #0000004d}.cropper-slider::-moz-range-thumb{background:var(--accent-light);cursor:pointer;border:2px solid var(--bg-base);border-radius:50%;width:18px;height:18px;box-shadow:0 1px 4px #0000004d}.cropper-rotate-btn{justify-content:center;align-items:center;gap:var(--space-2);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:var(--font-sm);cursor:pointer;transition:all var(--duration-fast);padding:8px;font-family:inherit;font-weight:600;display:flex}.cropper-rotate-btn:active{background:var(--bg-card-hover);transform:scale(.97)}.cropper-actions{gap:var(--space-3);padding:var(--space-3) var(--space-4);display:flex}.cropper-btn{justify-content:center;align-items:center;gap:var(--space-2);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--duration-fast);border:none;flex:1;padding:12px 16px;font-family:inherit;font-size:14px;font-weight:700;display:flex}.cropper-btn.cancel{background:var(--bg-card);color:var(--text-secondary);border:1px solid var(--border)}.cropper-btn.cancel:active{background:var(--bg-card-hover);transform:scale(.97)}.cropper-btn.confirm{background:var(--accent-gradient);color:#fff}.cropper-btn.confirm:active{opacity:.85;transform:scale(.97)}.cropper-btn.confirm:disabled{opacity:.5;cursor:not-allowed}.profile-hero{text-align:center;padding:var(--space-5);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:var(--space-5)}.profile-avatar-wrapper{width:80px;height:80px;margin:0 auto var(--space-2);cursor:pointer;border-radius:50%;position:relative;overflow:hidden}.profile-avatar-img{object-fit:cover;border-radius:50%;width:80px;height:80px}.profile-avatar-overlay{color:#fff;opacity:.7;height:28px;transition:opacity var(--duration-fast);background:#0000008c;justify-content:center;align-items:center;display:flex;position:absolute;bottom:0;left:0;right:0}.profile-avatar-wrapper:active .profile-avatar-overlay{opacity:1}.spinner-small{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.6s linear infinite spin}.profile-remove-pic{color:var(--text-muted);font-size:var(--font-xs);cursor:pointer;margin-bottom:var(--space-2);background:0 0;border:none;padding:2px 8px;font-family:inherit}.profile-remove-pic:active{color:var(--danger)}.profile-remove-pic:disabled{opacity:.4;cursor:not-allowed}.profile-avatar{background:var(--accent-gradient);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;font-size:30px;font-weight:800;display:flex;box-shadow:0 4px 16px #c6282833}.profile-hero-name{font-size:var(--font-lg);margin-bottom:2px;font-weight:700}.profile-hero-email{font-size:var(--font-sm);color:var(--text-secondary)}.profile-section{margin-bottom:var(--space-5)}.profile-section-title{font-size:var(--font-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;margin-bottom:var(--space-3);font-weight:700}.profile-rows{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.profile-row{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);display:flex}.profile-row:not(:last-child){border-bottom:1px solid var(--border)}.profile-row-icon{color:var(--text-muted);flex-shrink:0}.profile-row-label{color:var(--text-secondary);flex:1;font-size:14px}.profile-row-value{font-size:14px;font-weight:600}.profile-rules-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.profile-rule{align-items:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-4);display:flex}.profile-rule:not(:last-child){border-bottom:1px solid var(--border)}.profile-rule-icon{color:var(--text-muted);flex-shrink:0;margin-top:2px}.profile-rule p{font-size:var(--font-sm);color:var(--text-secondary);line-height:1.5}.profile-branding{text-align:center;margin-bottom:var(--space-5)}.profile-branding img{opacity:.2;width:100px;height:auto}.profile-row-link{color:inherit;cursor:pointer;width:100%;font-family:inherit;font-size:inherit;text-align:left;background:0 0;border:none;text-decoration:none}.profile-row-link:active{background:#ffffff05}.profile-row-chevron{color:var(--text-muted);flex-shrink:0}.profile-delete-trigger{justify-content:center;align-items:center;gap:var(--space-2);width:100%;margin-top:var(--space-3);color:var(--danger);font-size:var(--font-sm);border-radius:var(--radius-sm);transition:all var(--duration-fast);cursor:pointer;background:0 0;border:1px solid #ef44441a;padding:12px;font-family:inherit;font-weight:600;display:flex}.profile-delete-trigger:active{background:var(--danger-bg);transform:scale(.98)}.profile-delete-confirm{margin-top:var(--space-3);padding:var(--space-4);background:var(--bg-card);border-radius:var(--radius);border:1px solid #ef444426}.profile-delete-warning{font-size:var(--font-sm);color:var(--danger);margin-bottom:var(--space-3);line-height:1.6}.profile-delete-error{background:var(--danger-bg);color:var(--danger);border-radius:var(--radius-xs);font-size:var(--font-sm);margin-bottom:var(--space-3);border:1px solid #ef44441a;padding:8px 12px}.profile-delete-confirm input{margin-bottom:var(--space-3)}.profile-delete-actions{gap:var(--space-3);display:flex}.profile-delete-actions .btn-ghost{flex:1}.profile-delete-btn{background:var(--danger);color:#fff;border-radius:var(--radius-sm);cursor:pointer;transition:opacity var(--duration-fast), transform var(--duration-fast);border:none;flex:1;padding:10px 16px;font-family:inherit;font-size:14px;font-weight:700}.profile-delete-btn:active{opacity:.8;transform:scale(.98)}.profile-delete-btn:disabled{opacity:.5;cursor:not-allowed}.profile-logout{justify-content:center;align-items:center;gap:var(--space-2);background:var(--bg-card);width:100%;color:var(--danger);border-radius:var(--radius-sm);transition:all var(--duration-fast);border:1px solid #ef44441a;padding:12px;font-size:14px;font-weight:600;display:flex}.profile-logout:active{background:var(--danger-bg);transform:scale(.98)}.modal-overlay{z-index:200;-webkit-backdrop-filter:blur(6px);background:#000000bf;justify-content:center;align-items:flex-end;animation:.15s fadeIn;display:flex;position:fixed;inset:0}.modal-content{background:var(--bg-primary);padding:var(--space-5);width:100%;max-width:480px;animation:slideUp .25s var(--ease-spring);border-top:1px solid var(--border-light);border-top-left-radius:20px;border-top-right-radius:20px}.modal-content:before{content:"";background:var(--border-light);width:36px;height:4px;margin:0 auto var(--space-4);border-radius:2px;display:block}.modal-header{margin-bottom:var(--space-5);justify-content:space-between;align-items:center;display:flex}.modal-header h3{font-size:var(--font-lg);font-weight:700}.modal-close{background:var(--bg-card);color:var(--text-secondary);border:1px solid var(--border);width:34px;height:34px;transition:all var(--duration-fast);border-radius:50%;justify-content:center;align-items:center;display:flex}.modal-close:active{background:var(--bg-card-hover);transform:scale(.92)}.modal-team{text-align:center;margin-bottom:var(--space-5)}.modal-team-name{font-size:var(--font-md);margin-bottom:var(--space-1);font-weight:700}.modal-team-price{font-size:var(--font-xl);color:var(--gold);font-weight:800}.modal-team-elo{font-size:var(--font-sm);color:var(--text-muted);font-weight:500}.modal-shares-control{justify-content:center;align-items:center;gap:var(--space-6);margin-bottom:var(--space-4);display:flex}.shares-btn{background:var(--bg-card);color:var(--text-primary);border:1.5px solid var(--border-light);width:42px;height:42px;transition:all var(--duration-fast);border-radius:50%;justify-content:center;align-items:center;display:flex}.shares-btn:active{background:var(--bg-card-hover);transform:scale(.9)}.shares-btn:disabled{opacity:.25;cursor:not-allowed}.shares-display{flex-direction:column;align-items:center;min-width:72px;display:flex}.shares-number{font-size:34px;font-weight:800;line-height:1}.shares-label{font-size:var(--font-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;font-weight:600}.modal-quick-amounts{gap:var(--space-2);margin-bottom:var(--space-5);justify-content:center;display:flex}.quick-btn{background:var(--bg-card);color:var(--text-secondary);border:1.5px solid var(--border);border-radius:var(--radius-full);font-size:var(--font-sm);transition:all var(--duration-fast);padding:6px 14px;font-weight:600}.quick-btn.active{background:var(--accent-bg);color:var(--accent-light);border-color:var(--border-accent)}.modal-summary{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-3) var(--space-4);margin-bottom:var(--space-4)}.summary-row{color:var(--text-secondary);justify-content:space-between;padding:5px 0;font-size:14px;display:flex}.summary-row.total{font-size:var(--font-md);color:var(--gold);border-top:1px solid var(--border);margin-top:var(--space-1);padding-top:var(--space-3);font-weight:700}.modal-error{background:var(--danger-bg);color:var(--danger);border-radius:var(--radius-xs);font-size:var(--font-sm);margin-bottom:var(--space-3);border:1px solid #ef44441a;padding:10px 14px}.sell-btn{background:var(--danger)!important;box-shadow:0 4px 16px #ef444440!important}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.back-btn{color:var(--text-secondary);margin-bottom:var(--space-2);transition:color var(--duration-fast);background:0 0;align-items:center;gap:6px;padding:6px 0;font-size:14px;font-weight:600;display:inline-flex}.back-btn:active{color:var(--text-primary)}.td-header{margin-bottom:var(--space-3)}.td-header h1{font-size:var(--font-xl);letter-spacing:-.3px;font-weight:800;line-height:1.1}.td-badges{align-items:center;gap:var(--space-2);margin-top:var(--space-2);flex-wrap:wrap;display:flex}.td-meta{color:var(--text-secondary);font-size:var(--font-sm);font-weight:600}.td-price-bar{align-items:center;gap:var(--space-3);margin-bottom:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);display:flex}.td-price-bar .td-price{font-size:var(--font-xl);color:var(--gold);letter-spacing:-.5px;font-weight:800}.td-trend{font-size:var(--font-sm);border-radius:var(--radius-full);align-items:center;gap:4px;padding:3px 10px;font-weight:700;display:inline-flex}.td-trend.profit{background:var(--success-bg)}.td-trend.loss{background:var(--danger-bg)}.td-owned-badge{color:var(--text-secondary);font-size:var(--font-xs);margin-left:auto;font-weight:600}.td-lock-banner{padding:var(--space-3) var(--space-4);background:var(--danger-bg);border-radius:var(--radius-sm);margin-bottom:var(--space-3);border:1px solid #ef44441f;align-items:flex-start;gap:10px;display:flex}.td-lock-banner-icon{color:var(--danger);flex-shrink:0;margin-top:1px}.td-lock-banner-text{flex:1;min-width:0}.td-lock-reason{font-size:var(--font-sm);color:var(--danger);font-weight:600}.td-lock-unlock{font-size:var(--font-xs);color:var(--text-secondary);font-variant-numeric:tabular-nums;margin-top:2px}.td-countdown-banner{padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);margin-bottom:var(--space-3);background:#fbbf240f;border:1px solid #fbbf241f;align-items:flex-start;gap:10px;animation:2s ease-in-out infinite pulse-border;display:flex}@keyframes pulse-border{0%,to{border-color:#fbbf241f}50%{border-color:#fbbf244d}}.td-countdown-icon{color:var(--warning);flex-shrink:0;margin-top:1px}.td-countdown-text{flex:1;min-width:0}.td-countdown-label{font-size:var(--font-sm);color:var(--warning);font-weight:600}.td-countdown-timer{font-size:var(--font-sm);color:var(--text-primary);font-variant-numeric:tabular-nums;letter-spacing:.5px;align-items:center;gap:4px;margin-top:4px;font-weight:800;display:inline-flex}.td-actions{gap:var(--space-3);margin-bottom:var(--space-2);display:flex}.td-actions .btn-buy,.td-actions .btn-sell{font-size:var(--font-md);border-radius:var(--radius-sm);flex:1;padding:14px;font-weight:700}.td-actions .btn-buy:active,.td-actions .btn-sell:active{transform:scale(.97)}.td-chart{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-4);margin-bottom:var(--space-4)}.td-chart-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;margin-bottom:var(--space-3);font-size:10px;font-weight:700}.td-chart-empty{text-align:center;padding:var(--space-7) 0;color:var(--text-muted);font-size:var(--font-sm)}.td-section{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-5);margin-bottom:var(--space-4)}.td-section-title{font-size:var(--font-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.8px;margin-bottom:var(--space-4);font-weight:700}.td-h2h-stats{gap:var(--space-4);margin-bottom:var(--space-4);justify-content:center;display:flex}.td-h2h-stat{text-align:center;min-width:52px}.td-h2h-val{font-size:var(--font-xl);font-weight:800;display:block}.td-h2h-label{font-size:var(--font-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-weight:600}.td-form-section{border-top:1px solid var(--border);padding-top:var(--space-4)}.td-form-label{font-size:var(--font-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.8px;margin-bottom:var(--space-3);font-weight:700}.td-form-row{padding:var(--space-2) 0;justify-content:space-between;align-items:center;display:flex}.td-form-row:not(:last-child){border-bottom:1px solid var(--border)}.td-form-name{font-size:var(--font-sm);white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-weight:600;overflow:hidden}.td-form-dots{gap:5px;display:flex}.td-form-dot{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:9px;font-weight:800;display:flex}.td-form-dot.win{background:var(--success)}.td-form-dot.draw{background:var(--text-muted)}.td-form-dot.loss{background:var(--danger)}.td-games-list{flex-direction:column;display:flex}.td-game{align-items:center;gap:10px;padding:10px 0;display:flex}.td-game:not(:last-child){border-bottom:1px solid var(--border)}.td-game-result{border-radius:var(--radius-xs);color:#fff;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;font-size:10px;font-weight:800;display:flex}.td-game-result.win{background:var(--success)}.td-game-result.draw{background:var(--text-muted)}.td-game-result.loss{background:var(--danger)}.td-game-info{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.td-game-teams{font-size:var(--font-sm);white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.td-game-date{font-size:var(--font-xs);color:var(--text-muted)}.td-game-score{font-size:var(--font-base);flex-shrink:0;font-weight:800}.up-hero{align-items:center;gap:var(--space-4);margin-bottom:var(--space-3);display:flex}.up-avatar{background:var(--bg-elevated);width:52px;height:52px;color:var(--text-primary);border:2px solid var(--border-light);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:22px;font-weight:800;display:flex;overflow:hidden}.up-avatar-img{object-fit:cover;border-radius:50%;width:100%;height:100%}.up-info{flex:1;min-width:0}.up-name{font-size:var(--font-lg);font-weight:700;line-height:1.2}.up-value{font-size:var(--font-md);color:var(--gold);margin-top:2px;font-weight:800}.up-pnl{font-size:var(--font-xs);margin-top:1px;font-weight:700}.up-action{margin-bottom:var(--space-2)}.up-friend-btn{justify-content:center;align-items:center;gap:var(--space-2);border-radius:var(--radius-sm);width:100%;transition:all var(--duration-fast);padding:12px;font-size:14px;font-weight:600;display:flex}.up-friend-btn.add{background:var(--accent-bg);color:var(--accent-light);border:1.5px solid var(--border-accent)}.up-friend-btn.add:active{transform:scale(.98)}.up-friend-btn.pending{background:var(--bg-card);color:var(--text-muted);border:1.5px solid var(--border);cursor:default}.up-friend-btn.accept{background:var(--success-bg);color:var(--success);border:1.5px solid #22c55e26}.up-friend-btn.accept:active{transform:scale(.98)}.up-friend-btn.remove{background:var(--bg-card);color:var(--text-secondary);border:1.5px solid var(--border)}.up-friend-btn.remove:active{color:var(--danger);transform:scale(.98)}.up-friend-btn:disabled{opacity:.5;cursor:not-allowed}.up-section-label{font-size:var(--font-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;margin-bottom:var(--space-3);font-weight:700}.up-holdings{gap:var(--space-2);flex-direction:column;display:flex}.up-holding{align-items:center;gap:var(--space-3);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;transition:background var(--duration-fast);padding:12px 14px;display:flex}.up-holding:active{background:var(--bg-card-hover)}.up-holding-info{flex:1;min-width:0}.up-holding-name{white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:700;overflow:hidden}.up-holding-meta{font-size:var(--font-xs);color:var(--text-muted);margin-top:1px}.up-holding-value{font-size:var(--font-base);color:var(--gold);flex-shrink:0;font-weight:700}.up-holding-chevron{color:var(--text-muted);opacity:.4;flex-shrink:0}.up-chart{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-3) var(--space-2) var(--space-1);margin-bottom:var(--space-5)}.up-trades-label{margin-top:var(--space-5)}.up-trades{gap:var(--space-1);flex-direction:column;display:flex}.up-trade{align-items:center;gap:var(--space-3);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);padding:10px 14px;display:flex}.up-trade-badge{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.up-trade-badge.buy{background:var(--success-bg);color:var(--success)}.up-trade-badge.sell{background:var(--danger-bg);color:var(--danger)}.up-trade-info{flex:1;min-width:0}.up-trade-team{font-size:var(--font-sm);white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.up-trade-meta{font-size:var(--font-xs);color:var(--text-muted);align-items:center;gap:4px;margin-top:2px;display:flex}.up-trade-total{flex-shrink:0;font-size:13px;font-weight:700}.legal-back{color:var(--text-muted);font-size:var(--font-sm);margin-bottom:var(--space-3);cursor:pointer;transition:color var(--duration-fast);background:0 0;border:none;align-items:center;gap:6px;padding:0;font-family:inherit;font-weight:600;display:inline-flex}.legal-back:hover{color:var(--text-secondary)}.legal-content{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-5);margin-bottom:var(--space-8)}.legal-content h2{font-size:var(--font-md);margin-top:var(--space-6);margin-bottom:var(--space-3);letter-spacing:-.2px;color:var(--text-primary);font-weight:700}.legal-content h2:first-child{margin-top:0}.legal-content h3{font-size:var(--font-sm);margin-top:var(--space-4);margin-bottom:var(--space-2);color:var(--text-primary);font-weight:700}.legal-content p{font-size:var(--font-sm);color:var(--text-secondary);margin-bottom:var(--space-3);line-height:1.7}.legal-content p:last-child{margin-bottom:0}.legal-content ul{margin-bottom:var(--space-3);padding:0;list-style:none}.legal-content li{font-size:var(--font-sm);color:var(--text-secondary);padding-left:var(--space-4);margin-bottom:var(--space-1);line-height:1.7;position:relative}.legal-content li:before{content:"—";color:var(--text-muted);position:absolute;left:0}.legal-content a{color:var(--accent-light);text-decoration:none}.legal-content a:hover{text-decoration:underline}.legal-content strong{color:var(--text-primary);font-weight:600}.legal-date{font-size:var(--font-xs);color:var(--text-muted);margin-top:var(--space-6);padding-top:var(--space-4);border-top:1px solid var(--border);margin-bottom:0}