:root{--bg-primary:#1a1d26;--bg-secondary:#22252f;--bg-card:#252833;--bg-input:#13151c;--bg-nav:#0e0f14;--green:#007a45;--green-light:#1a2520;--green-hover:#009051;--gold:#fc0;--gold-dim:#ffcc001a;--text-primary:#e0e3ea;--text-secondary:#9da3b0;--text-muted:#6b7080;--text-dim:#4a4f5e;--border:#2a2d38;--border-light:#22252f;--red:#e24b4a;--red-bg:#e24b4a1a;--font:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;font-family:var(--font);color:var(--text-secondary);background:var(--bg-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;line-height:1.5}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-nav);color:var(--text-secondary);margin:0}#root{background:var(--bg-primary);min-height:100svh}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}input:focus,button:focus-visible{outline:1px solid var(--green);outline-offset:1px}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes toastIn{0%{opacity:0;transform:translateY(-12px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes toastOut{0%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(-12px)scale(.96)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes pulseDot{0%,80%,to{opacity:.2;transform:scale(.8)}40%{opacity:1;transform:scale(1)}}.pulse-dots{align-items:center;gap:4px;display:inline-flex}.pulse-dots span{background:var(--green);border-radius:50%;width:6px;height:6px;animation:1.4s ease-in-out infinite pulseDot}.pulse-dots span:nth-child(2){animation-delay:.2s}.pulse-dots span:nth-child(3){animation-delay:.4s}@keyframes footballSpin{0%{opacity:.55;transform:rotate(0)scale(.96)}50%{opacity:1;transform:rotate(180deg)scale(1.04)}to{opacity:.55;transform:rotate(360deg)scale(.96)}}@keyframes footballHalo{0%,to{box-shadow:0 0 #00905100}50%{box-shadow:0 0 22px 4px #0090512e}}.football-spin{will-change:transform, opacity;border-radius:50%;animation:2.4s ease-in-out infinite footballSpin,2.4s ease-in-out infinite footballHalo}@media (prefers-reduced-motion:reduce){.football-spin{animation:2.4s ease-in-out infinite footballHalo}}.stagger-in>*{opacity:0;animation:.35s forwards slideUp}.stagger-in>:first-child{animation-delay:30ms}.stagger-in>:nth-child(2){animation-delay:60ms}.stagger-in>:nth-child(3){animation-delay:90ms}.stagger-in>:nth-child(4){animation-delay:.12s}.stagger-in>:nth-child(5){animation-delay:.15s}.stagger-in>:nth-child(6){animation-delay:.18s}.stagger-in>:nth-child(7){animation-delay:.21s}.stagger-in>:nth-child(8){animation-delay:.24s}.stagger-in>:nth-child(9){animation-delay:.27s}.stagger-in>:nth-child(10){animation-delay:.3s}.tap-scale:active{transition:transform .1s;transform:scale(.97)}@keyframes countUp{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes barGrow{0%{width:0%}}.stats-card{background:var(--bg-secondary);border:.5px solid var(--border);border-radius:14px;margin-bottom:12px;padding:20px;transition:border-color .2s}.stats-card:hover{border-color:#007a4533}.stats-hero{background:linear-gradient(160deg, #1a3a2a 0%, var(--bg-secondary) 50%, #2a2520 100%);text-align:center;border:1px solid #007a4540;border-radius:16px;margin-bottom:14px;padding:24px 20px;position:relative;overflow:hidden}.stats-hero:before{content:"";background:linear-gradient(90deg, var(--green), var(--gold), var(--green));height:2px;position:absolute;top:0;left:0;right:0}.gradient-text{background:linear-gradient(135deg,#00c464,#fc0);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.odds-pill{text-align:center;border:1px solid #0000;border-radius:8px;padding:10px 4px;transition:border-color .2s}.odds-pill.dominant{border-color:currentColor}.tab-fade-in{animation:.25s forwards slideUp}.group-tabs{scroll-snap-type:x mandatory}.group-tabs>button{scroll-snap-align:start}@keyframes livePulse{0%,to{opacity:1}50%{opacity:.6}}.live-pulse{animation:2s ease-in-out infinite livePulse}@keyframes livePointsPulse{0%,to{opacity:1;text-shadow:0 0 6px #e24b4a8c}50%{opacity:.55;text-shadow:0 0 2px #e24b4a40}}.live-points{color:var(--red);font-weight:700;animation:1.1s ease-in-out infinite livePointsPulse}.live-dot{background:var(--red);border-radius:50%;width:6px;height:6px;animation:1.5s ease-in-out infinite livePulse;display:inline-block;box-shadow:0 0 6px #e24b4a80}.live-match-card{background:var(--bg-secondary);border:.5px solid var(--border);border-radius:14px;margin-bottom:12px;padding:20px;transition:border-color .2s}@keyframes scoreFlash{0%{transform:scale(1)}30%{color:#fff;text-shadow:0 0 20px var(--red);transform:scale(1.3)}to{transform:scale(1)}}.score-changed{animation:.6s ease-out scoreFlash}@keyframes exactGlow{0%,to{box-shadow:0 0 #007a4500}50%{box-shadow:0 0 20px #007a4566,0 0 40px #007a4526}}.exact-celebration{animation:2s ease-in-out infinite exactGlow}.match-progress-bar{background:var(--bg-input);border-radius:2px;height:3px;margin:0 0 14px;overflow:hidden}.match-progress-fill{background:linear-gradient(90deg, var(--red), #e24b4a66);border-radius:2px;height:100%;transition:width .5s}.countdown-mono{font-variant-numeric:tabular-nums;letter-spacing:1px;font-family:SF Mono,Monaco,monospace}.page-enter{animation:.3s cubic-bezier(.25,.46,.45,.94) pageIn}@keyframes pageIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}button,a{transition:background .15s,color .15s,border-color .15s,opacity .15s}.group-tabs{scrollbar-width:none;-ms-overflow-style:none;gap:5px;display:flex;overflow-x:auto}.group-tabs::-webkit-scrollbar{display:none}@media (display-mode:standalone){.top-navbar,.app-content{padding-top:env(safe-area-inset-top)}}.top-navbar{display:flex!important}.bottom-navbar,.mobile-rules-footer{display:none!important}@media (width<=767px){.top-navbar{display:none!important}.bottom-navbar{padding-bottom:34px;padding-bottom:env(safe-area-inset-bottom,34px);display:flex!important}.mobile-rules-footer{display:block!important}.app-content{padding-bottom:110px;padding-bottom:calc(76px + env(safe-area-inset-bottom,34px))}.leaderboard-stat{width:40px!important;font-size:12px!important}.leaderboard-pts{width:40px!important}}