@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{--bg-main: #0b1120;--bg-sidebar: #020617;--bg-card: #111827;--bg-hover: #1f2937;--bg-light: #1f2933;--primary: #f97316;--primary-hover: #ea580c;--success: #22c55e;--danger: #ef4444;--info: #3b82f6;--text-main: #f8fafc;--text-muted: #94a3b8;--border: #1f2937;--shadow-card: 0 8px 30px rgba(0, 0, 0, .4);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--text-xs: .75rem;--text-sm: .875rem;--text-md: 1rem;--text-lg: 1.25rem;--text-xl: 1.5rem;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5;font-weight:400;color:var(--text-main);background:var(--bg-main);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}:root[data-theme=light]{--bg-main: #f8fafc;--bg-sidebar: #e2e8f0;--bg-card: #ffffff;--bg-hover: #e2e8f0;--bg-light: #f1f5f9;--primary: #ea580c;--primary-hover: #c2410c;--success: #16a34a;--danger: #dc2626;--info: #2563eb;--text-main: #0f172a;--text-muted: #475569;--border: #cbd5e1;--shadow-card: 0 8px 24px rgba(15, 23, 42, .08)}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;background:var(--bg-main);color:var(--text-main);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;letter-spacing:.2px}#root{width:100%;margin:0 auto}.card{background:var(--bg-card);border-radius:14px;padding:16px;border:1px solid var(--border);box-shadow:var(--shadow-card)}.center-tracking,.left-roster,.right-roster,.bottom-stats-table,.export-controls,.game-flow-section{background:var(--bg-card);border-radius:14px;border:1px solid var(--border);padding:16px;box-shadow:var(--shadow-card)}.header{background:#020617e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border)}.logo{font-weight:700;color:var(--primary)}.nav-btn{color:var(--text-muted)}.nav-btn.active{background:var(--primary);color:#fff}.nav-btn:hover{background:var(--bg-hover)}.scoreboard-header{background:#020617;border-radius:14px}.live-shell{background:var(--bg-main);min-height:100vh}.dashboard-topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-5)}.dashboard-title{margin:0;font-size:var(--text-xl);font-weight:700;color:var(--text-main)}.section-title{margin:0 0 var(--space-3) 0;font-size:var(--text-lg);font-weight:700;color:var(--text-main)}.section-subtitle{margin:0 0 var(--space-2) 0;font-size:var(--text-sm);font-weight:700;color:var(--text-muted)}.panel-note{color:var(--text-muted);font-size:var(--text-sm)}.live-controls-strip{background:var(--bg-card);border-radius:12px;border:1px solid var(--border);box-shadow:var(--shadow-card);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between}.live-card{background:var(--bg-card);border-radius:12px;border:1px solid var(--border);box-shadow:var(--shadow-card)}.wide-live-card{background:var(--bg-card);border-radius:12px;border:1px solid var(--border);box-shadow:var(--shadow-card);grid-column:1 / -1}.btn{border-radius:12px;padding:14px;font-weight:600;border:none;cursor:pointer;color:#fff;transition:all .2s ease}.stat-btn{border-radius:12px;padding:14px;font-weight:600;transition:all .2s ease}.stat-btn:hover{transform:translateY(-2px);box-shadow:0 10px 20px #0006}.btn-score{background:var(--success)}.btn-defense{background:var(--info)}.btn-negative{background:var(--danger)}.btn-primary{background:var(--primary)}.btn-primary:hover{background:var(--primary-hover)}.btn-2pt,.btn-3pt,.btn-ft-made{background:var(--success);color:#fff}.btn-ft-miss,.btn-turnover,.btn-foul{background:var(--danger);color:#fff}.btn-rebound,.btn-assist,.btn-steal,.btn-block{background:var(--info);color:#fff}.team-score{font-size:52px;font-weight:900;color:var(--primary);text-shadow:0 0 15px rgba(249,115,22,.6)}.game-time{font-size:36px;color:#facc15}.roster-player{border-radius:10px;transition:.2s}.roster-player:hover{background:var(--bg-hover)}.roster-player.selected{background:#f9731626;border-left:4px solid var(--primary)}.live-stats-table{width:100%;border-collapse:separate;border-spacing:0}.live-stats-table th{color:var(--text-muted);font-weight:600;padding:10px;text-align:left;position:sticky;top:0;z-index:2;background:#ffffff0f}.live-stats-table td{padding:10px;border-top:1px solid var(--border)}.live-stats-table tbody tr:nth-child(2n){background:#ffffff04}.live-stats-table tbody tr:hover{background:#f9731614}.stat-pts{color:var(--text-main);font-weight:700}.empty-state{display:flex;align-items:center;justify-content:center;min-height:96px;padding:var(--space-4);border:1px dashed rgba(148,163,184,.35);border-radius:10px;color:var(--text-muted);font-size:var(--text-sm);text-align:center}.loading-state{min-height:96px;border-radius:10px;background:linear-gradient(90deg,#ffffff0a 25%,#ffffff14 37%,#ffffff0a 63%);background-size:400% 100%;animation:shimmer 1.2s ease-in-out infinite}@keyframes shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}input,select{background:var(--bg-hover);border:1px solid var(--border);color:var(--text-main);border-radius:8px;padding:8px}input:focus,select:focus{border-color:var(--primary);outline:none}.toast{position:fixed;bottom:20px;left:50%;transform:translate(-50%);background:var(--bg-card);color:var(--text-main);padding:12px 20px;border-radius:10px;border:1px solid var(--border);box-shadow:var(--shadow-card);z-index:2000}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.pro-topbar{display:flex;justify-content:space-between;align-items:center;gap:.75rem;padding:.55rem .7rem;border:1px solid var(--border);border-radius:12px;background:var(--bg-card)}.pro-workspace-label{color:var(--text-main);font-weight:600}.pro-plan-pill{border-radius:999px;padding:.18rem .48rem;border:1px solid var(--border);color:var(--text-main);font-weight:700;background:var(--bg-hover)}.pro-plan-pill.is-pro{border:1px solid rgba(34,197,94,.55);color:#86efac;background:#22c55e2e}.pro-switch-btn{background:var(--bg-hover);border:1px solid var(--border);border-radius:8px;color:var(--text-main);cursor:pointer;font-weight:600;white-space:nowrap;transition:background .2s ease,border-color .2s ease}.pro-switch-btn:hover{background:var(--bg-main);border-color:var(--border)}:root[data-theme=light] .stat-tracker-layout :not(button)[style*="color: white"],:root[data-theme=light] .stat-tracker-layout :not(button)[style*="color:white"],:root[data-theme=light] .stat-tracker-layout :not(button)[style*="color: #f8fafc"],:root[data-theme=light] .stat-tracker-layout :not(button)[style*="color:#f8fafc"]{color:var(--text-main)!important}:root[data-theme=light] .stat-tracker-layout :not(button)[style*="color: rgba(255,255,255"],:root[data-theme=light] .stat-tracker-layout :not(button)[style*="color:rgba(255,255,255"]{color:var(--text-muted)!important}:root[data-theme=light] .stat-tracker-layout [style*="background: rgba(255,255,255"],:root[data-theme=light] .stat-tracker-layout [style*="background:rgba(255,255,255"]{background:#0f172a0a!important}:root[data-theme=light] .stat-tracker-layout [style*="border: 1px solid rgba(255,255,255"],:root[data-theme=light] .stat-tracker-layout [style*="border:1px solid rgba(255,255,255"]{border:1px solid var(--border)!important}:root[data-theme=light] .live-shell [style*="color: #cbd5e1"],:root[data-theme=light] .live-shell [style*="color:#cbd5e1"],:root[data-theme=light] .live-shell [style*="color: #bfdbfe"],:root[data-theme=light] .live-shell [style*="color:#bfdbfe"],:root[data-theme=light] .live-shell [style*="color: #bbf7d0"],:root[data-theme=light] .live-shell [style*="color:#bbf7d0"],:root[data-theme=light] .live-shell [style*="color: #fde68a"],:root[data-theme=light] .live-shell [style*="color:#fde68a"]{color:var(--text-main)!important}:root[data-theme=light] .live-shell button[style*="background: rgba(255,255,255"],:root[data-theme=light] .live-shell button[style*="background:rgba(255,255,255"],:root[data-theme=light] .live-shell button[style*="background: rgba(148,163,184"],:root[data-theme=light] .live-shell button[style*="background:rgba(148,163,184"]{background:var(--bg-hover)!important;border:1px solid var(--border)!important;color:var(--text-main)!important}:root[data-theme=light] .live-shell [style*="background: rgba(15,23,42,0.35)"],:root[data-theme=light] .live-shell [style*="background:rgba(15,23,42,0.35)"]{background:#0f172a0f!important}:root[data-theme=light] .live-shell [style*="color: #fff"],:root[data-theme=light] .live-shell [style*="color:#fff"],:root[data-theme=light] .live-shell [style*="color: #ffffff"],:root[data-theme=light] .live-shell [style*="color:#ffffff"],:root[data-theme=light] .live-shell [style*="color: white"],:root[data-theme=light] .live-shell [style*="color:white"],:root[data-theme=light] .live-shell [style*="color: rgba(255,255,255"],:root[data-theme=light] .live-shell [style*="color:rgba(255,255,255"]{color:var(--text-main)!important}:root[data-theme=light] .live-shell [style*="color: #fbbf24"],:root[data-theme=light] .live-shell [style*="color:#fbbf24"],:root[data-theme=light] .live-shell [style*="color: #facc15"],:root[data-theme=light] .live-shell [style*="color:#facc15"]{color:#a16207!important}:root[data-theme=light] .live-shell [style*="color: #10b981"],:root[data-theme=light] .live-shell [style*="color:#10b981"]{color:#047857!important}:root[data-theme=light] .live-shell button[style*="background: rgba(251,191,36"],:root[data-theme=light] .live-shell button[style*="background:rgba(251,191,36"],:root[data-theme=light] .live-shell button[style*="background: rgba(16,185,129"],:root[data-theme=light] .live-shell button[style*="background:rgba(16,185,129"],:root[data-theme=light] .live-shell button[style*="background: rgba(59,130,246"],:root[data-theme=light] .live-shell button[style*="background:rgba(59,130,246"]{border:1px solid var(--border)!important;color:var(--text-main)!important}:root[data-theme=light] .live-shell .live-game-stats-text,:root[data-theme=light] .live-shell .live-game-stats-text *{color:#000!important}:root[data-theme=light] .live-shell .live-game-stats-team{color:#000!important}.marketing-shell{min-height:100vh;color:#e2e8f0;background:radial-gradient(circle at 10% 8%,rgba(14,165,233,.22),transparent 35%),radial-gradient(circle at 90% 12%,rgba(99,102,241,.2),transparent 32%),linear-gradient(145deg,#0b1220,#111827 55%,#0f172a);display:flex;flex-direction:column}.marketing-nav,.marketing-content,.marketing-footer{width:min(1180px,100%);margin:0 auto;padding-left:1.2rem;padding-right:1.2rem}.marketing-nav{display:flex;justify-content:space-between;align-items:center;padding-top:1.1rem;padding-bottom:.65rem}.marketing-brand{font-size:1.35rem;font-weight:800;letter-spacing:-.3px;color:#f8fafc}.marketing-nav-links{display:flex;align-items:center;gap:.65rem}.marketing-link{border:none;background:transparent;color:#cbd5e1;font-size:.86rem;font-weight:600;cursor:pointer}.marketing-content{flex:1;padding-top:2rem;padding-bottom:2.2rem}.marketing-hero{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.6rem;align-items:center;margin-bottom:1.5rem}.marketing-kicker{display:inline-block;margin-bottom:.7rem;border:1px solid rgba(148,163,184,.35);border-radius:999px;padding:.2rem .55rem;color:#cbd5e1;font-size:.73rem;font-weight:700;letter-spacing:.2px}.marketing-title{color:#f8fafc;font-size:clamp(2.2rem,4.5vw,3.5rem);line-height:1.15;letter-spacing:-.8px;margin-bottom:1.2rem;max-width:700px;font-weight:800}.marketing-accent{background:linear-gradient(90deg,#f97316,#fb923c);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:800}.marketing-benefits{display:flex;gap:1.5rem;margin-bottom:1.3rem;flex-wrap:wrap}.benefit-item{display:flex;align-items:center;gap:.6rem;font-size:.95rem;color:#e2e8f0}.benefit-icon{font-size:1.3rem;display:inline-block}.benefit-text{font-weight:500}.marketing-trust-badge{display:inline-block;border:1px solid rgba(34,197,94,.3);border-radius:999px;padding:.5rem 1rem;background:#22c55e0d;color:#86efac;font-size:.85rem;margin-bottom:1.3rem;font-weight:500}.marketing-subtitle{color:#cbd5e1;line-height:1.75;max-width:620px;margin-bottom:1.5rem;font-size:1.05rem}.marketing-actions{display:flex;align-items:center;gap:.7rem;flex-wrap:wrap}.marketing-cta,.marketing-secondary{border:none;border-radius:10px;padding:.68rem 1rem;font-weight:700;cursor:pointer}.marketing-cta{color:#0f172a;background:linear-gradient(90deg,#f8fafc,#e2e8f0);box-shadow:0 10px 26px #02061740}.marketing-secondary{color:#cbd5e1;background:#94a3b81f;border:1px solid rgba(148,163,184,.28)}.marketing-preview{position:relative;border-radius:16px;border:1px solid rgba(148,163,184,.25);background:linear-gradient(180deg,#0f172ae6,#0f172abf);padding:.95rem;box-shadow:0 18px 40px #02061773}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.7)}}@keyframes float-card{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes pop-in{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}@keyframes flash-new{0%,to{background:#22c55e26;color:#86efac}50%{background:#22c55e59;color:#4ade80}}.live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#ef4444;margin-right:6px;animation:pulse-dot 1.4s ease-in-out infinite;vertical-align:middle}.marketing-preview{animation:float-card 5s ease-in-out infinite}.preview-scoreboard{display:flex;align-items:center;justify-content:space-between;padding:.6rem .4rem .5rem;border-bottom:1px solid rgba(148,163,184,.15);margin-bottom:.5rem}.preview-team{display:flex;flex-direction:column;align-items:center;gap:.2rem}.preview-team-name{font-size:.65rem;font-weight:700;color:#94a3b8;letter-spacing:1px}.preview-score{font-size:1.8rem;font-weight:800;color:#f8fafc;line-height:1}.preview-vs{font-size:.65rem;color:#475569;font-weight:700}.preview-quarters{display:flex;gap:.35rem;justify-content:center;margin-bottom:.65rem}.preview-quarter{font-size:.65rem;font-weight:700;padding:.2rem .45rem;border-radius:5px;color:#475569;background:#47556933}.preview-quarter.done{color:#64748b;background:#64748b26}.preview-quarter.active{color:#f97316;background:#f9731626;animation:pop-in .3s ease}.preview-players{display:flex;flex-direction:column;gap:.4rem;margin-bottom:.65rem}.preview-player-row{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap}.preview-player-num{font-size:.65rem;color:#475569;width:26px;flex-shrink:0}.preview-player-name{font-size:.78rem;font-weight:600;color:#cbd5e1;flex:1;min-width:52px}.preview-stat-pill{font-size:.65rem;font-weight:600;padding:.15rem .4rem;border-radius:5px;background:#94a3b81a;color:#94a3b8;white-space:nowrap}.preview-stat-pill.animate-new{animation:flash-new 1.8s ease-in-out infinite;color:#86efac}.preview-stat-bar{display:grid;grid-template-columns:repeat(4,1fr);gap:.3rem;border-top:1px solid rgba(148,163,184,.12);padding-top:.55rem}.preview-bar-item{display:flex;flex-direction:column;align-items:center;gap:.1rem}.preview-bar-item span{font-size:.6rem;color:#64748b;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.preview-bar-item strong{font-size:.95rem;color:#e2e8f0;font-weight:700}.marketing-preview-chip{display:inline-block;font-size:.68rem;font-weight:700;color:#cbd5e1;margin-bottom:.55rem}.marketing-preview-card{border-radius:12px;border:1px solid rgba(148,163,184,.28);background:#0f172acc;padding:.7rem}.marketing-preview-line{height:8px;border-radius:999px;background:#94a3b852;margin-bottom:.42rem}.marketing-preview-line.short{width:54%}.marketing-preview-line.long{width:78%}.marketing-preview-grid{margin-top:.7rem;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem}.marketing-preview-stat{border-radius:10px;border:1px solid rgba(148,163,184,.25);background:#1e293bb3;padding:.6rem}.marketing-preview-stat span{display:block;font-size:.68rem;color:#94a3b8;margin-bottom:.2rem}.marketing-preview-stat strong{font-size:1rem;color:#e2e8f0}.marketing-tour-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.7rem}.marketing-value-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.7rem;margin-bottom:1.3rem}.marketing-value-card{border-radius:12px;border:1px solid rgba(148,163,184,.22);background:#0f172aa8;padding:.85rem}.marketing-value-card h3{color:#f8fafc;font-size:.95rem;margin-bottom:.35rem}.marketing-value-card p{color:#94a3b8;font-size:.8rem;line-height:1.6}.marketing-problems-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;margin-bottom:1.5rem}.marketing-problem-card{border-radius:12px;border:1px solid rgba(148,163,184,.22);background:#0f172aa8;padding:1.2rem;display:flex;flex-direction:column;gap:.8rem}.problem-header{display:flex;align-items:flex-start;gap:.8rem}.problem-header h4{color:#ef4444;font-size:.95rem;margin:0;flex:1;line-height:1.4}.problem-arrow{color:#94a3b8;font-size:1.2rem;font-weight:500;flex-shrink:0}.problem-solution{color:var(--success);font-size:.9rem;line-height:1.6;margin:0}.marketing-section-header{margin-top:1.15rem;margin-bottom:.7rem}.marketing-section-header h2{color:#f8fafc;font-size:clamp(1.15rem,2.4vw,1.5rem);margin-bottom:.3rem}.marketing-section-header p{color:#94a3b8;font-size:.86rem}.marketing-tour-card{border-radius:12px;border:1px solid rgba(148,163,184,.22);background:#0f172aa8;padding:.8rem}.marketing-tour-card h3{color:#f8fafc;font-size:1rem;margin-bottom:.22rem}.tour-subtitle{color:#cbd5e1;font-size:.77rem;font-weight:600;margin-bottom:.35rem}.tour-description{color:#94a3b8;font-size:.8rem;line-height:1.6}.marketing-examples-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:.7rem}.marketing-example-card{border-radius:12px;border:1px solid rgba(148,163,184,.22);background:#0f172aa8;padding:.85rem}.marketing-example-card h3{color:#f8fafc;font-size:.93rem;margin-bottom:.45rem}.marketing-example-card ul{padding-left:1rem;color:#94a3b8;font-size:.8rem;line-height:1.65}.marketing-example-card li{margin-bottom:.32rem}.marketing-bottom-cta{margin-top:1.25rem;border-radius:14px;border:1px solid rgba(148,163,184,.3);background:linear-gradient(180deg,#0f172ae6,#1e293bb3);padding:1rem;text-align:center}.marketing-bottom-cta h2{color:#f8fafc;font-size:clamp(1.1rem,2.3vw,1.45rem);margin-bottom:.35rem}.marketing-bottom-cta p{color:#94a3b8;font-size:.84rem;margin-bottom:.7rem}.marketing-footer{padding-top:.8rem;padding-bottom:1.4rem;display:flex;gap:.65rem;justify-content:center;align-items:center;color:#94a3b8;font-size:.8rem}.marketing-footer button{border:none;background:transparent;color:#94a3b8;text-decoration:underline;cursor:pointer}.marketing-hero-copy{max-width:620px}.marketing-media-grid{display:grid;gap:.75rem;grid-template-columns:1fr}.marketing-media-card{border-radius:12px;border:1px solid rgba(148,163,184,.22);background:#0f172ab8;padding:.7rem}.marketing-media-card--hero{padding:.8rem}.marketing-media-title{color:#f8fafc;font-size:.82rem;font-weight:700;margin-bottom:.45rem}.marketing-media-image,.marketing-media-video{width:100%;border-radius:10px;border:1px solid rgba(148,163,184,.2);display:block}.marketing-media-video{max-height:460px;object-fit:cover}.marketing-media-placeholder{border-radius:10px;border:1px dashed rgba(148,163,184,.38);background:#1e293b8c;color:#94a3b8;padding:1.15rem .9rem;text-align:center;font-size:.79rem;line-height:1.55}.marketing-steps-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.7rem}.marketing-step-card{border-radius:12px;border:1px solid rgba(148,163,184,.22);background:#0f172aa8;padding:.8rem}.marketing-step-number{width:24px;height:24px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:#f9731633;color:#fdba74;font-size:.74rem;font-weight:700;margin-bottom:.35rem}.marketing-step-card h3{color:#f8fafc;font-size:.95rem;margin-bottom:.25rem}.marketing-step-card p{color:#94a3b8;font-size:.82rem;line-height:1.55}.marketing-mini-proof{margin-top:.55rem;color:#94a3b8;font-size:.8rem}.marketing-livefeed-card{margin-top:1.1rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:.8rem;border-radius:14px;border:1px solid rgba(148,163,184,.24);background:#0f172aad;padding:.9rem}.marketing-livefeed-title{color:#f8fafc;font-size:clamp(1.05rem,2.2vw,1.35rem);margin-bottom:.32rem}.marketing-livefeed-text{color:#94a3b8;font-size:.84rem;line-height:1.6;margin-bottom:.5rem}.marketing-livefeed-text strong{color:#cbd5e1;font-weight:700}.marketing-livefeed-points{display:flex;flex-direction:column;gap:.22rem;color:#cbd5e1;font-size:.82rem}
