html.light{--bg-base:#f0f4f8;--bg-surface:#e4ecf4;--bg-card:#ffffff;--bg-card-alt:#f5f8fc;--bg-glass:rgba(255,255,255,0.85);--bg-overlay:rgba(240,244,248,0.92);--text-primary:#0a1a2e;--text-secondary:#2a4a6a;--text-tertiary:#6a8aaa;--text-disabled:#aac0d4;--border:rgba(0,0,0,0.08);--border-light:rgba(0,0,0,0.13);--border-brand:rgba(0,102,255,0.35);--shadow-sm:0 2px 8px rgba(0,0,0,0.07);--shadow-md:0 4px 24px rgba(0,0,0,0.10);--shadow-lg:0 8px 48px rgba(0,0,0,0.14)}html.light body{background:var(--bg-base)}html.light body:before{background:radial-gradient(ellipse 100% 60% at 20% -10%,rgba(0,102,255,.06) 0,transparent 60%),radial-gradient(ellipse 80% 50% at 80% 10%,rgba(0,102,255,.04) 0,transparent 55%)}html.light .topbar{background:rgba(240,244,248,.95);border-bottom-color:var(--border)}html.light .cd-banner{background:linear-gradient(135deg,rgba(0,102,255,.08) 0,rgba(0,102,255,.04) 100%),var(--bg-card)}html.light .bottom-nav{background:rgba(240,244,248,.97);border-top-color:var(--border)}:root{--bg-base:#03080f;--bg-surface:#071525;--bg-card:#0a1a2e;--bg-card-alt:#0d2040;--bg-glass:rgba(10,26,46,0.7);--bg-overlay:rgba(3,8,15,0.85);--brand:#0066ff;--brand-light:#3385ff;--brand-dim:rgba(0,102,255,0.15);--brand-glow:rgba(0,102,255,0.35);--accent-green:#00e87a;--accent-green-dim:rgba(0,232,122,0.12);--accent-red:#ff3355;--accent-red-dim:rgba(255,51,85,0.12);--accent-gold:#ffc947;--accent-gold-dim:rgba(255,201,71,0.12);--accent-orange:#ff6b35;--text-primary:#ffffff;--text-secondary:#94b4d4;--text-tertiary:#4a6a8a;--text-disabled:#2a4060;--border:rgba(255,255,255,0.07);--border-light:rgba(255,255,255,0.12);--border-brand:rgba(0,102,255,0.4);--shadow-sm:0 2px 8px rgba(0,0,0,0.4);--shadow-md:0 4px 24px rgba(0,0,0,0.5);--shadow-lg:0 8px 48px rgba(0,0,0,0.6);--shadow-brand:0 0 40px rgba(0,102,255,0.2);--font-display:"Bebas Neue",sans-serif;--font-body:"Outfit",sans-serif;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-2xl:28px;--radius-pill:999px;--nav-h:68px;--topbar-h:60px}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--font-body);font-size:15px;line-height:1.5;color:var(--text-primary);background:var(--bg-base);min-height:100dvh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;background:radial-gradient(ellipse 100% 60% at 20% -10%,rgba(0,102,255,.12) 0,transparent 60%),radial-gradient(ellipse 80% 50% at 80% 10%,rgba(0,102,255,.07) 0,transparent 55%),radial-gradient(ellipse 60% 40% at 50% 100%,rgba(0,232,122,.04) 0,transparent 50%);pointer-events:none;z-index:0}.page-wrapper{position:relative;z-index:1;min-height:100dvh;padding-top:var(--topbar-h);padding-bottom:calc(var(--nav-h) + env(safe-area-inset-bottom, 0px))}.page{max-width:1080px;margin:0 auto;padding:var(--space-5) var(--space-4) var(--space-10)}.topbar{position:fixed;top:0;left:0;right:0;height:var(--topbar-h);z-index:500;justify-content:space-between;padding:0 var(--space-5);background:rgba(3,8,15,.92);border-bottom:1px solid var(--border);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}.logo,.topbar{display:flex;align-items:center}.logo{font-family:var(--font-display);font-size:1.5rem;letter-spacing:.06em;color:var(--text-primary);text-decoration:none;gap:1px}.logo-accent{color:var(--brand-light)}.topbar-right{gap:var(--space-3)}.badge-live,.topbar-right{display:flex;align-items:center}.badge-live{gap:6px;padding:5px 12px;border-radius:var(--radius-pill);background:rgba(255,51,85,.12);border:1px solid rgba(255,51,85,.35);font-size:.72rem;font-weight:700;letter-spacing:.08em;color:#ff6070;text-transform:uppercase}.badge-pill{padding:5px 14px;border-radius:var(--radius-pill);background:rgba(255,255,255,.05);border:1px solid var(--border-light);font-size:.72rem;font-weight:600;letter-spacing:.05em;color:var(--text-secondary)}.hero{position:relative;border-radius:var(--radius-2xl);overflow:hidden;margin-bottom:var(--space-5);padding:var(--space-8) var(--space-8) var(--space-6);background:linear-gradient(135deg,rgba(0,102,255,.18) 0,transparent 60%),linear-gradient(220deg,rgba(0,232,122,.06) 0,transparent 50%),var(--bg-card-alt);border:1px solid var(--border-light)}.hero:before{top:-60px;right:-60px;width:320px;height:320px;background:radial-gradient(circle,rgba(0,102,255,.2) 0,transparent 65%);pointer-events:none}.hero:after,.hero:before{content:"";position:absolute}.hero:after{bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--brand-light),transparent);opacity:.4}.hero-eyebrow{display:inline-flex;align-items:center;gap:var(--space-2);padding:4px 12px;border-radius:var(--radius-pill);background:var(--brand-dim);border:1px solid var(--border-brand);font-size:.7rem;font-weight:700;letter-spacing:.1em;margin-bottom:var(--space-4)}.hero h1,.hero-eyebrow{text-transform:uppercase;color:var(--brand-light)}.hero h1{font-size:clamp(1rem,2.5vw,1.5rem);line-height:1.2;letter-spacing:.08em;margin-bottom:var(--space-2)}.hero h1,.hero-h2{font-family:var(--font-display)}.hero-h2{font-size:clamp(2.4rem,6vw,3.8rem);line-height:.95;letter-spacing:.02em;color:var(--text-primary);margin-bottom:var(--space-4);text-align:center}.hero-h2 .highlight{color:var(--brand-light);display:block}.hero-sub{font-size:.95rem;color:var(--text-secondary);line-height:1.6;max-width:520px;margin-bottom:var(--space-4)}.hero-cta{display:inline-flex;align-items:center;gap:var(--space-2);padding:10px 22px;margin-bottom:var(--space-5);border-radius:var(--radius-pill);background:var(--brand);border:1px solid rgba(255,255,255,.12);color:#fff;font-family:var(--font-body);font-size:.88rem;font-weight:700;letter-spacing:.04em;cursor:pointer;transition:all .18s ease;box-shadow:0 4px 20px rgba(0,102,255,.35)}.hero-cta:hover{background:#1a6fff;transform:translateY(-1px);box-shadow:0 6px 28px rgba(0,102,255,.5)}.hero-cta:active{transform:scale(.97)}.how-it-works{display:flex;gap:var(--space-4);margin-top:var(--space-5);padding-top:var(--space-4);border-top:1px solid var(--border);flex-wrap:wrap}.how-step{display:flex;align-items:center;gap:var(--space-3)}.how-step-n{font-family:var(--font-display);font-size:1.4rem;line-height:1;color:var(--brand-light);opacity:.5;min-width:28px}.how-step-body{display:flex;flex-direction:column;gap:2px}.how-step-title{font-family:var(--font-display);font-size:.82rem;letter-spacing:.08em;text-transform:uppercase;color:var(--text-primary)}.how-step-desc{font-size:.68rem;color:var(--text-tertiary);letter-spacing:.04em}.hero-stats{display:flex;gap:var(--space-5);flex-wrap:wrap}.hero-stat{display:flex;flex-direction:column;gap:2px}.hero-stat-v{font-family:var(--font-display);font-size:1.8rem;line-height:1;color:var(--text-primary);letter-spacing:.03em}.hero-stat-l{font-size:.68rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-tertiary)}.hero-stat-divider{width:1px;background:var(--border);align-self:stretch}.main-grid{display:grid;grid-gap:var(--space-4);gap:var(--space-4)}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-3)}.section-title{font-family:var(--font-display);font-size:.85rem;letter-spacing:.12em;text-transform:uppercase;color:var(--text-secondary)}.section-action{font-size:.75rem;font-weight:600;color:var(--brand-light);cursor:pointer;letter-spacing:.03em}.panel{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);padding:var(--space-4);position:relative;overflow:hidden}.panel:before{content:"";position:absolute;top:0;left:var(--space-6);right:var(--space-6);height:1px;background:linear-gradient(90deg,transparent,var(--border-light),transparent);pointer-events:none}.match-feed{display:flex;flex-direction:column;gap:var(--space-2);margin-top:var(--space-3);max-height:540px;overflow-y:auto;padding-right:2px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.08) transparent}.match-card{display:block;width:100%;border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-3) var(--space-4);background:rgba(255,255,255,.02);cursor:pointer;text-align:left;transition:border-color .2s ease,background .2s ease,transform .15s ease,box-shadow .2s ease;position:relative;overflow:hidden}.match-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:transparent;transition:background .2s ease;border-radius:3px 0 0 3px}.match-card:hover{border-color:var(--border-light);background:rgba(255,255,255,.04);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.match-card:hover:before{background:var(--brand)}.match-card.is-active{border-color:rgba(0,102,255,.5);background:rgba(0,102,255,.06);box-shadow:0 0 0 1px rgba(0,102,255,.2)}.match-card.is-active:before{background:var(--brand-light)}.match-card.is-live{border-color:rgba(255,51,85,.3);background:rgba(255,51,85,.04)}.match-card.is-live:before{background:var(--accent-red)}.match-teams{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;grid-gap:var(--space-2);gap:var(--space-2);margin-bottom:var(--space-2)}.team-name{font-size:.875rem;font-weight:700;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center;gap:5px}.team-name.away{text-align:right;justify-content:flex-end}.team-flag{font-size:1rem;flex-shrink:0}.score-box{font-family:var(--font-display);font-size:1.2rem;letter-spacing:.06em;color:var(--text-primary);background:rgba(255,255,255,.05);border:1px solid var(--border-light);border-radius:var(--radius-sm);padding:3px 10px;min-width:56px;text-align:center;flex-shrink:0}.score-box.is-live{border-color:rgba(255,51,85,.4);color:#ff8090;background:rgba(255,51,85,.08)}.score-vs{font-size:.7rem;font-weight:600;color:var(--text-tertiary);letter-spacing:.06em}.prob-bar-wrap{margin:0 0 var(--space-2)}.prob-bar{height:4px;overflow:hidden;display:flex;gap:2px;background:rgba(255,255,255,.04)}.prob-bar,.prob-seg{border-radius:var(--radius-pill)}.prob-seg{height:100%;transition:width .5s ease}.prob-home{background:linear-gradient(90deg,#0066ff,#4d94ff)}.prob-draw{background:rgba(255,255,255,.15)}.prob-away{background:linear-gradient(90deg,#ff3355,#ff6677)}.prob-labels{display:flex;justify-content:space-between;margin-top:3px}.prob-h{font-size:.6rem;font-weight:700;color:#4d94ff}.prob-d{font-size:.6rem;font-weight:600;color:var(--text-tertiary)}.prob-a{font-size:.6rem;font-weight:700;color:#ff6677}.match-meta{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.status-chip{font-size:.6rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;border-radius:var(--radius-pill);padding:3px 8px;border:1px solid;flex-shrink:0}.chip-live{color:#ff7080;background:rgba(255,51,85,.12);border-color:rgba(255,51,85,.4);animation:chipGlow 2s ease-in-out infinite}.chip-upcoming{color:#5599ff;background:rgba(0,102,255,.1);border-color:rgba(0,102,255,.3)}.chip-ft{color:#33cc77;background:rgba(0,232,122,.1);border-color:rgba(0,232,122,.3)}@keyframes chipGlow{0%,to{box-shadow:none}50%{box-shadow:0 0 8px rgba(255,51,85,.5)}}.countdown-tag{font-size:.6rem;font-weight:700;color:var(--accent-gold);background:var(--accent-gold-dim);border:1px solid rgba(255,201,71,.25);border-radius:var(--radius-pill);padding:3px 8px}.meta-text,.meta-text-right{font-size:.7rem;color:var(--text-tertiary)}.meta-text-right{margin-left:auto}@keyframes shimmer{0%{background-position:-800px 0}to{background-position:800px 0}}.skeleton{background:linear-gradient(90deg,rgba(255,255,255,.03),rgba(255,255,255,.07) 45%,rgba(255,255,255,.03) 90%);background-size:800px 100%;animation:shimmer 1.8s linear infinite;border-radius:var(--radius-sm)}.skel-card{border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-3) var(--space-4);display:flex;flex-direction:column;gap:var(--space-2)}.skel-row{grid-template-columns:1fr auto 1fr;grid-gap:var(--space-2);align-items:center}.kpi-strip,.skel-row{display:grid;gap:var(--space-2)}.kpi-strip{grid-template-columns:repeat(4,1fr);grid-gap:var(--space-2);margin-top:var(--space-4)}.kpi-tile{background:rgba(255,255,255,.025);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-3) var(--space-2);text-align:center;transition:border-color .2s,background .2s}.kpi-tile:hover{border-color:var(--border-light);background:rgba(255,255,255,.04)}.kpi-val{font-family:var(--font-display);font-size:1.85rem;line-height:1;letter-spacing:.03em;color:var(--text-primary);display:flex;align-items:center;justify-content:center;gap:4px}.kpi-sub{font-size:.78rem;font-weight:500}.kpi-label,.kpi-sub{color:var(--text-tertiary)}.kpi-label{font-size:.6rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;margin-top:5px}.kpi-dot{width:7px;height:7px;border-radius:50%;background:var(--accent-red);animation:pulse 1.5s infinite;flex-shrink:0}.predict-panel{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);padding:var(--space-4);position:relative;overflow:hidden}.predict-panel:before{content:"";position:absolute;top:0;left:var(--space-6);right:var(--space-6);height:1px;background:linear-gradient(90deg,transparent,var(--border-light),transparent)}.predict-matchup{background:rgba(0,0,0,.25);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-4);margin-bottom:var(--space-4);position:relative}.predict-matchup-teams{font-family:var(--font-display);font-size:1.3rem;letter-spacing:.04em;color:var(--text-primary);margin-bottom:var(--space-1);line-height:1.2}.predict-matchup-meta{font-size:.75rem;color:var(--text-tertiary);margin-bottom:var(--space-2)}.window-badge{display:inline-flex;align-items:center;gap:5px;font-size:.7rem;font-weight:700;padding:4px 10px;border-radius:var(--radius-pill)}.window-open{color:var(--accent-green);background:var(--accent-green-dim);border:1px solid rgba(0,232,122,.3)}.window-locked{color:var(--text-tertiary);background:rgba(255,255,255,.04);border:1px solid var(--border)}.pick-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--space-2);gap:var(--space-2);margin-bottom:var(--space-3)}.pick-btn{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:var(--space-3) var(--space-2);min-height:64px;border-radius:var(--radius-md);border:1px solid var(--border-light);background:rgba(255,255,255,.03);color:var(--text-primary);font-family:var(--font-body);font-size:.85rem;font-weight:700;cursor:pointer;transition:all .18s ease;overflow:hidden}.pick-btn:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 120%,rgba(255,255,255,.08) 0,transparent 70%);opacity:0;transition:opacity .2s;pointer-events:none}.pick-btn:hover:not(:disabled){border-color:rgba(0,102,255,.5);background:rgba(0,102,255,.07);transform:translateY(-1px);box-shadow:0 4px 16px rgba(0,0,0,.3)}.pick-btn:hover:not(:disabled):after{opacity:1}.pick-btn:active:not(:disabled){transform:scale(.97)}.pick-btn:disabled{opacity:.32;cursor:not-allowed}.pick-btn.selected{background:rgba(0,102,255,.15)!important;border-color:var(--brand-light)!important;color:#80b3ff!important;box-shadow:0 0 0 2px rgba(0,102,255,.15),inset 0 1px 0 rgba(255,255,255,.08);animation:pickConfirm .4s ease}.pick-btn-label{font-size:.78rem;font-weight:700}.pick-btn-sub{font-size:.62rem;color:var(--text-tertiary);font-weight:500}@keyframes pickConfirm{0%{box-shadow:0 0 0 0 rgba(0,102,255,.8)}60%{box-shadow:0 0 0 12px rgba(0,102,255,0)}to{box-shadow:0 0 0 2px rgba(0,102,255,.15)}}.pick-btn-check{position:absolute;top:6px;right:8px;font-size:.7rem;color:var(--brand-light);font-weight:900;line-height:1}.pick-confirm-strip{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);margin-bottom:var(--space-3);border-radius:var(--radius-md);background:rgba(0,232,122,.08);border:1px solid rgba(0,232,122,.25);font-size:.8rem;color:var(--text-secondary);animation:confirmSlideIn .3s ease}.pick-confirm-strip.pick-confirm-flash{animation:confirmSlideIn .3s ease,confirmPulse .9s ease}.pick-confirm-icon{font-size:.9rem;color:#00e87a;font-weight:900;flex-shrink:0}.pick-confirm-text{flex:1 1}.pick-confirm-pts{font-family:var(--font-display);font-size:.9rem;color:#00e87a;letter-spacing:.04em;flex-shrink:0}@keyframes confirmSlideIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@keyframes confirmPulse{0%{box-shadow:0 0 0 0 rgba(0,232,122,.5)}50%{box-shadow:0 0 0 8px rgba(0,232,122,0)}to{box-shadow:0 0 0 0 rgba(0,232,122,0)}}.share-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3);min-height:48px;border-radius:var(--radius-md);border:1px solid;font-family:var(--font-body);font-size:.85rem;font-weight:700;cursor:pointer;transition:all .18s ease}.share-btn-active{background:linear-gradient(135deg,rgba(0,102,255,.2),rgba(0,102,255,.1));border-color:rgba(0,102,255,.5);color:#80b3ff}.share-btn-inactive{background:transparent;border-color:var(--border);color:var(--text-disabled);cursor:not-allowed}.share-btn-active:hover{background:linear-gradient(135deg,rgba(0,102,255,.28),rgba(0,102,255,.15));transform:translateY(-1px)}.ow-strip{gap:var(--space-3);padding:var(--space-2) var(--space-3);margin-bottom:var(--space-4);border-radius:var(--radius-lg);background:rgba(0,232,122,.06);border:1px solid rgba(0,232,122,.18);overflow:hidden}.ow-strip,.ow-strip-label{display:flex;align-items:center}.ow-strip-label{gap:6px;font-size:.7rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#00e87a;white-space:nowrap;flex-shrink:0}.ow-dot{width:7px;height:7px;border-radius:50%;background:#00e87a;animation:owPulse 1.6s ease-in-out infinite;flex-shrink:0}@keyframes owPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.75)}}.ow-scroll{display:flex;gap:var(--space-2);overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;flex:1 1;min-width:0}.ow-scroll::-webkit-scrollbar{display:none}.ow-card{display:flex;align-items:center;gap:var(--space-2);padding:5px 10px;border-radius:var(--radius-pill);background:rgba(0,232,122,.08);border:1px solid rgba(0,232,122,.22);white-space:nowrap;cursor:pointer;transition:all .15s ease;font-family:var(--font-body)}.ow-card:hover{background:rgba(0,232,122,.14);transform:translateY(-1px)}.ow-teams{font-size:.75rem;font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:5px}.ow-vs{font-size:.62rem;color:var(--text-tertiary);font-weight:400}.ow-cta{font-size:.68rem;font-weight:700;color:#00e87a;letter-spacing:.04em}.mini-lb{margin-top:var(--space-4)}.mini-lb-rows{display:flex;flex-direction:column;gap:2px}.mini-lb-row{padding:var(--space-2) var(--space-2)}.mini-lb-empty{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-md);background:rgba(255,255,255,.02);border:1px dashed var(--border)}.mini-lb-empty-icon{font-size:1.4rem;flex-shrink:0}.mini-lb-empty-title{font-size:.8rem;font-weight:700;color:var(--text-secondary)}.mini-lb-empty-sub{font-size:.7rem;color:var(--text-tertiary);margin-top:2px}.trending-picks{padding:var(--space-3);margin-bottom:var(--space-3);border-radius:var(--radius-md);background:rgba(255,255,255,.03);border:1px solid var(--border);animation:confirmSlideIn .3s ease}.tp-header{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:var(--space-2)}.tp-title{font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-secondary)}.tp-sub{font-size:.62rem;color:var(--text-tertiary)}.tp-row{display:grid;grid-template-columns:90px 1fr 36px;align-items:center;grid-gap:var(--space-2);gap:var(--space-2);padding:3px 0}.tp-row.tp-row-mine .tp-label,.tp-row.tp-row-mine .tp-pct{color:#80b3ff}.tp-label{font-size:.7rem;color:var(--text-tertiary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tp-bar-wrap{height:5px;background:rgba(255,255,255,.07);border-radius:3px;overflow:hidden}.tp-bar-fill{height:100%;border-radius:3px;background:var(--brand-light);transition:width .6s ease}.tp-row-mine .tp-bar-fill{background:#80b3ff}.tp-pct{font-size:.68rem;font-weight:700;text-align:right}.stage-tag,.tp-pct{color:var(--text-tertiary)}.stage-tag{font-size:.6rem;font-weight:600;letter-spacing:.05em;background:rgba(255,255,255,.05);border:1px solid var(--border);border-radius:var(--radius-pill);padding:1px 6px;white-space:nowrap}.bracket-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:var(--space-2);gap:var(--space-2);margin-top:var(--space-3)}.bracket-tile{background:rgba(255,255,255,.02);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-3) var(--space-3);cursor:pointer;transition:border-color .2s,background .2s,transform .15s;text-align:left;width:100%;position:relative;overflow:hidden}.bracket-tile:hover:not(.coming){transform:translateY(-1px);border-color:var(--border-light);background:rgba(255,255,255,.04)}.bracket-tile.coming{opacity:.5;border-style:dashed;cursor:default}.bt-top{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-1)}.bt-icon{font-size:.9rem}.bt-name{font-size:.65rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--bc-color,var(--text-tertiary));flex:1 1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bt-count{font-family:var(--font-display);font-size:1.5rem;line-height:1;color:var(--bc-color,var(--text-primary))}.bt-total{font-size:.7rem;color:var(--text-tertiary)}.bt-bar{height:3px;border-radius:var(--radius-pill);background:rgba(255,255,255,.05);overflow:hidden;position:relative;margin-top:var(--space-2)}.bt-bar-fill{background:var(--bc-color,var(--brand));opacity:.4}.bt-bar-done,.bt-bar-fill{position:absolute;top:0;left:0;height:100%;border-radius:var(--radius-pill);transition:width .6s ease}.bt-bar-done{background:var(--bc-color,var(--accent-green))}.bt-coming{font-size:.62rem;color:var(--text-tertiary);margin-top:2px;display:flex;align-items:center;gap:4px}.bt-coming-date{font-size:.65rem;color:var(--accent-gold);font-weight:600;margin-top:1px}.leaderboard-panel{display:flex;flex-direction:column;gap:var(--space-2)}.lb-row{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:rgba(255,255,255,.02);border:1px solid var(--border);transition:border-color .2s,background .2s}.lb-row:hover{border-color:var(--border-light);background:rgba(255,255,255,.04)}.lb-rank{font-family:var(--font-display);font-size:1.1rem;width:28px;text-align:center;color:var(--text-tertiary);flex-shrink:0}.lb-rank.top1{color:var(--accent-gold)}.lb-rank.top2{color:#c0c8d8}.lb-rank.top3{color:var(--accent-orange)}.lb-avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,var(--brand),var(--brand-light));display:flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:700;color:#fff;flex-shrink:0;font-family:var(--font-display)}.lb-name{font-size:.875rem;font-weight:700;flex:1 1}.lb-streak{font-size:.7rem;color:var(--accent-orange);font-weight:700;background:rgba(255,107,53,.1);border:1px solid rgba(255,107,53,.2);padding:2px 7px;border-radius:var(--radius-pill)}.lb-pts{font-family:var(--font-display);font-size:1.1rem;color:var(--text-primary);letter-spacing:.02em;text-align:right;flex-shrink:0}.lb-pts-label{font-size:.6rem;color:var(--text-tertiary);font-weight:500}.lb-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-10) var(--space-4);gap:var(--space-3);text-align:center}.lb-empty-icon{font-size:2.5rem;opacity:.6}.lb-empty-title{font-size:1rem;font-weight:700;color:var(--text-primary)}.lb-empty-sub{font-size:.82rem;color:var(--text-secondary);line-height:1.5}.profile-panel{flex-direction:column}.profile-header,.profile-panel{display:flex;gap:var(--space-4)}.profile-header{align-items:center;padding:var(--space-4);background:rgba(0,102,255,.05);border:1px solid rgba(0,102,255,.2);border-radius:var(--radius-lg)}.profile-avatar{width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,#0044cc,#0066ff);display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:1.6rem;color:#fff;flex-shrink:0;border:2px solid rgba(0,102,255,.4)}.profile-info-name{font-size:1rem;font-weight:800}.profile-info-sub{font-size:.75rem;color:var(--text-secondary)}.streak-card{padding:var(--space-4);background:linear-gradient(135deg,rgba(255,107,53,.1),rgba(255,107,53,.04));border:1px solid rgba(255,107,53,.25);border-radius:var(--radius-lg);display:flex;align-items:center;gap:var(--space-4)}.streak-flame,.streak-val{font-size:2.5rem}.streak-val{font-family:var(--font-display);line-height:1;color:var(--accent-orange)}.streak-label{font-size:.78rem;color:var(--text-secondary);font-weight:600}.badge-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:var(--space-2);gap:var(--space-2)}.badge-item{display:flex;flex-direction:column;align-items:center;gap:5px;padding:var(--space-3) var(--space-2);background:rgba(255,255,255,.02);border:1px solid var(--border);border-radius:var(--radius-md);cursor:default;transition:border-color .2s}.badge-item.earned{border-color:rgba(255,201,71,.3);background:rgba(255,201,71,.04)}.badge-icon{font-size:1.4rem}.badge-name{font-size:.6rem;font-weight:700;text-align:center;color:var(--text-tertiary);letter-spacing:.04em;text-transform:uppercase}.bottom-nav{position:fixed;bottom:0;left:0;right:0;height:var(--nav-h);padding-bottom:env(safe-area-inset-bottom,0);display:flex;align-items:stretch;background:rgba(3,8,15,.96);border-top:1px solid var(--border);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);z-index:400}.nav-btn{flex:1 1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;border:none;background:transparent;color:var(--text-tertiary);font-family:var(--font-body);font-size:.6rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;cursor:pointer;transition:color .18s ease;position:relative}.nav-btn:after{content:"";position:absolute;top:0;left:25%;right:25%;height:2px;border-radius:0 0 var(--radius-sm) var(--radius-sm);background:var(--brand-light);opacity:0;transition:opacity .18s ease}.nav-btn:hover{color:var(--text-secondary)}.nav-btn.active{color:var(--brand-light)}.nav-btn.active:after{opacity:1}.nav-btn:active .nav-icon{transform:scale(.88)}.nav-icon{font-size:1.25rem;line-height:1;transition:transform .18s ease}.nav-btn.active .nav-icon{transform:scale(1.1)}.toast{position:fixed;left:50%;bottom:calc(var(--nav-h) + env(safe-area-inset-bottom, 0px) + 12px);transform:translateX(-50%);width:min(92vw,480px);padding:13px 20px;border-radius:var(--radius-lg);border:1px solid var(--border-light);background:rgba(10,26,46,.97);color:var(--text-secondary);font-size:.875rem;font-weight:500;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);cursor:pointer;animation:toastIn .22s cubic-bezier(.34,1.56,.64,1);z-index:600;display:flex;align-items:center;gap:var(--space-2)}@keyframes toastIn{0%{opacity:0;transform:translateX(-50%) translateY(10px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.live-dot{width:8px;height:8px;border-radius:50%;background:var(--accent-red);box-shadow:0 0 0 0 rgba(255,51,85,.7);animation:pulse 1.6s infinite;flex-shrink:0}@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(255,51,85,.7)}70%{box-shadow:0 0 0 10px rgba(255,51,85,0)}to{box-shadow:0 0 0 0 rgba(255,51,85,0)}}.green-dot{width:8px;height:8px;border-radius:50%;background:var(--accent-green);box-shadow:0 0 0 0 rgba(0,232,122,.7);animation:greenPulse 1.8s infinite;flex-shrink:0}@keyframes greenPulse{0%{box-shadow:0 0 0 0 rgba(0,232,122,.7)}70%{box-shadow:0 0 0 8px rgba(0,232,122,0)}to{box-shadow:0 0 0 0 rgba(0,232,122,0)}}.divider{height:1px;background:var(--border);margin:var(--space-4) 0}.row{justify-content:space-between}.row,.row-start{display:flex;align-items:center;gap:var(--space-2)}.flex-1{flex:1 1}.text-muted{color:var(--text-secondary)}.text-dim{color:var(--text-tertiary)}.font-display{font-family:var(--font-display)}@media (min-width:768px){.main-grid{grid-template-columns:1.1fr 1fr;align-items:start}.hero h1{font-size:1.3rem}.hero-h2{font-size:3.8rem}.hero{padding:var(--space-10) var(--space-10) var(--space-8)}.bottom-nav{display:none}.page-wrapper{padding-bottom:0}.toast{bottom:20px}.page{padding-bottom:var(--space-12)}.badge-grid,.kpi-strip{grid-template-columns:repeat(4,1fr)}.topbar-nav{display:flex;align-items:stretch;gap:2px;height:100%}.topbar-nav-btn{display:flex;align-items:center;gap:7px;padding:0 18px;height:100%;border:none;background:transparent;color:var(--text-tertiary);font-family:var(--font-body);font-size:.82rem;font-weight:700;letter-spacing:.04em;cursor:pointer;position:relative;transition:color .18s ease,background .18s ease;white-space:nowrap;border-radius:0}.topbar-nav-btn:after{content:"";position:absolute;bottom:0;left:14px;right:14px;height:2px;border-radius:2px 2px 0 0;background:var(--brand-light);opacity:0;transition:opacity .18s ease,left .18s ease,right .18s ease}.topbar-nav-btn:hover{color:var(--text-secondary);background:rgba(255,255,255,.04)}.topbar-nav-btn.active{color:var(--text-primary)}.topbar-nav-btn.active:after{opacity:1}.topbar-nav-icon{font-size:1rem;line-height:1}}@media (max-width:767px){.topbar-nav{display:none}.page{padding:var(--space-4) var(--space-3) var(--space-6)}.hero{padding:var(--space-5) var(--space-4)}.hero h1{font-size:1rem}.hero-h2{font-size:2.4rem}.hero-stats{gap:var(--space-4)}.kpi-strip{grid-template-columns:repeat(2,1fr)}.kpi-val{font-size:1.55rem}.match-feed{max-height:calc(100svh - var(--topbar-h) - var(--nav-h) - 240px);min-height:240px}.pick-btn{min-height:60px}.badge-grid{grid-template-columns:repeat(4,1fr)}.bracket-grid{grid-template-columns:repeat(2,1fr)}.topbar{padding:0 var(--space-4)}}@media (min-width:768px) and (max-width:1023px){.badge-pill{display:none}.topbar-nav-btn{padding:0 12px;font-size:.76rem;gap:5px}.topbar-nav-icon{font-size:.9rem}}.match-card.is-finished{opacity:.52;filter:grayscale(.35)}.match-card.is-finished:hover{opacity:.72;filter:none}.match-card.is-finished.is-active{opacity:1;filter:none}.profile-empty-state{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-3);padding:var(--space-6) var(--space-4);border-radius:var(--radius-lg);background:rgba(0,102,255,.04);border:1px dashed rgba(0,102,255,.2);margin-bottom:var(--space-4)}.profile-empty-icon{font-size:2.4rem}.profile-empty-title{font-family:var(--font-display);font-size:1.1rem;letter-spacing:.04em;color:var(--text-primary);max-width:280px}.profile-empty-sub{font-size:.8rem;color:var(--text-tertiary);line-height:1.6;max-width:300px}.bracket-drawer-overlay{position:fixed;inset:0;background:rgba(3,8,15,.82);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:500;display:flex;align-items:flex-end;justify-content:center;animation:overlayIn .2s ease}@keyframes overlayIn{0%{opacity:0}to{opacity:1}}.bracket-drawer{width:100%;max-width:560px;max-height:70vh;background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-2xl) var(--radius-2xl) 0 0;display:flex;flex-direction:column;animation:drawerUp .25s cubic-bezier(.34,1.56,.64,1);overflow:hidden}@keyframes drawerUp{0%{transform:translateY(60px);opacity:0}to{transform:translateY(0);opacity:1}}.bracket-drawer-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border);flex-shrink:0}.bracket-drawer-title{font-family:var(--font-display);font-size:1.1rem;letter-spacing:.08em;text-transform:uppercase;color:var(--text-primary)}.bracket-drawer-close{width:30px;height:30px;border-radius:50%;border:1px solid var(--border);background:transparent;color:var(--text-tertiary);cursor:pointer;font-size:.75rem;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.bracket-drawer-close:hover{background:rgba(255,255,255,.07);color:var(--text-primary)}.bracket-drawer-list{overflow-y:auto;padding:var(--space-3) var(--space-4);display:flex;flex-direction:column;gap:var(--space-2)}.bracket-drawer-row{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-md);background:rgba(255,255,255,.02);border:1px solid var(--border)}.bracket-drawer-teams{flex:1 1;display:flex;align-items:center;gap:var(--space-2);font-size:.82rem;font-weight:600;flex-wrap:wrap;min-width:0}.bracket-drawer-vs{font-size:.62rem;color:var(--text-tertiary);font-weight:400}.bracket-drawer-pick{padding:5px 12px;border-radius:var(--radius-pill);background:var(--brand);border:none;color:#fff;font-family:var(--font-body);font-size:.72rem;font-weight:700;cursor:pointer;white-space:nowrap;transition:all .15s ease;flex-shrink:0}.bracket-drawer-pick:hover{background:#1a6fff;transform:translateY(-1px)}.theme-toggle{width:32px;height:32px;border-radius:50%;border:1px solid var(--border-light);background:rgba(255,255,255,.06);font-size:1rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .18s ease,transform .18s ease;flex-shrink:0}.theme-toggle:hover{background:rgba(255,255,255,.12);transform:rotate(20deg)}.supporter-picker{display:flex;flex-wrap:wrap;gap:var(--space-2)}.supporter-btn{width:38px;height:38px;border-radius:var(--radius-md);border:2px solid var(--border);background:rgba(255,255,255,.03);font-size:1.4rem;line-height:1;cursor:pointer;transition:all .15s ease;display:flex;align-items:center;justify-content:center}.supporter-btn:hover{border-color:var(--border-light);transform:scale(1.1)}.supporter-btn.selected{border-color:var(--brand-light);background:rgba(0,102,255,.12);box-shadow:0 0 0 2px rgba(0,102,255,.2)}.pref-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.pref-toggle{position:relative;width:44px;height:24px;border-radius:var(--radius-pill);border:1px solid var(--border);background:rgba(255,255,255,.07);cursor:pointer;transition:background .2s ease,border-color .2s ease;flex-shrink:0}.pref-toggle.on{background:var(--brand);border-color:var(--brand)}.pref-toggle-thumb{position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:#fff;transition:transform .2s cubic-bezier(.34,1.56,.64,1);display:block}.pref-toggle.on .pref-toggle-thumb{transform:translateX(20px)}.my-pick-chip{display:inline-flex;align-items:center;gap:3px;padding:1px 7px;border-radius:var(--radius-pill);background:rgba(0,102,255,.12);border:1px solid rgba(0,102,255,.3);font-size:.6rem;font-weight:700;color:#80b3ff;white-space:nowrap;max-width:80px;overflow:hidden;text-overflow:ellipsis}.notif-prompt{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);margin-bottom:var(--space-4);border-radius:var(--radius-lg);background:rgba(255,201,71,.07);border:1px solid rgba(255,201,71,.22);animation:confirmSlideIn .3s ease}.notif-prompt-icon{font-size:1.1rem;flex-shrink:0}.notif-prompt-body{flex:1 1;font-size:.8rem;color:var(--text-secondary);min-width:0}.notif-prompt-body strong{color:var(--text-primary)}.notif-prompt-yes{padding:5px 14px;border-radius:var(--radius-pill);background:var(--accent-gold);border:none;color:#0a1a2e;font-family:var(--font-body);font-size:.75rem;font-weight:700;cursor:pointer;white-space:nowrap;flex-shrink:0;transition:all .15s ease}.notif-prompt-yes:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(255,201,71,.3)}.notif-prompt-dismiss{width:26px;height:26px;border-radius:50%;border:1px solid var(--border);background:transparent;color:var(--text-tertiary);font-size:.7rem;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .15s ease}.notif-prompt-dismiss:hover{background:rgba(255,255,255,.07);color:var(--text-primary)}.cd-banner{position:relative;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:20px;padding:14px 24px;background:linear-gradient(135deg,rgba(0,102,255,.14) 0,rgba(0,102,255,.06) 50%,rgba(0,102,255,.1) 100%),var(--bg-card);border-bottom:1px solid rgba(0,102,255,.25);border-top:1px solid rgba(0,102,255,.12);position:-webkit-sticky;position:sticky;top:var(--topbar-h);z-index:300;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);overflow:hidden}.cd-banner:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(0,102,255,.08) 40%,rgba(0,102,255,.14) 50%,rgba(0,102,255,.08) 60%,transparent);background-size:200% 100%;animation:cdSweep 4s ease-in-out infinite;pointer-events:none}@keyframes cdSweep{0%{background-position:200% 0}to{background-position:-200% 0}}.cd-eyebrow{font-size:.7rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--brand-light);white-space:nowrap}.cd-clock{gap:6px}.cd-clock,.cd-unit{display:flex;align-items:center}.cd-unit{flex-direction:column;gap:1px;min-width:52px;background:rgba(0,0,0,.35);border:1px solid rgba(0,102,255,.3);border-radius:10px;padding:6px 10px 5px}.cd-n{font-family:var(--font-display);font-size:2rem;line-height:1;letter-spacing:.03em;color:#fff;transition:opacity .15s ease}.cd-n-sec{color:var(--brand-light);animation:secTick 1s step-end infinite}@keyframes secTick{0%,to{opacity:1}50%{opacity:.65}}.cd-l{font-size:.52rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--text-tertiary)}.cd-sep{font-family:var(--font-display);font-size:1.6rem;color:rgba(0,102,255,.6);line-height:1;margin-bottom:10px;flex-shrink:0}.cd-sep-blink{animation:colonBlink 1s step-end infinite}@keyframes colonBlink{0%,to{opacity:1}50%{opacity:.2}}.cd-match{font-size:.72rem;font-weight:600;color:var(--text-secondary);letter-spacing:.02em;white-space:nowrap}.cd-banner-live{background:linear-gradient(135deg,rgba(0,232,122,.1),rgba(0,232,122,.04));border-color:rgba(0,232,122,.3);gap:14px;justify-content:center}.cd-live-pulse{width:10px;height:10px;border-radius:50%;background:var(--accent-green);animation:greenPulse 1.4s infinite}.cd-live-label{font-family:var(--font-display);font-size:1.3rem;letter-spacing:.1em;color:var(--accent-green)}@media (max-width:767px){.cd-banner{gap:10px;padding:10px 16px;flex-direction:column}.cd-eyebrow{font-size:.65rem}.cd-unit{min-width:44px;padding:5px 8px 4px}.cd-n{font-size:1.7rem}.cd-sep{font-size:1.3rem;margin-bottom:8px}.cd-match{font-size:.65rem;text-align:center;white-space:normal}.cd-clock{gap:4px}}@media (max-width:380px){.cd-n{font-size:1.4rem}.cd-unit{min-width:38px}}.lb-period-bar{display:flex;gap:var(--space-2);margin-bottom:0}.lb-period-btn{flex:1 1;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);border:1px solid var(--border);background:rgba(255,255,255,.02);color:var(--text-tertiary);font-family:var(--font-body);font-size:.78rem;font-weight:700;cursor:pointer;transition:all .18s ease;letter-spacing:.03em}.lb-period-btn:hover{border-color:var(--border-light);color:var(--text-secondary);background:rgba(255,255,255,.04)}.lb-period-btn.active{background:var(--brand-dim);border-color:var(--border-brand);color:var(--brand-light)}.lb-my-rank{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);background:linear-gradient(135deg,rgba(0,102,255,.12),rgba(0,102,255,.06));border:1px solid rgba(0,102,255,.3);border-radius:var(--radius-md);margin-bottom:var(--space-3)}.lb-my-rank-label{font-size:.72rem;color:var(--text-secondary);font-weight:600}.lb-my-rank-val{font-family:var(--font-display);font-size:1.3rem;color:var(--brand-light);letter-spacing:.04em}.lb-my-rank-pts{margin-left:auto;font-size:.78rem;font-weight:700;color:var(--text-primary)}.lb-row-me{background:rgba(0,102,255,.06)!important;border-color:rgba(0,102,255,.35)!important}.signin-panel{margin-top:var(--space-4);display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--space-10) var(--space-6);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);gap:var(--space-4)}.signin-icon{font-size:3rem}.signin-title{font-family:var(--font-display);font-size:2rem;letter-spacing:.04em;color:var(--text-primary)}.signin-sub{font-size:.9rem;color:var(--text-secondary);line-height:1.6;max-width:420px}.signin-perks{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--space-2);gap:var(--space-2);width:100%;max-width:400px}.signin-perk{font-size:.78rem;font-weight:600;color:var(--text-secondary);background:rgba(255,255,255,.03);border:1px solid var(--border);padding:var(--space-2) var(--space-3);text-align:left}.btn-google,.signin-perk{border-radius:var(--radius-md)}.btn-google{display:flex;align-items:center;justify-content:center;gap:var(--space-3);padding:14px 28px;border:1px solid rgba(255,255,255,.15);background:#fff;color:#1a1a2e;font-family:var(--font-body);font-size:.9rem;font-weight:700;cursor:pointer;transition:all .18s ease;min-width:220px;box-shadow:0 2px 8px rgba(0,0,0,.3)}.btn-google:hover{background:#f5f5f5;transform:translateY(-1px);box-shadow:0 4px 16px rgba(0,0,0,.4)}.btn-google:active{transform:scale(.98)}.signin-legal{font-size:.72rem;color:var(--text-tertiary)}.profile-stats-row{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:var(--space-2);gap:var(--space-2);margin:var(--space-3) 0}.profile-stat-tile{background:rgba(255,255,255,.02);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-3) var(--space-2);text-align:center;transition:border-color .2s}.profile-stat-tile:hover{border-color:var(--border-light)}.profile-stat-val{font-family:var(--font-display);font-size:1.6rem;line-height:1;color:var(--text-primary);letter-spacing:.02em}.profile-stat-label{font-size:.6rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-tertiary);margin-top:4px}.username-input{background:rgba(255,255,255,.05);border:1px solid var(--border-light);border-radius:var(--radius-sm);padding:5px 10px;color:var(--text-primary);font-family:var(--font-body);font-size:.82rem;width:140px;outline:none;transition:border-color .18s}.username-input:focus{border-color:var(--brand-light)}.btn-save{padding:5px 14px;background:var(--brand);border:none;border-radius:var(--radius-sm);color:#fff;font-size:.78rem;font-weight:700;cursor:pointer;transition:background .18s}.btn-save:hover{background:var(--brand-light)}.btn-save:disabled{opacity:.5;cursor:not-allowed}.btn-edit{background:transparent;border:none;cursor:pointer;font-size:.8rem;opacity:.5;transition:opacity .18s;padding:0 4px}.btn-edit:hover{opacity:1}.btn-cancel{padding:5px 10px;background:transparent;border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-tertiary);font-size:.75rem;cursor:pointer;transition:border-color .18s}.btn-cancel:hover{border-color:var(--border-light);color:var(--text-secondary)}.pick-history-row{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);background:rgba(255,255,255,.02);border:1px solid var(--border);border-radius:var(--radius-sm);transition:border-color .18s}.pick-history-row:hover{border-color:var(--border-light)}.pick-result{font-size:.72rem;font-weight:800;border-radius:var(--radius-pill);padding:3px 9px;white-space:nowrap;flex-shrink:0}.pick-correct{color:var(--accent-green);background:var(--accent-green-dim);border:1px solid rgba(0,232,122,.3)}.pick-wrong{color:#ff6677;background:var(--accent-red-dim);border:1px solid rgba(255,51,85,.3)}.pick-pending{font-size:.68rem;background:rgba(255,255,255,.04);border:1px solid var(--border);border-radius:var(--radius-pill);padding:3px 9px;white-space:nowrap;flex-shrink:0}.btn-signout,.pick-pending{font-weight:600;color:var(--text-tertiary)}.btn-signout{width:100%;padding:var(--space-3);background:transparent;border:1px solid var(--border);border-radius:var(--radius-md);font-family:var(--font-body);font-size:.82rem;cursor:pointer;transition:all .18s ease}.btn-signout:hover{border-color:rgba(255,51,85,.4);color:#ff7080;background:rgba(255,51,85,.06)}@media (max-width:767px){.profile-stats-row{grid-template-columns:repeat(2,1fr)}.signin-perks{grid-template-columns:1fr}.lb-period-bar{gap:var(--space-1)}.lb-period-btn{font-size:.72rem;padding:var(--space-2)}}.cd-cta-btn{padding:7px 18px;border-radius:var(--radius-pill);background:var(--brand-mid);border:none;color:#fff;font-family:var(--font-body);font-size:.78rem;font-weight:700;cursor:pointer;white-space:nowrap;flex-shrink:0;transition:all .18s ease;letter-spacing:.02em}.cd-cta-btn:hover{background:var(--brand-light);transform:translateY(-1px);box-shadow:0 4px 14px rgba(0,102,255,.35)}@media (max-width:767px){.cd-cta-btn{font-size:.72rem;padding:6px 14px}}.hiw-fab{position:fixed;bottom:calc(var(--nav-h) + 16px);right:16px;width:40px;height:40px;border-radius:50%;background:var(--bg-card);border:1px solid var(--border-light);color:var(--text-secondary);font-size:1rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:900;transition:all .18s ease;box-shadow:0 4px 16px rgba(0,0,0,.35)}.hiw-fab:hover{background:var(--brand-dim);border-color:var(--border-brand);color:var(--brand-light);transform:scale(1.08)}.hiw-overlay{position:fixed;inset:0;background:rgba(0,0,0,.7);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--space-4);animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.hiw-modal{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-xl);padding:var(--space-6);max-width:480px;width:100%;max-height:90vh;overflow-y:auto;position:relative;animation:slideUpModal .25s ease}@keyframes slideUpModal{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.hiw-close{position:absolute;top:var(--space-4);right:var(--space-4);width:32px;height:32px;border-radius:50%;border:1px solid var(--border);background:transparent;color:var(--text-tertiary);font-size:.8rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.hiw-close:hover{background:rgba(255,255,255,.07);color:var(--text-primary)}.hiw-title{font-family:var(--font-display);font-size:2rem;letter-spacing:.06em;color:var(--text-primary);text-align:center;margin-bottom:var(--space-1)}.hiw-subtitle{font-size:.82rem;color:var(--text-tertiary);text-align:center}.hiw-steps,.hiw-subtitle{margin-bottom:var(--space-5)}.hiw-steps{display:flex;flex-direction:column;gap:var(--space-3)}.hiw-step{display:flex;gap:var(--space-4);align-items:flex-start;padding:var(--space-3) var(--space-4);background:rgba(255,255,255,.03);border:1px solid var(--border);border-radius:var(--radius-lg)}.hiw-step-icon{font-size:1.6rem;flex-shrink:0;width:36px;text-align:center}.hiw-step-body{display:flex;flex-direction:column;gap:2px}.hiw-step-n{font-size:.6rem;font-weight:800;letter-spacing:.1em;color:var(--brand-light);opacity:.7}.hiw-step-title{font-size:.9rem;font-weight:700;color:var(--text-primary)}.hiw-step-desc{font-size:.8rem;color:var(--text-secondary);line-height:1.5;margin:0}.hiw-email-section{padding:var(--space-4);background:rgba(0,102,255,.06);border:1px solid rgba(0,102,255,.18);border-radius:var(--radius-lg);margin-bottom:var(--space-4)}.hiw-email-label{font-size:.82rem;font-weight:700;color:var(--text-primary);margin-bottom:var(--space-3)}.hiw-email-form{display:flex;gap:var(--space-2)}.hiw-email-input{flex:1 1;padding:9px 14px;background:var(--bg-deep);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-body);font-size:.82rem;outline:none;transition:border-color .18s ease;min-width:0}.hiw-email-input:focus{border-color:var(--border-brand)}.hiw-email-input::placeholder{color:var(--text-tertiary)}.hiw-email-btn{padding:9px 16px;border-radius:var(--radius-md);background:var(--brand-mid);border:none;color:#fff;font-family:var(--font-body);font-size:.8rem;font-weight:700;cursor:pointer;white-space:nowrap;flex-shrink:0;transition:all .18s ease}.hiw-email-btn:hover:not(:disabled){background:var(--brand-light)}.hiw-email-btn:disabled{opacity:.6;cursor:not-allowed}.hiw-email-success{font-size:.82rem;color:var(--accent-green);font-weight:600;text-align:center}.hiw-email-error{font-size:.75rem;color:#ff6b6b;margin-top:var(--space-2)}.hiw-start-btn{width:100%;padding:var(--space-3) var(--space-4);border-radius:var(--radius-pill);background:linear-gradient(135deg,var(--brand-mid),var(--brand-light));border:none;color:#fff;font-family:var(--font-display);font-size:1.1rem;letter-spacing:.06em;cursor:pointer;transition:all .18s ease}.hiw-start-btn:hover{transform:translateY(-1px);box-shadow:0 6px 20px rgba(0,102,255,.35)}.match-page-wrapper{max-width:680px;margin:0 auto;padding:var(--space-6) var(--space-4) var(--space-10)}.match-page-back{display:inline-flex;align-items:center;gap:var(--space-2);font-size:.8rem;font-weight:600;color:var(--text-tertiary);text-decoration:none;margin-bottom:var(--space-5);transition:color .15s ease}.match-page-back:hover{color:var(--brand-light)}.match-page-h1{font-family:var(--font-display);font-size:clamp(1.6rem,5vw,2.8rem);letter-spacing:.04em;line-height:1.1;color:var(--text-primary);text-align:center;margin-bottom:var(--space-2);display:flex;flex-direction:column;gap:var(--space-2)}.match-page-subtitle{font-family:var(--font-body);font-size:.82rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--text-tertiary)}.match-page-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);padding:var(--space-5);margin-bottom:var(--space-5)}.match-page-status-row{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);flex-wrap:wrap}.match-page-badge{padding:3px 12px;border-radius:var(--radius-pill);font-size:.7rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.badge-live-mp{background:rgba(0,232,122,.12);color:var(--accent-green);border:1px solid rgba(0,232,122,.3)}.badge-ft-mp{background:rgba(255,255,255,.04);color:var(--text-tertiary);border:1px solid var(--border)}.badge-upcoming-mp{background:rgba(0,102,255,.1);color:var(--brand-light);border:1px solid rgba(0,102,255,.25)}.match-page-stage{font-size:.72rem;font-weight:700;color:var(--text-tertiary);letter-spacing:.04em;text-transform:uppercase}.match-page-teams{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-4)}.match-page-team{display:flex;flex-direction:column;gap:var(--space-2);flex:1 1}.match-page-team,.match-page-team.away{align-items:center}.match-page-flag{font-size:2.5rem;line-height:1}.match-page-team-name{font-size:.88rem;font-weight:700;color:var(--text-primary);text-align:center}.match-page-score{font-family:var(--font-display);font-size:2rem;letter-spacing:.04em;color:var(--text-primary);line-height:1}.match-page-sep{display:flex;align-items:center;justify-content:center;flex-shrink:0}.match-page-vs{font-family:var(--font-display);font-size:1.4rem;letter-spacing:.08em;color:var(--text-tertiary)}.match-page-kickoff{text-align:center;font-size:.82rem;color:var(--text-secondary);margin-bottom:var(--space-4);line-height:1.5}.match-page-odds{display:flex;flex-direction:column;gap:var(--space-2)}.match-page-odds-bar{display:flex;height:8px;border-radius:4px;overflow:hidden;background:rgba(255,255,255,.06)}.match-page-odds-labels{display:flex;justify-content:space-between;font-size:.72rem;font-weight:700}.match-page-cta-box{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);padding:var(--space-5);text-align:center;margin-bottom:var(--space-5)}.match-page-cta-label{font-size:.88rem;color:var(--text-secondary);margin-bottom:var(--space-4);font-weight:600}.match-page-cta-btn{display:inline-block;padding:12px 28px;border-radius:var(--radius-pill);background:linear-gradient(135deg,var(--brand-mid),var(--brand-light));color:#fff;font-family:var(--font-display);font-size:1rem;letter-spacing:.06em;text-decoration:none;transition:all .18s ease}.match-page-cta-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,102,255,.35)}.match-page-seo{padding:var(--space-5);background:rgba(255,255,255,.02);border:1px solid var(--border);border-radius:var(--radius-xl)}.match-page-seo h2{font-family:var(--font-display);font-size:1.3rem;letter-spacing:.04em;color:var(--text-primary);margin-bottom:var(--space-3)}.match-page-seo p{font-size:.85rem;color:var(--text-secondary);line-height:1.7;margin-bottom:var(--space-3)}.match-page-seo p:last-child{margin-bottom:0}@media (max-width:767px){.match-page-wrapper{padding:var(--space-4) var(--space-3) var(--space-8)}.match-page-flag{font-size:2rem}.match-page-h1{font-size:clamp(1.3rem,6vw,2rem)}.hiw-modal{padding:var(--space-4)}.hiw-email-form{flex-direction:column}.hiw-fab{bottom:calc(var(--nav-h) + 12px);right:12px;width:36px;height:36px;font-size:.9rem}}.kpi-trend{font-size:.62rem;font-weight:700;color:var(--accent-green);letter-spacing:.04em;margin-top:2px}.kpi-progress-bar{margin-top:4px;height:3px;background:rgba(255,255,255,.08);border-radius:2px;overflow:hidden;width:100%}.kpi-progress-fill{height:100%;background:linear-gradient(90deg,var(--brand-mid),var(--brand-light));border-radius:2px;transition:width .6s ease;min-width:2px}.kpi-dot-green{background:var(--accent-green)!important;box-shadow:0 0 6px rgba(0,232,122,.5)!important;animation:greenPulse 1.8s ease-in-out infinite!important}.bt-flags{display:flex;flex-wrap:wrap;gap:2px;margin:4px 0 2px}.bt-flag{font-size:1rem;line-height:1;filter:drop-shadow(0 1px 2px rgba(0,0,0,.4))}.bt-flag-more{font-size:.62rem;font-weight:700;color:var(--text-tertiary);align-self:center;letter-spacing:.02em}.nf-wrapper{min-height:100svh;justify-content:center;padding:var(--space-6) var(--space-4);background:var(--bg-deep)}.nf-card,.nf-wrapper{display:flex;align-items:center}.nf-card{text-align:center;max-width:440px;width:100%;flex-direction:column;gap:var(--space-4)}.nf-ball{font-size:4rem;animation:nfSpin 4s linear infinite;display:inline-block}@keyframes nfSpin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.nf-code{font-size:clamp(5rem,20vw,9rem);line-height:1;color:transparent;background:linear-gradient(135deg,var(--brand-mid),var(--brand-light));-webkit-background-clip:text;background-clip:text}.nf-code,.nf-title{font-family:var(--font-display);letter-spacing:.04em;margin:0}.nf-title{font-size:clamp(1.4rem,5vw,2rem);color:var(--text-primary)}.nf-desc{font-size:.9rem;color:var(--text-secondary);line-height:1.6;max-width:360px}.nf-actions{display:flex;gap:var(--space-3);flex-wrap:wrap;justify-content:center}.nf-btn-primary{padding:12px 24px;border-radius:var(--radius-pill);background:linear-gradient(135deg,var(--brand-mid),var(--brand-light));color:#fff;font-family:var(--font-body);font-size:.9rem;font-weight:700;text-decoration:none;transition:all .18s ease}.nf-btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,102,255,.35)}.nf-btn-secondary{padding:12px 24px;border-radius:var(--radius-pill);background:transparent;border:1px solid var(--border-light);color:var(--text-secondary);font-family:var(--font-body);font-size:.9rem;font-weight:700;text-decoration:none;transition:all .18s ease}.nf-btn-secondary:hover{border-color:var(--border-brand);color:var(--brand-light);background:var(--brand-dim)}.nf-hint{font-size:.78rem;color:var(--text-tertiary)}.nf-link{color:var(--brand-light);text-decoration:none}.nf-link:hover{text-decoration:underline}@media (max-width:480px){.nf-actions{flex-direction:column}.nf-btn-primary,.nf-btn-secondary{text-align:center}}.cd-flip{display:inline-block;animation:cdFlipIn .22s cubic-bezier(.22,.61,.36,1) both;transform-origin:center top}@keyframes cdFlipIn{0%{transform:translateY(-30%) scaleY(.7);opacity:0}to{transform:translateY(0) scaleY(1);opacity:1}}.cd-unit-sec{perspective:120px}.cd-flip-card{display:inline-block;animation:secFlip .35s cubic-bezier(.4,0,.2,1) both;transform-origin:center 60%;-webkit-backface-visibility:hidden;backface-visibility:hidden}@keyframes secFlip{0%{transform:rotateX(-55deg) scaleY(.8);opacity:0}60%{transform:rotateX(8deg) scaleY(1.04);opacity:1}to{transform:rotateX(0deg) scaleY(1);opacity:1}}.cd-flip-face{display:block}.match-card.is-hype{border-color:rgba(255,100,0,.35)!important;background:linear-gradient(135deg,rgba(255,100,0,.06) 0,var(--bg-card) 60%)!important;box-shadow:0 0 0 1px rgba(255,100,0,.2),0 4px 20px rgba(255,100,0,.08)!important}.match-card.is-hype:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#ff6400,#ff9500,#ff6400);background-size:200% 100%;animation:hypeGlow 2s ease-in-out infinite;border-radius:var(--radius-lg) var(--radius-lg) 0 0}@keyframes hypeGlow{0%,to{background-position:0 0;opacity:.7}50%{background-position:100% 0;opacity:1}}.hype-tag{display:inline-flex;align-items:center;gap:3px;padding:2px 8px;border-radius:var(--radius-pill);background:rgba(255,100,0,.12);border:1px solid rgba(255,100,0,.3);font-size:.65rem;font-weight:800;color:#ff8040;letter-spacing:.04em;white-space:nowrap;animation:hypeTagPulse 2s ease-in-out infinite}@keyframes hypeTagPulse{0%,to{opacity:1}50%{opacity:.75}}.match-card:focus-visible{outline:2px solid var(--brand-light);outline-offset:2px;box-shadow:0 0 0 4px rgba(0,102,255,.2)}.hero-cta:focus-visible,.hiw-fab:focus-visible,.nav-btn:focus-visible,.topbar-nav-btn:focus-visible{outline:2px solid var(--brand-light);outline-offset:3px}.kbd-hints{display:flex;gap:var(--space-2);flex-wrap:wrap;margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--border)}.kbd-hint{display:flex;gap:4px;font-size:.65rem;color:var(--text-tertiary)}.kbd-hint,kbd{align-items:center}kbd{display:inline-flex;justify-content:center;min-width:20px;height:18px;padding:0 5px;background:rgba(255,255,255,.07);border:1px solid var(--border);border-radius:4px;font-family:var(--font-body);font-size:.62rem;font-weight:700;color:var(--text-secondary);letter-spacing:.02em}@media (max-width:767px){.kbd-hints{display:none}}.loading-page{display:flex;flex-direction:column;min-height:100svh;background:var(--bg-deep)}.loading-topbar{height:var(--topbar-h);display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-4);background:var(--bg-card);border-bottom:1px solid var(--border);position:-webkit-sticky;position:sticky;top:0;z-index:500}.loading-logo-sk{width:160px;height:22px;border-radius:4px}.loading-banner{display:flex;align-items:center;justify-content:center;gap:16px;padding:14px 24px;background:var(--bg-card);border-bottom:1px solid var(--border);flex-wrap:wrap}.loading-main{flex:1 1;padding:var(--space-5) var(--space-4);max-width:1100px;margin:0 auto;width:100%}.loading-grid{display:grid;grid-template-columns:1fr;grid-gap:var(--space-4);gap:var(--space-4)}@media (min-width:1024px){.loading-grid{grid-template-columns:1fr 1fr}}.loading-panel{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);padding:var(--space-4)}.loading-match-card{padding:var(--space-3) 0;border-bottom:1px solid var(--border)}.loading-match-card:last-child{border-bottom:none}.loading-bottom-nav{height:var(--nav-h);display:flex;align-items:center;justify-content:space-around;padding:0 var(--space-4);background:var(--bg-card);border-top:1px solid var(--border);position:-webkit-sticky;position:sticky;bottom:0}@media (min-width:1024px){.loading-bottom-nav{display:none}}@font-face{font-family:Bebas Neue;font-style:normal;font-weight:400;font-display:block;src:url(/_next/static/media/8b44c7e6549520b2-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Bebas Neue;font-style:normal;font-weight:400;font-display:block;src:url(/_next/static/media/6c25f6e897d845a3-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Bebas Neue Fallback;src:local("Arial");ascent-override:117.32%;descent-override:39.11%;line-gap-override:0.00%;size-adjust:76.72%}.__className_850037{font-family:Bebas Neue,Bebas Neue Fallback;font-weight:400;font-style:normal}.__variable_850037{--font-display:"Bebas Neue","Bebas Neue Fallback"}@font-face{font-family:Outfit;font-style:normal;font-weight:100 900;font-display:block;src:url(/_next/static/media/98848575513c9742-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Outfit;font-style:normal;font-weight:100 900;font-display:block;src:url(/_next/static/media/7b0b24f36b1a6d0b-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Outfit Fallback;src:local("Arial");ascent-override:100.18%;descent-override:26.05%;line-gap-override:0.00%;size-adjust:99.82%}.__className_c345f3{font-family:Outfit,Outfit Fallback;font-style:normal}.__variable_c345f3{--font-body:"Outfit","Outfit Fallback"}