@import"https://fonts.googleapis.com/css2?family=Prosto+One&family=Exo+2:wght@400;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Exo+2:wght@300;400;500;600;700;800&display=swap";.pred-layout{display:grid;grid-template-columns:280px 1fr 280px;gap:1rem;align-items:start;padding:1rem 0 0}.pred-match-list-panel,.pred-detail-panel,.pred-middle-panel>.pred-hub-panel,.pred-leaderboard-panel,.pred-match-detail{background:var(--bg-secondary, #1e293b);border:1px solid var(--border-primary, rgba(255,255,255,.08));border-radius:.75rem;overflow:hidden}.pred-match-detail{margin-top:1rem}.pred-panel-header{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:linear-gradient(135deg,#334155,#475569);color:#f8fafc;font-size:.8rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.pred-panel-header-link{text-decoration:none;cursor:pointer;transition:background .15s}.pred-panel-header-link:hover{background:linear-gradient(135deg,#475569,#64748b)}.pred-panel-header-chevron{margin-left:auto;opacity:.7;transition:transform .15s,opacity .15s}.pred-panel-header-link:hover .pred-panel-header-chevron{transform:translate(3px);opacity:1}.pred-left-tabs{display:flex;border-bottom:2px solid rgba(15,23,42,.08);background:#0f172a05}.pred-left-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:5px;padding:10px 8px;background:transparent;border:none;font-size:12px;font-weight:600;color:#475569;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-2px;transition:color .18s,border-color .18s}.pred-left-tab.active{color:#1e293b;border-bottom-color:#3b82f6}.pred-left-tab:hover:not(.active){color:#334155;background:#0f172a08}.pred-left-community{display:flex;flex-direction:column;overflow-y:auto;max-height:calc(100vh - 180px);padding:10px 10px 0}.pred-left-comm-match{display:flex;align-items:center;gap:7px;padding:7px 4px 10px;border-bottom:1px solid #1e293b;margin-bottom:10px;font-size:11px;color:#94a3b8}.pred-left-comm-badge{font-size:15px;flex-shrink:0}.pred-left-comm-teams{flex:1;font-weight:600;color:#1e293b;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pred-left-comm-switch{background:#1e293b;border:1px solid #334155;border-radius:4px;color:#94a3b8;cursor:pointer;display:flex;align-items:center;padding:2px 4px;font-size:11px;white-space:nowrap;gap:2px;transition:background .15s}.pred-left-comm-switch:hover{background:#334155;color:#e2e8f0}.pred-date-tabs{display:flex;border-bottom:1px solid var(--border-primary, rgba(255,255,255,.08))}.pred-date-tab{flex:1;padding:.6rem;background:transparent;border:none;font-size:.78rem;font-weight:600;color:#64748b;cursor:pointer;transition:all .2s;border-bottom:2px solid transparent}.pred-date-tab.active{color:#2563eb;border-bottom-color:#2563eb;background:#2563eb0f}.pred-date-tab:hover:not(.active){color:#334155;background:#0f172a0a}.pred-match-search-wrap{display:flex;align-items:center;gap:.4rem;margin:.5rem .75rem;padding:.4rem .6rem;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px}.pred-match-search-icon{color:#94a3b8;flex-shrink:0}.pred-match-search-input{flex:1;background:transparent;border:none;outline:none;font-size:.75rem;color:#1e293b;min-width:0}.pred-match-search-input::placeholder{color:#94a3b8}.pred-match-search-clear{background:none;border:none;cursor:pointer;font-size:.65rem;color:#94a3b8;padding:0;line-height:1;flex-shrink:0}.pred-match-search-clear:hover{color:#64748b}.pred-match-items{display:flex;flex-direction:column;max-height:calc(100vh - 200px);overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(15,23,42,.15) transparent}.pred-match-items::-webkit-scrollbar{width:4px}.pred-match-items::-webkit-scrollbar-track{background:transparent}.pred-match-items::-webkit-scrollbar-thumb{background:#0f172a2e;border-radius:2px}.pred-match-item{position:relative;width:100%;background:transparent;border:none;border-bottom:1px solid var(--border-primary, rgba(15,23,42,.08));padding:.75rem 1rem .6rem;cursor:pointer;text-align:left;transition:background .18s;color:var(--text-primary, #1e293b)}.pred-match-item:hover{background:#0f172a0a}.pred-match-item.selected{background:#3b82f61f;border-left:3px solid #3b82f6}.pred-match-item-league{display:flex;align-items:center;gap:.4rem;font-size:.68rem;color:#64748b;margin-bottom:.45rem}.pred-match-item-teams{display:flex;align-items:center;justify-content:space-between;gap:.25rem;margin-bottom:.5rem}.pred-match-item-team{display:flex;align-items:center;gap:.35rem;flex:1;font-size:.78rem;font-weight:600;color:var(--text-primary, #1e293b);overflow:hidden}.pred-match-item-team img{width:18px;height:18px;object-fit:contain;flex-shrink:0}.pred-match-item-team span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pred-match-item-team.away{flex-direction:row-reverse;text-align:right}.pred-match-item-score{display:flex;flex-direction:column;align-items:center;flex-shrink:0;gap:.1rem}.pred-match-item-time{font-size:.75rem;font-weight:700;color:#60a5fa}.pred-match-item-vs{font-size:.62rem;color:#64748b;font-weight:600}.pred-match-item-strip{display:flex;height:4px;border-radius:2px;overflow:hidden;margin-bottom:.3rem;gap:1px}.pred-strip-bar{height:100%;border-radius:2px}.pred-strip-bar.home{background:#3b82f6}.pred-strip-bar.draw{background:#94a3b8}.pred-strip-bar.away{background:#ef4444}.pred-match-item-pcts{display:flex;justify-content:space-between;font-size:.62rem;color:#475569}.pred-match-selected-arrow{position:absolute;right:.6rem;top:50%;transform:translateY(-50%);color:#60a5fa}.pred-detail-tabs{display:flex;border-bottom:2px solid rgba(15,23,42,.08);background:#0f172a05}.pred-detail-tab{display:flex;align-items:center;gap:6px;padding:11px 20px;background:transparent;border:none;font-size:13px;font-weight:600;color:#475569;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-2px;transition:color .18s,border-color .18s}.pred-detail-tab.active{color:#1e293b;border-bottom-color:#3b82f6}.pred-detail-tab:hover:not(.active){color:#334155;background:#0f172a08}.pred-detail-tab-body{padding:0}.pred-detail-tab-body .pred-markets-grid{grid-template-columns:repeat(6,1fr)}.pred-detail-panel{display:flex;flex-direction:column;gap:0}.pred-detail-header{padding:1.25rem 1.5rem;border-bottom:1px solid var(--border-primary, rgba(15,23,42,.1))}.pred-detail-league{display:flex;align-items:center;gap:.4rem;font-size:.72rem;color:#64748b;margin-bottom:1rem;text-transform:uppercase;letter-spacing:.05em;font-weight:600}.pred-detail-league-sep{color:#475569}.pred-detail-time{display:flex;align-items:center;gap:.25rem;color:#60a5fa}.pred-detail-teams{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem}.pred-detail-team{display:flex;align-items:center;gap:.75rem;flex:1}.pred-detail-team.away{flex-direction:row-reverse;text-align:right}.pred-detail-team img{width:48px;height:48px;object-fit:contain;flex-shrink:0}.pred-detail-team-name{font-size:1rem;font-weight:700;color:var(--text-primary, #1e293b)}.pred-detail-team-rank{font-size:.72rem;color:#475569;margin-top:.2rem}.pred-detail-vs-block{display:flex;flex-direction:column;align-items:center;gap:.25rem;flex-shrink:0}.pred-detail-vs{font-size:1.1rem;font-weight:800;color:#475569;letter-spacing:.1em}.pred-detail-status{font-size:.65rem;color:#22c55e;background:#22c55e1f;padding:.2rem .5rem;border-radius:999px;font-weight:600}.pred-detail-forms{display:flex;justify-content:center}.pred-form-row{display:flex;align-items:center;gap:.3rem}.pred-form-label{font-size:.65rem;color:#475569;font-weight:600;margin:0 .5rem;text-transform:uppercase;letter-spacing:.05em}.pred-form-badge{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:4px;font-size:.65rem;font-weight:700}.pred-form-w{background:#22c55e33;color:#22c55e}.pred-form-d{background:#94a3b833;color:#94a3b8}.pred-form-l{background:#ef444433;color:#ef4444}.pred-detail-section-title{display:flex;align-items:center;gap:.4rem;padding:.75rem 1.5rem .4rem;font-size:.72rem;font-weight:700;color:#475569;text-transform:uppercase;letter-spacing:.06em;border-top:1px solid var(--border-primary, rgba(15,23,42,.08));margin-top:.25rem}.pred-ai-banner{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;margin:.75rem 1.5rem;border-radius:.75rem;gap:1rem}.pred-ai-home{background:linear-gradient(135deg,#3b82f633,#2563eb1a);border:1px solid rgba(59,130,246,.3)}.pred-ai-draw{background:linear-gradient(135deg,#94a3b833,#64748b1a);border:1px solid rgba(148,163,184,.3)}.pred-ai-away{background:linear-gradient(135deg,#ef444433,#dc26261a);border:1px solid rgba(239,68,68,.3)}.pred-ai-banner-left{display:flex;align-items:center;gap:.75rem;color:#60a5fa}.pred-ai-away .pred-ai-banner-left{color:#f87171}.pred-ai-draw .pred-ai-banner-left{color:#94a3b8}.pred-ai-banner-label{font-size:.7rem;color:#475569;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.pred-ai-banner-pick{font-size:1.1rem;font-weight:800;color:var(--text-primary, #1e293b)}.pred-ai-banner-right{display:flex;flex-direction:column;align-items:center;gap:.25rem}.pred-ai-conf-ring{position:relative;width:56px;height:56px}.pred-market-ring{position:relative;width:64px;height:64px}.pred-ai-conf-ring svg,.pred-market-ring svg{width:100%;height:100%;transform:rotate(-90deg)}.pred-conf-svg{width:56px;height:56px}.pred-conf-track{fill:none;stroke:#0f172a1f;stroke-width:3}.pred-conf-fill{fill:none;stroke:#60a5fa;stroke-width:3;stroke-linecap:round;transition:stroke-dasharray .5s ease}.pred-ai-away .pred-conf-fill{stroke:#f87171}.pred-ai-draw .pred-conf-fill{stroke:#94a3b8}.pred-market-arc{stroke-width:3;fill:none;stroke-linecap:round}.pred-ai-conf-ring span,.pred-market-ring span{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:800;color:var(--text-primary, #1e293b)}.pred-market-ring span{font-size:.72rem}.pred-ai-conf-label{font-size:.65rem;color:#475569;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.pred-prob-section{padding:.75rem 1.5rem 1rem}.pred-prob-bars{display:flex;justify-content:center;gap:1.5rem;height:100px;align-items:flex-end}.pred-prob-bar-block{display:flex;flex-direction:column;align-items:center;gap:.35rem;width:72px}.pred-prob-bar-block.active .pred-prob-label{color:var(--text-primary, #1e293b);font-weight:700}.pred-prob-bar-block.active .pred-prob-track{box-shadow:0 0 0 2px #0f172a26}.pred-prob-label{font-size:.68rem;color:#64748b;font-weight:600;text-align:center;order:-1}.pred-prob-track{width:100%;height:80px;background:#0f172a0f;border-radius:6px 6px 0 0;display:flex;align-items:flex-end;overflow:hidden;border:1px solid rgba(15,23,42,.1)}.pred-prob-fill{width:100%;border-radius:4px 4px 0 0;transition:height .5s cubic-bezier(.4,0,.2,1)}.pred-prob-fill.home{background:linear-gradient(180deg,#60a5fa,#3b82f6)}.pred-prob-fill.draw{background:linear-gradient(180deg,#94a3b8,#64748b)}.pred-prob-fill.away{background:linear-gradient(180deg,#f87171,#ef4444)}.pred-prob-pct{font-size:.85rem;font-weight:800;color:var(--text-primary, #1e293b);text-align:center}.pred-markets-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.6rem;padding:.5rem 1.5rem 1rem}.pred-market-card{display:flex;flex-direction:column;align-items:center;gap:.3rem;padding:.75rem .5rem;background:#0f172a0a;border:1px solid rgba(15,23,42,.08);border-radius:.5rem}.pred-market-card.text-card .pred-market-text{font-size:1rem;font-weight:800;color:var(--text-primary, #1e293b);margin:.3rem 0}.pred-market-label{font-size:.65rem;color:#64748b;font-weight:700;text-transform:uppercase;letter-spacing:.05em;text-align:center}.pred-market-sub{font-size:.6rem;color:#475569;text-align:center}.pred-stats-list{padding:.5rem 1.5rem 1rem;display:flex;flex-direction:column;gap:.5rem}.pred-stats-header{display:grid;grid-template-columns:1fr auto 1fr;gap:.5rem;font-size:.7rem;font-weight:700;color:#64748b;margin-bottom:.25rem;text-transform:uppercase;letter-spacing:.04em}.pred-stats-header span:last-child{text-align:right}.pred-stat-row{display:grid;grid-template-columns:50px 1fr 50px;gap:.5rem;align-items:center}.pred-stat-val{font-size:.8rem;font-weight:700;color:var(--text-primary, #1e293b)}.pred-stat-val.away{text-align:right}.pred-stat-bars{display:flex;align-items:center;gap:.5rem}.pred-stat-label{font-size:.65rem;color:#475569;white-space:nowrap;flex-shrink:0;text-align:center;min-width:70px}.pred-stat-bar-track{flex:1;height:4px;background:#0f172a14;border-radius:2px;overflow:hidden}.pred-stat-bar-track.home{transform:scaleX(-1)}.pred-stat-bar-fill{height:100%;border-radius:2px;transition:width .4s ease}.pred-stat-bar-fill.home{background:#3b82f6}.pred-stat-bar-fill.away{background:#ef4444}.pred-h2h-block{padding:.5rem 1.5rem 1rem}.pred-h2h-summary{display:flex;justify-content:space-around;margin-bottom:.75rem}.pred-h2h-item{display:flex;flex-direction:column;align-items:center;gap:.2rem}.pred-h2h-num{font-size:1.5rem;font-weight:800}.pred-h2h-num.home{color:#3b82f6}.pred-h2h-num.draw{color:#94a3b8}.pred-h2h-num.away{color:#ef4444}.pred-h2h-lbl{font-size:.65rem;color:#475569;font-weight:600}.pred-h2h-bar{display:flex;height:6px;border-radius:3px;overflow:hidden;gap:2px;margin-bottom:.75rem}.pred-h2h-matches{display:flex;flex-direction:column;gap:.3rem}.pred-h2h-match{display:flex;align-items:center;gap:.6rem;padding:.4rem .6rem;background:#0f172a0a;border-radius:.375rem;border-left:3px solid transparent}.pred-h2h-w{border-left-color:#22c55e}.pred-h2h-d{border-left-color:#94a3b8}.pred-h2h-l{border-left-color:#ef4444}.pred-h2h-year{font-size:.65rem;color:#475569;font-weight:600;min-width:28px}.pred-h2h-score{font-size:.78rem;font-weight:700;color:var(--text-primary, #1e293b);margin-left:auto}.pred-reasoning{display:flex;gap:.75rem;align-items:flex-start;padding:.75rem 1.5rem 1rem}.pred-reasoning-icon{width:32px;height:32px;border-radius:.5rem;background:#60a5fa1a;border:1px solid rgba(96,165,250,.2);display:flex;align-items:center;justify-content:center;color:#60a5fa;flex-shrink:0}.pred-reasoning p{font-size:.82rem;color:#475569;line-height:1.6}.pred-user-pick{padding:.75rem 1.5rem 1.25rem;display:flex;flex-direction:column;gap:.75rem}.pred-user-pick-btns{display:flex;gap:.5rem}.pred-pick-btn{flex:1;padding:.6rem .25rem;border-radius:.5rem;border:1px solid rgba(15,23,42,.12);background:#0f172a0a;color:#475569;font-size:.75rem;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pred-pick-btn:hover{background:#0f172a14}.pred-pick-btn.pred-pick-home.selected{background:#3b82f633;border-color:#3b82f6;color:#60a5fa}.pred-pick-btn.pred-pick-draw.selected{background:#94a3b833;border-color:#94a3b8;color:#475569}.pred-pick-btn.pred-pick-away.selected{background:#ef444433;border-color:#ef4444;color:#f87171}.pred-submit-btn{width:100%;padding:.7rem;border-radius:.5rem;border:none;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;font-size:.82rem;font-weight:700;cursor:pointer;transition:all .2s;letter-spacing:.02em}.pred-submit-btn:hover:not(.disabled){background:linear-gradient(135deg,#60a5fa,#3b82f6);transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.pred-submit-btn.disabled{opacity:.4;cursor:not-allowed}.pred-submitted{display:flex;align-items:center;gap:.75rem;padding:1rem 1.5rem;background:#22c55e1a;border:1px solid rgba(34,197,94,.2);border-radius:.5rem;margin:.5rem 1.5rem 1rem;color:#22c55e}.pred-submitted>div{display:flex;flex-direction:column;gap:.2rem}.pred-submitted strong{font-size:.85rem;font-weight:700}.pred-submitted span{font-size:.78rem;color:#94a3b8}.pred-submitted em{color:#22c55e;font-style:normal;font-weight:600}.pred-lb-tabs{display:flex;border-bottom:1px solid var(--border-primary, rgba(15,23,42,.1))}.pred-lb-tab{flex:1;padding:.55rem;background:transparent;border:none;font-size:.72rem;font-weight:600;color:#475569;cursor:pointer;transition:all .2s;border-bottom:2px solid transparent}.pred-lb-tab.active{color:#d97706;border-bottom-color:#d97706;background:#d977060f}.pred-lb-tab:hover:not(.active){color:#334155;background:#0f172a08}.pred-podium{display:flex;justify-content:center;align-items:flex-end;gap:0;padding:1.25rem .75rem .75rem;background:#0000001a;border-bottom:1px solid rgba(15,23,42,.08)}.pred-podium-slot{display:flex;flex-direction:column;align-items:center;gap:.3rem;flex:1;padding:0 .25rem}.pred-podium-1{order:2;transform:translateY(-12px)}.pred-podium-2{order:1}.pred-podium-3{order:3}.pred-podium-avatar{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,#334155,#475569);display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:800;color:var(--text-primary, #f8fafc);border:2px solid transparent}.pred-podium-1 .pred-podium-avatar{width:52px;height:52px;font-size:.85rem}.pred-podium-rank{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.85rem;margin-top:-12px}.pred-podium-name{font-size:.68rem;font-weight:700;color:var(--text-primary, #1e293b);text-align:center;max-width:70px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pred-podium-acc{font-size:.72rem;font-weight:800}.pred-lb-list{display:flex;flex-direction:column;overflow:hidden}.pred-lb-row{display:flex;align-items:center;gap:.5rem;padding:.6rem .75rem;border-bottom:1px solid rgba(15,23,42,.06);transition:background .15s}.pred-lb-row:hover{background:#0f172a09}.pred-lb-row.top-three{background:#f59e0b08}.pred-lb-rank{font-size:.78rem;font-weight:700;min-width:26px;text-align:center}.pred-lb-avatar{width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg,#334155,#475569);display:flex;align-items:center;justify-content:center;font-size:.62rem;font-weight:800;color:var(--text-primary, #f8fafc);border:1.5px solid #334155;flex-shrink:0}.pred-lb-info{flex:1;overflow:hidden}.pred-lb-name{font-size:.78rem;font-weight:600;color:var(--text-primary, #1e293b);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-decoration:none}.pred-lb-name-link:hover{color:#2563eb;text-decoration:underline;cursor:pointer}.pred-lb-sub{font-size:.62rem;color:#475569}.pred-lb-right{display:flex;flex-direction:column;align-items:flex-end;gap:.15rem}.pred-lb-acc{font-size:.78rem;font-weight:700}.pred-lb-streak{display:flex;align-items:center;gap:.15rem;font-size:.6rem;color:#f59e0b;font-weight:700}.pred-lb-points{font-size:.7rem;font-weight:700;color:#475569;min-width:56px;text-align:right}.pred-global-grid{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;padding:.75rem}.pred-global-stat{padding:.75rem;background:#0f172a0a;border:1px solid rgba(15,23,42,.08);border-radius:.5rem;text-align:center}.pred-global-num{font-size:1.1rem;font-weight:800;color:var(--text-primary, #1e293b)}.pred-global-lbl{font-size:.62rem;color:#475569;margin-top:.2rem;font-weight:600}@media (max-width: 1400px){.pred-layout{grid-template-columns:250px 1fr 250px}}@media (max-width: 1200px){.pred-layout{grid-template-columns:220px 1fr 220px}}@media (max-width: 1024px){.pred-layout{grid-template-columns:200px 1fr 200px}.pred-hub,.pred-potd-body{grid-template-columns:1fr}.pred-detail-tab-body .pred-markets-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 768px){.pred-layout{grid-template-columns:1fr;grid-template-rows:auto}.pred-detail-tab-body .pred-markets-grid{grid-template-columns:repeat(2,1fr)}.pred-detail-teams{gap:.5rem}.pred-detail-team img{width:36px;height:36px}.pred-detail-team-name{font-size:.85rem}.pred-markets-grid{grid-template-columns:repeat(2,1fr)}.pred-prob-bars{gap:.75rem}.pred-prob-bar-block{width:56px}.pred-match-items{max-height:300px}}@media (max-width: 480px){.pred-markets-grid{grid-template-columns:repeat(2,1fr)}.pred-podium{gap:0}.pred-user-pick-btns{flex-direction:column}.pred-hub{grid-template-columns:1fr}}.pred-hub{display:grid;grid-template-columns:1fr 1fr;gap:1rem;padding:1rem 0}.pred-hub-panel{background:var(--bg-secondary, #1e293b);border:1px solid var(--border-primary, rgba(255,255,255,.08));border-radius:.75rem;overflow:hidden}.pred-hub-match-tag{margin-left:auto;font-size:10px;font-weight:500;color:#64748b;background:#0f172a0f;padding:2px 8px;border-radius:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}.pred-hub-community-inner{padding:10px 12px;max-height:520px;overflow-y:auto}.pred-hub-potd-inner{padding:14px 16px}.pred-potd-card{display:flex;flex-direction:column;gap:12px}.pred-potd-badge{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:700;color:#fbbf24;background:#fbbf241a;border:1px solid rgba(251,191,36,.25);padding:3px 10px;border-radius:10px;width:fit-content;letter-spacing:.3px}.pred-potd-match{display:flex;align-items:center;gap:10px;padding:10px 14px;background:#0f172a0a;border:1px solid rgba(15,23,42,.08);border-radius:8px;flex-wrap:wrap}.pred-potd-league{font-size:11px;color:#475569;white-space:nowrap}.pred-potd-vs{font-size:14px;font-weight:700;color:#1e293b;flex:1}.pred-potd-vs em{font-style:normal;color:#64748b;font-weight:400;font-size:12px;margin:0 4px}.pred-potd-time{font-size:11px;color:#94a3b8;background:#1e293b;padding:2px 8px;border-radius:6px}.pred-potd-body{display:grid;grid-template-columns:1fr 200px;gap:16px}.pred-potd-predictor{display:flex;align-items:center;gap:10px;margin-bottom:12px}.pred-potd-avatar{width:38px;height:38px;border-radius:50%;background:#1e293b;border:2px solid #334155;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;color:#94a3b8;flex-shrink:0}.pred-potd-avatar.tier-pro{border-color:#f59e0b;color:#fbbf24}.pred-potd-avatar.tier-vip{border-color:#a78bfa;color:#c4b5fd}.pred-potd-avatar.tier-basic{border-color:#3b82f6;color:#60a5fa}.pred-potd-pinfo{display:flex;flex-direction:column;gap:3px}.pred-potd-pname{font-size:13px;font-weight:700;color:#1e293b;line-height:1}.pred-potd-pstats{font-size:10px;color:#475569}.pred-potd-pick-row{display:flex;align-items:center;gap:8px;margin-bottom:10px;flex-wrap:wrap}.pred-potd-pick-label{font-size:12px;color:#475569}.pred-potd-pick{font-size:13px;font-weight:700;color:#34d399;background:#34d3991a;border:1px solid rgba(52,211,153,.2);padding:2px 10px;border-radius:6px}.pred-potd-conf{font-size:10px;color:#475569}.pred-potd-analysis{font-size:12px;color:#475569;line-height:1.7;margin:0}.pred-potd-stats-title{font-size:11px;font-weight:700;color:#334155;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.pred-potd-stat-row{display:flex;justify-content:space-between;align-items:center;padding:6px 0;border-bottom:1px solid rgba(15,23,42,.07);font-size:11px}.pred-potd-stat-label{color:#475569}.pred-potd-stat-value{font-weight:600;color:#1e293b}.pred-potd-conf-bar-wrap{margin-top:12px;margin-bottom:10px}.pred-potd-conf-bar-label{font-size:10px;color:#475569;margin-bottom:5px}.pred-potd-conf-bar-track{height:6px;background:#0f172a1f;border-radius:4px;overflow:hidden;margin-bottom:4px}.pred-potd-conf-bar-fill{height:100%;background:linear-gradient(90deg,#3b82f6,#06b6d4);border-radius:4px;transition:width .4s ease}.pred-potd-conf-pct{font-size:11px;font-weight:700;color:#60a5fa}.pred-potd-published{font-size:10px;color:#64748b;margin-top:4px}.pred-dev-bar{display:flex;align-items:center;gap:6px;padding:6px 16px;background:#1e1b4b;border-bottom:1px solid #3730a3;font-size:11px;color:#a5b4fc}.pred-dev-btn{padding:2px 10px;border-radius:4px;border:1px solid #4338ca;background:transparent;color:#a5b4fc;font-size:11px;cursor:pointer;transition:background .15s,color .15s}.pred-dev-btn.active{background:#4338ca;color:#fff}.pred-dev-btn:hover:not(.active){background:#312e81;color:#e0e7ff}.pred-dev-account{margin-left:auto;display:flex;align-items:center;gap:6px;padding:2px 10px 2px 8px;background:#6366f126;border:1px solid #4338ca;border-radius:6px;font-size:11px;color:#c7d2fe}.pred-dev-account strong{color:#e0e7ff;font-weight:700}.pred-tier-badge{display:inline-flex;align-items:center;gap:3px;padding:2px 7px;border-radius:10px;font-size:10px;font-weight:700;letter-spacing:.4px;text-transform:uppercase}.pred-tier-badge.tier-basic{background:#1e3a5f;color:#60a5fa;border:1px solid #2563eb44}.pred-tier-badge.tier-pro{background:#2d1b69;color:#a78bfa;border:1px solid #7c3aed44}.pred-tier-badge.tier-vip{background:#3b1f00;color:#fbbf24;border:1px solid #d9770644}.pred-community{margin-top:8px}.pred-community-goto-btn{display:flex;align-items:center;justify-content:center;gap:10px;padding:14px 20px;margin-bottom:16px;background:linear-gradient(135deg,#1e40af,#3b82f6);border:1px solid #3b82f6;border-radius:10px;color:#fff;font-size:13px;font-weight:700;text-decoration:none;text-transform:uppercase;letter-spacing:.5px;transition:all .2s ease;cursor:pointer;box-shadow:0 2px 8px #3b82f633}.pred-community-goto-btn:hover{background:linear-gradient(135deg,#1e3a8a,#2563eb);border-color:#2563eb;transform:translateY(-2px);box-shadow:0 6px 16px #3b82f666}.pred-community-goto-btn:active{transform:translateY(0);box-shadow:0 2px 8px #3b82f64d}.pred-community-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.pred-community-title{font-size:13px;font-weight:600;color:#1e293b}.pred-community-count{font-size:11px;color:#475569}.pred-community-filters{display:flex;gap:5px;margin-bottom:12px;flex-wrap:wrap}.pred-cf-btn{padding:3px 11px;border-radius:12px;border:1px solid #334155;background:transparent;color:#94a3b8;font-size:11px;cursor:pointer;transition:all .15s}.pred-cf-btn.active{background:#1e40af;border-color:#3b82f6;color:#fff}.pred-cf-btn:hover:not(.active){border-color:#94a3b8;color:#334155}.pred-comm-card{background:#0f172a;border:1px solid #1e293b;border-radius:8px;padding:10px 12px;margin-bottom:8px;transition:border-color .15s}.pred-comm-card:hover{border-color:#334155}.pred-comm-card.locked{position:relative;overflow:hidden}.pred-comm-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.pred-comm-user{display:flex;align-items:center;gap:8px}.pred-comm-user-link{text-decoration:none;border-radius:6px;padding:2px 4px;margin:-2px -4px;transition:background .15s}.pred-comm-user-link:hover{background:#2563eb0f}.pred-comm-user-link:hover .pred-comm-name{color:#2563eb}.pred-comm-avatar{width:28px;height:28px;border-radius:50%;background:#1e293b;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;color:#94a3b8;flex-shrink:0}.pred-comm-userinfo{display:flex;flex-direction:column;gap:2px}.pred-comm-name{font-size:12px;font-weight:600;color:#e2e8f0;line-height:1}.pred-comm-meta{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.pred-comm-price{font-size:11px;color:#fbbf24;display:flex;align-items:center;gap:3px}.pred-comm-group{font-size:10px;color:#a78bfa;background:#2d1b69;padding:1px 6px;border-radius:8px}.pred-comm-pick{font-size:12px;font-weight:700;color:#34d399;background:#064e3b22;padding:2px 8px;border-radius:6px;border:1px solid #10b98133}.pred-comm-pick-locked{display:flex;align-items:center;gap:4px;font-size:11px;font-weight:600;color:#64748b;background:#ffffff0d;padding:2px 8px;border-radius:6px;border:1px solid rgba(255,255,255,.08)}.pred-comm-analysis{font-size:11px;color:#94a3b8;line-height:1.5;margin-bottom:8px}.pred-comm-footer{display:flex;align-items:center;justify-content:space-between}.pred-comm-like{display:flex;align-items:center;gap:4px;font-size:11px;color:#64748b;background:none;border:none;cursor:pointer;padding:0;transition:color .15s}.pred-comm-like:hover{color:#f472b6}.pred-comm-time{font-size:10px;color:#475569}.pred-comm-locked-wrap{position:relative}.locked-blur{filter:blur(3px);pointer-events:none;user-select:none}.pred-lock-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;background:#020617b3;border-radius:8px}.pred-lock-label{font-size:12px;font-weight:600;color:#e2e8f0;display:flex;align-items:center;gap:4px}.pred-lock-upgrade{font-size:11px;color:#a78bfa;background:#2d1b6944;border:1px solid #7c3aed55;padding:3px 10px;border-radius:10px;cursor:pointer;transition:background .15s}.pred-lock-upgrade:hover{background:#2d1b69}.pred-visitor-wall{text-align:center;padding:24px 16px;border:1px dashed #334155;border-radius:10px;background:#0f172a}.pred-visitor-icon{margin-bottom:8px;color:#a78bfa}.pred-visitor-text h4{font-size:14px;font-weight:700;color:#e2e8f0;margin:0 0 4px}.pred-visitor-text p{font-size:12px;color:#64748b;margin:0 0 16px}.pred-visitor-actions{display:flex;gap:8px;justify-content:center;margin-bottom:20px}.pred-wall-btn{padding:7px 18px;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;border:none;transition:opacity .15s}.pred-wall-btn:hover{opacity:.85}.pred-wall-btn.primary{background:#2563eb;color:#fff}.pred-wall-btn.secondary{background:#1e293b;color:#94a3b8;border:1px solid #334155}.pred-tier-overview{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;text-align:left}.pred-tier-item{background:#1e293b;border-radius:8px;padding:10px}.pred-tier-icon{font-size:18px;margin-bottom:4px}.pred-tier-item h5{font-size:11px;font-weight:700;color:#e2e8f0;margin:0 0 4px;text-transform:uppercase}.pred-tier-item ul{list-style:none;padding:0;margin:0}.pred-tier-item li{font-size:10px;color:#94a3b8;padding:1px 0}.pred-submit-form{margin-top:4px}.pred-submit-tier-info{display:flex;align-items:center;gap:6px;margin-bottom:10px;font-size:11px;color:#64748b}.pred-stier-chip{padding:2px 8px;border-radius:8px;font-size:10px;font-weight:700}.pred-submit-options{display:flex;gap:6px;margin-bottom:10px;flex-wrap:wrap}.pred-submit-toggle{padding:5px 12px;border-radius:6px;border:1px solid rgba(59,130,246,.3);background:#1e3a8a40;color:#93c5fd;font-size:12px;cursor:pointer;transition:all .15s}.pred-submit-toggle.active{background:linear-gradient(135deg,#1e40af,#2563eb);border-color:#60a5fa;color:#fff}.pred-submit-toggle:hover:not(.active){border-color:#60a5fa;background:#2563eb40;color:#bfdbfe}.pred-submit-analysis{width:100%;min-height:70px;background:#0a143ccc;border:1px solid rgba(59,130,246,.35);border-radius:6px;color:#e2e8f0;font-size:12px;padding:8px 10px;resize:vertical;margin-bottom:8px;font-family:inherit;transition:border-color .15s}.pred-submit-analysis:focus{outline:none;border-color:#60a5fa;box-shadow:0 0 0 2px #3b82f626}.pred-analysis-hint{font-size:10px;color:#475569;margin-bottom:10px}.pred-price-row{display:flex;align-items:center;gap:8px;margin-bottom:10px}.pred-price-input{flex:1;background:#0a143ccc;border:1px solid rgba(59,130,246,.35);border-radius:6px;color:#e2e8f0;font-size:12px;padding:6px 10px;font-family:inherit}.pred-price-input:focus{outline:none;border-color:#fbbf24;box-shadow:0 0 0 2px #fbbf2426}.pred-vip-group-input{width:100%;background:#0a143ccc;border:1px solid rgba(59,130,246,.35);border-radius:6px;color:#e2e8f0;font-size:12px;padding:6px 10px;margin-bottom:10px;font-family:inherit}.pred-vip-group-input:focus{outline:none;border-color:#a78bfa;box-shadow:0 0 0 2px #a78bfa26}.pred-picker{margin:0 12px 2px;border-radius:10px;overflow:hidden}.pred-picker-done-text em{font-style:normal;color:#bbf7d0;font-weight:600}.pred-picker-collapsed{background:transparent}.pred-picker-banner{display:flex;align-items:center;gap:12px;padding:12px 14px;background:linear-gradient(135deg,#1e3a8aeb,#1d4ed8e0,#2563ebd9);border:1px solid rgba(96,165,250,.45);border-radius:12px;position:relative;overflow:hidden}.pred-picker-banner:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#6366f11f,#3b82f614);pointer-events:none}.pred-picker-banner-icon{font-size:24px;flex-shrink:0;filter:drop-shadow(0 0 8px rgba(59,130,246,.5));position:relative}.pred-picker-banner-body{flex:1;display:flex;flex-direction:column;gap:3px;min-width:0;position:relative}.pred-picker-banner-title{font-size:13px;font-weight:700;color:#fff;letter-spacing:.01em}.pred-picker-banner-sub{font-size:11px;color:#bfdbfe;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pred-picker-open-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;background:#fff;border:none;border-radius:8px;color:#1d4ed8;font-size:12px;font-weight:800;cursor:pointer;transition:background .15s,box-shadow .15s,transform .1s;white-space:nowrap;flex-shrink:0;position:relative;box-shadow:0 2px 12px #0000004d;letter-spacing:.02em}.pred-picker-open-btn:hover{background:#f0f9ff;box-shadow:0 4px 18px #00000059;transform:translateY(-1px)}.pred-picker-open-btn:active{transform:translateY(0);box-shadow:0 1px 6px #00000040}.pred-picker-sell-hint{font-size:10px;color:#fbbf24;background:#f59e0b33;border-radius:4px;padding:2px 5px}.pred-picker-title{display:flex;align-items:center;gap:6px;font-size:12px;color:#cbd5e1;font-weight:600}.pred-picker-title svg{color:#3b82f6}.pred-picker-selected-summary{display:flex;align-items:center;gap:6px;padding:7px 10px;background:#3b82f61a;border:1px solid rgba(59,130,246,.3);border-radius:7px;font-size:11px;flex-wrap:wrap}.pred-picker-sel-cat{color:#64748b;font-size:10px;text-transform:uppercase;letter-spacing:.05em}.pred-picker-sel-dot{color:#475569;font-size:10px}.pred-picker-sel-mkt{color:#94a3b8;font-size:11px}.pred-picker-sel-val{color:#60a5fa;font-weight:700;font-size:12px}.pred-picker-sel-clear{margin-left:auto;background:transparent;border:none;color:#475569;font-size:11px;cursor:pointer;padding:0 2px;line-height:1;transition:color .15s}.pred-picker-sel-clear:hover{color:#ef4444}.pred-picker-cats{display:flex;gap:4px;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}.pred-picker-cats::-webkit-scrollbar{display:none}.pred-picker-cat-tab{flex-shrink:0;display:flex;flex-direction:column;align-items:center;gap:1px;padding:5px 10px;background:#1e3a8a40;border:1px solid rgba(59,130,246,.28);border-radius:7px;color:#93c5fd;font-size:11px;font-weight:700;cursor:pointer;transition:background .15s,border-color .15s,color .15s;letter-spacing:.04em}.pred-picker-cat-tab:hover{background:#2563eb59;border-color:#60a5fa8c;color:#bfdbfe}.pred-picker-cat-tab.active{background:#2563eb73;border-color:#60a5fa;color:#fff}.pred-picker-cat-full{font-size:8px;font-weight:400;letter-spacing:0;color:inherit;opacity:.75;text-transform:uppercase}.pred-picker-markets{display:flex;flex-direction:column;gap:0;max-height:280px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(59,130,246,.4) transparent;border:1px solid rgba(59,130,246,.25);border-radius:8px;background:#0a143799}.pred-picker-markets::-webkit-scrollbar{width:3px}.pred-picker-markets::-webkit-scrollbar-track{background:transparent}.pred-picker-markets::-webkit-scrollbar-thumb{background:#334155;border-radius:2px}.pred-picker-market-section{display:flex;flex-direction:column;gap:8px;padding:10px 12px;border-bottom:1px solid rgba(30,41,59,.8)}.pred-picker-market-section:last-child{border-bottom:none}.pred-picker-market-title{display:flex;align-items:center;gap:7px;font-size:9px;letter-spacing:.1em;text-transform:uppercase;font-weight:700;color:#475569}.pred-picker-market-title:before{content:"";display:inline-block;width:3px;height:10px;border-radius:2px;flex-shrink:0}.mkt-1x2{color:#60a5fa}.mkt-1x2:before{background:#3b82f6}.mkt-hdcp{color:#fbbf24}.mkt-hdcp:before{background:#f59e0b}.mkt-ou{color:#4ade80}.mkt-ou:before{background:#22c55e}.mkt-team1{color:#818cf8}.mkt-team1:before{background:#6366f1}.mkt-team2{color:#818cf8}.mkt-team2:before{background:#6366f1}.chips-1x2-grid{display:grid;grid-template-columns:1fr .75fr 1fr;gap:6px}.pred-chip-1x2{display:flex;flex-direction:column;align-items:center;gap:3px;padding:9px 6px 8px;background:#141e32b3;border:1px solid #1e293b;border-radius:7px;cursor:pointer;transition:all .14s;border-bottom-width:2px;border-bottom-color:#1e293b}.pred-chip-1x2:hover{background:#1e2d46d9;border-color:#334155}.chip-1x2-role{font-size:8px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#475569}.chip-1x2-team{font-size:11px;font-weight:600;color:#94a3b8;text-align:center;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.chip-1x2-home.selected{background:#3b82f626;border-color:#3b82f6;border-bottom-color:#3b82f6}.chip-1x2-home.selected .chip-1x2-role{color:#60a5fa}.chip-1x2-home.selected .chip-1x2-team{color:#93c5fd}.chip-1x2-draw.selected{background:#8b5cf626;border-color:#8b5cf6;border-bottom-color:#8b5cf6}.chip-1x2-draw.selected .chip-1x2-role{color:#a78bfa}.chip-1x2-draw.selected .chip-1x2-team{color:#c4b5fd}.chip-1x2-away.selected{background:#ef444426;border-color:#ef4444;border-bottom-color:#ef4444}.chip-1x2-away.selected .chip-1x2-role{color:#f87171}.chip-1x2-away.selected .chip-1x2-team{color:#fca5a5}.ou-pairs-wrap{display:flex;flex-direction:column;gap:4px}.ou-pair-row{display:grid;grid-template-columns:1fr 1fr;gap:4px}.pred-chip-ou{display:flex;align-items:center;justify-content:space-between;padding:7px 10px;border-radius:6px;border:1px solid #1e293b;cursor:pointer;transition:all .13s;gap:6px}.pred-chip-ou:hover{border-color:#334155;background:#1e2d3cb3}.ou-label{font-size:9px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.ou-val{font-size:13px;font-weight:700;letter-spacing:-.01em}.ou-over{background:#14281e99;border-color:#22c55e1f}.ou-over .ou-label{color:#4ade80}.ou-over .ou-val{color:#86efac}.ou-over:hover{background:#143723bf;border-color:#22c55e4d}.ou-over.selected{background:#22c55e2e;border-color:#22c55e}.ou-over.selected .ou-label{color:#4ade80}.ou-over.selected .ou-val{color:#bbf7d0}.ou-under{background:#19121280;border-color:#ef444414}.ou-under .ou-label{color:#f87171}.ou-under .ou-val{color:#fca5a5}.ou-under:hover{background:#321414b3;border-color:#ef444440}.ou-under.selected{background:#ef44442e;border-color:#ef4444}.ou-under.selected .ou-label{color:#f87171}.ou-under.selected .ou-val{color:#fecaca}.pred-picker-chips{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.pred-picker-chip{padding:6px 8px;background:#141e32b3;border:1px solid #1e293b;border-radius:6px;color:#64748b;font-size:11px;font-weight:600;cursor:pointer;transition:all .13s;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pred-picker-chip:hover{background:#1e2d46cc;border-color:#334155;color:#cbd5e1}.chip-hdcp.selected{background:#f59e0b29;border-color:#f59e0b;color:#fcd34d}.chips-team1 .pred-picker-chip.selected,.chips-team2 .pred-picker-chip.selected{background:#6366f12e;border-color:#6366f1;color:#c7d2fe}.pred-picker-submit-btn{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;padding:9px 16px;background:#1e293b;border:1px solid #334155;border-radius:8px;color:#475569;font-size:12px;font-weight:700;cursor:not-allowed;transition:background .2s,color .2s,border-color .2s,transform .1s;letter-spacing:.02em}.pred-picker-submit-btn.ready{background:linear-gradient(135deg,#3b82f6,#6366f1);border-color:transparent;color:#fff;cursor:pointer}.pred-comm-mkt-pick{display:flex;flex-direction:column;align-items:flex-end;gap:1px}.pred-comm-mkt-cat{font-size:9px;color:#64748b;text-transform:uppercase;letter-spacing:.05em;line-height:1}.pred-comm-mkt-sel{font-size:11px;font-weight:700;color:#60a5fa;line-height:1}.pred-picker-guest{display:flex;align-items:center;gap:8px;padding:10px 14px;background:#1e3a8a4d;border:1px solid rgba(59,130,246,.35);border-radius:10px;font-size:12px;color:#93c5fd}.pred-picker-guest svg{color:#60a5fa;flex-shrink:0}.pred-picker-signin-btn{margin-left:auto;padding:5px 14px;background:#3b82f6;color:#fff;border:none;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;transition:background .15s}.pred-picker-signin-btn:hover{background:#2563eb}.pred-picker-done{display:flex;align-items:center;gap:10px;padding:10px 14px;background:#14532d59;border:1px solid #166534;border-radius:10px;font-size:12px;color:#86efac}.pred-picker-done-icon{font-size:16px;flex-shrink:0}.pred-picker-done-text{display:flex;flex-direction:column;gap:2px;flex:1}.pred-picker-done-text strong{color:#4ade80;font-size:12px}.pred-picker-done-text span{color:#86efac;font-size:11px}.pred-picker-edit-btn{padding:4px 12px;background:transparent;border:1px solid #166534;border-radius:6px;color:#4ade80;font-size:11px;cursor:pointer;transition:background .15s}.pred-picker-edit-btn:hover{background:#22c55e1a}.pred-game-drop-wrap{position:relative}.pred-game-drop-trigger{display:flex;align-items:center;gap:8px;width:100%;padding:8px 12px;background:#1e52b459;border:1.5px solid rgba(96,165,250,.55);border-radius:8px;color:#e2e8f0;font-size:12px;cursor:pointer;transition:background .15s,border-color .15s;text-align:left}.pred-game-drop-trigger:hover,.pred-game-drop-trigger.open{background:#2563eb73;border-color:#60a5fa}.pgd-selected-league{font-size:14px;flex-shrink:0}.pgd-selected-name{flex:1;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pgd-selected-time{font-size:11px;color:#60a5fa;flex-shrink:0}.pgd-chevron{flex-shrink:0;color:#64748b;transition:transform .2s}.pred-game-drop-trigger.open .pgd-chevron{transform:rotate(180deg)}.pred-game-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;background:#0d1f4a;border:1.5px solid rgba(96,165,250,.6);border-radius:10px;z-index:120;box-shadow:0 8px 32px #000000b3,0 0 0 1px #3b82f626;overflow:hidden}.pred-game-drop-search{padding:8px 10px;border-bottom:1px solid rgba(59,130,246,.25)}.pred-game-search-input{width:100%;padding:6px 10px;background:#0a1e50e6;border:1.5px solid rgba(96,165,250,.45);border-radius:6px;color:#e2e8f0;font-size:12px;font-family:inherit;box-sizing:border-box;transition:border-color .15s}.pred-game-search-input::placeholder{color:#7dd3fc;opacity:.6}.pred-game-search-input:focus{outline:none;border-color:#60a5fa;box-shadow:0 0 0 2px #60a5fa26}.pred-game-drop-list{max-height:240px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(96,165,250,.4) transparent}.pred-game-drop-list::-webkit-scrollbar{width:4px}.pred-game-drop-list::-webkit-scrollbar-thumb{background:#60a5fa66;border-radius:2px}.pred-game-drop-item{display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;column-gap:8px;row-gap:1px;width:100%;padding:8px 12px;background:transparent;border:none;border-bottom:1px solid rgba(59,130,246,.15);color:#bfdbfe;font-size:11px;cursor:pointer;text-align:left;transition:background .12s,color .12s}.pred-game-drop-item:last-child{border-bottom:none}.pred-game-drop-item:hover{background:#2563eb40;color:#e2e8f0}.pred-game-drop-item.active{background:#3b82f640;color:#fff}.pgdi-league{grid-column:1;grid-row:1;font-size:10px;color:#93c5fd;display:flex;align-items:center;gap:4px}.pgdi-league em{font-style:normal}.pred-game-drop-item.active .pgdi-league{color:#7dd3fc}.pgdi-teams{grid-column:1;grid-row:2;font-weight:600;font-size:12px;color:#e2e8f0}.pred-game-drop-item.active .pgdi-teams{color:#fff}.pgdi-vs{color:#60a5fa;font-weight:400;margin:0 2px}.pgdi-time{grid-column:2;grid-row:1 / 3;align-self:center;font-size:11px;font-weight:600;color:#60a5fa}.pred-game-drop-item.active .pgdi-time{color:#7dd3fc}.pred-picker-expanded{background:linear-gradient(160deg,#0a1a4df7,#0e1e50f7);border:1px solid rgba(59,130,246,.4);border-radius:10px;padding:12px 14px;display:flex;flex-direction:column;gap:10px}.pred-picker-top{display:flex;align-items:center;justify-content:space-between}.pred-picker-title{font-size:12px;color:#cbd5e1;font-weight:600}.pred-picker-title em{font-style:normal;color:#94a3b8;font-weight:400}.pred-picker-collapse-btn{background:transparent;border:none;color:#64748b;font-size:13px;cursor:pointer;padding:2px 4px;line-height:1;transition:color .15s}.pred-picker-collapse-btn:hover{color:#e2e8f0}.pred-picker-options{display:grid;grid-template-columns:1fr .7fr 1fr;gap:6px}.pred-picker-opt{display:flex;flex-direction:column;align-items:center;gap:3px;padding:8px 6px;background:#1e293b99;border:1px solid #334155;border-radius:8px;cursor:pointer;transition:background .15s,border-color .15s,transform .1s;color:#94a3b8}.pred-picker-opt:hover{background:#334155b3;border-color:#475569;color:#e2e8f0}.pred-picker-opt-label{font-size:9px;text-transform:uppercase;letter-spacing:.06em;font-weight:700;opacity:.7}.pred-picker-opt-team{font-size:10px;font-weight:600;text-align:center;line-height:1.3;color:inherit}.pred-picker-opt.sel-home{background:#3b82f62e;border-color:#3b82f6;color:#93c5fd;transform:translateY(-1px)}.pred-picker-opt.sel-home .pred-picker-opt-label{color:#60a5fa;opacity:1}.pred-picker-opt.sel-draw{background:#a855f72e;border-color:#a855f7;color:#c4b5fd;transform:translateY(-1px)}.pred-picker-opt.sel-draw .pred-picker-opt-label{color:#a78bfa;opacity:1}.pred-picker-opt.sel-away{background:#ef44442e;border-color:#ef4444;color:#fca5a5;transform:translateY(-1px)}.pred-picker-opt.sel-away .pred-picker-opt-label{color:#f87171;opacity:1}.pred-picker-textarea{width:100%;background:#1e293b99;border:1px solid #334155;border-radius:8px;color:#e2e8f0;font-size:12px;padding:8px 10px;font-family:inherit;resize:none;transition:border-color .15s;box-sizing:border-box}.pred-picker-textarea::placeholder{color:#475569}.pred-picker-textarea:focus{outline:none;border-color:#3b82f6}.pred-picker-sell-wrap{display:flex;flex-direction:column;gap:8px;padding:10px 12px;background:#f59e0b0f;border:1px solid rgba(245,158,11,.2);border-radius:8px}.pred-picker-sell-label{display:flex;align-items:center;gap:7px;font-size:12px;color:#fbbf24;cursor:pointer;user-select:none}.pred-picker-sell-label input[type=checkbox]{accent-color:#f59e0b;cursor:pointer}.pred-picker-tier-badge{margin-left:auto;font-size:10px;font-weight:700;padding:2px 7px;border-radius:4px}.pred-picker-tier-badge.tier-pro{background:#f59e0b26;color:#fbbf24}.pred-picker-tier-badge.tier-vip{background:#8b5cf626;color:#c4b5fd}.pred-picker-coin-row{display:flex;align-items:center;flex-wrap:wrap;gap:6px}.pred-picker-coin-btn{padding:5px 10px;background:#0f172a99;border:1px solid #334155;border-radius:6px;color:#94a3b8;font-size:11px;font-weight:600;cursor:pointer;transition:background .15s,border-color .15s,color .15s}.pred-picker-coin-btn:hover{background:#f59e0b1a;border-color:#f59e0b;color:#fbbf24}.pred-picker-coin-btn.active{background:#f59e0b2e;border-color:#f59e0b;color:#fbbf24}.pred-picker-coin-custom{width:72px;padding:5px 8px;background:#0f172a99;border:1px solid #334155;border-radius:6px;color:#e2e8f0;font-size:11px;font-family:inherit;transition:border-color .15s}.pred-picker-coin-custom::placeholder{color:#475569}.pred-picker-coin-custom:focus{outline:none;border-color:#f59e0b}.pred-picker-submit-btn{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;padding:9px 16px;background:#334155;border:none;border-radius:8px;color:#64748b;font-size:12px;font-weight:700;cursor:not-allowed;transition:background .2s,color .2s,transform .1s;letter-spacing:.02em}.pred-picker-submit-btn.ready{background:linear-gradient(135deg,#3b82f6,#6366f1);color:#fff;cursor:pointer}.pred-picker-submit-btn.ready:hover{background:linear-gradient(135deg,#2563eb,#4f46e5);transform:translateY(-1px)}.pred-picker-submit-btn.ready:active{transform:translateY(0)}.fun-hero-svg-left{display:flex;align-items:center;opacity:.85;flex-shrink:0;line-height:0}.fun-game-container{padding:1.25rem 1rem 2rem;max-width:640px;margin:0 auto}.fun-game-title{font-size:1.4rem;font-weight:700;color:var(--text-primary);margin:0 0 1.25rem}.fun-back-btn{display:inline-flex;align-items:center;gap:.3rem;font-size:.78rem;color:var(--text-secondary);background:none;border:none;cursor:pointer;padding:.2rem 0;margin-bottom:.9rem;transition:color .2s}.fun-back-btn:hover{color:var(--accent-primary)}.fun-btn-primary{display:inline-flex;align-items:center;gap:.4rem;padding:.55rem 1.1rem;background:var(--accent-primary, #2563eb);color:#fff;border:none;border-radius:8px;font-size:.85rem;font-weight:600;cursor:pointer;transition:opacity .2s}.fun-btn-primary:hover{opacity:.85}.fun-btn-secondary{display:inline-flex;align-items:center;gap:.4rem;padding:.55rem 1.1rem;background:transparent;color:var(--text-secondary);border:1.5px solid var(--border-color);border-radius:8px;font-size:.85rem;font-weight:600;cursor:pointer;transition:border-color .2s,color .2s}.fun-btn-secondary:hover{border-color:var(--accent-primary);color:var(--accent-primary)}.fun-selector{padding:1.5rem 1rem 2rem}.fun-selector-title{font-size:1.1rem;font-weight:700;color:var(--text-primary);margin:0 0 1.2rem}.fun-game-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}.fun-game-card{display:flex;flex-direction:column;align-items:flex-start;gap:.35rem;padding:1.4rem 1.2rem 1rem;background:var(--bg-secondary);border:1.5px solid var(--border-color);border-radius:14px;cursor:pointer;text-align:left;position:relative;overflow:hidden;transition:border-color .2s,transform .15s}.fun-game-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--card-color, #2563eb);border-radius:14px 14px 0 0}.fun-game-card:hover{border-color:var(--card-color, #2563eb);transform:translateY(-2px)}.fun-card-icon{font-size:2.2rem;line-height:1}.fun-card-title{font-size:1rem;font-weight:700;color:var(--text-primary)}.fun-card-desc{font-size:.78rem;color:var(--text-secondary)}.fun-card-play{display:inline-flex;align-items:center;gap:.2rem;margin-top:.5rem;font-size:.8rem;font-weight:600;color:var(--card-color, #2563eb)}.trivia-setup-sub{font-size:.9rem;color:var(--text-secondary);margin:0 0 1rem}.trivia-setup-note{font-size:.75rem;color:var(--text-tertiary, #9ca3af);margin-top:1.2rem;text-align:center}.trivia-cat-row{display:flex;justify-content:center;margin-bottom:.85rem}.trivia-cat-select{padding:.5rem 2.5rem .5rem .85rem;font-size:.9rem;font-weight:600;border:2px solid #7c3aed;border-radius:12px;background:var(--bg-secondary);color:var(--text-primary);cursor:pointer;transition:all .2s;appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%237c3aed' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;min-width:200px}.trivia-cat-select:hover{border-color:#6d28d9;background:#7c3aed0d}.trivia-cat-select:focus{outline:none;border-color:#6d28d9;box-shadow:0 0 0 3px #7c3aed26}.trivia-length-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem}.trivia-length-btn{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:1rem .5rem;background:var(--bg-secondary);border:1.5px solid var(--border-color);border-radius:12px;cursor:pointer;transition:border-color .2s,background .2s}.trivia-length-btn:hover{border-color:#7c3aed;background:#7c3aed0f}.trivia-length-num{font-size:1.6rem;font-weight:800;color:#7c3aed;line-height:1}.trivia-length-label{font-size:.7rem;font-weight:600;color:var(--text-secondary)}.trivia-length-time{font-size:.65rem;color:var(--text-tertiary, #9ca3af)}.trivia-meta-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.trivia-cat-badge{font-size:.72rem;font-weight:600;padding:.2rem .6rem;background:#7c3aed1f;color:#7c3aed;border-radius:20px}.trivia-score-inline{font-size:.8rem;color:var(--text-secondary)}.trivia-score-inline strong{color:var(--text-primary)}.trivia-progress{display:flex;align-items:center;gap:.6rem;margin-bottom:.4rem}.trivia-qnum{font-size:.78rem;color:var(--text-secondary);white-space:nowrap}.trivia-timer{font-size:.78rem;font-weight:700;color:var(--text-secondary);white-space:nowrap}.trivia-timer.urgent{color:#ef4444}.trivia-progress-bar{flex:1;height:6px;background:var(--bg-tertiary, #1e293b);border-radius:4px;overflow:hidden}.trivia-progress-fill{height:100%;background:#7c3aed;border-radius:4px;transition:width .3s}.trivia-timer-bar{height:3px;background:var(--bg-tertiary, #1e293b);border-radius:2px;margin-bottom:1.2rem;overflow:hidden}.trivia-timer-fill{height:100%;background:#7c3aed;border-radius:2px}.trivia-timer-fill.urgent{background:#ef4444}.trivia-question{font-size:1rem;font-weight:600;color:var(--text-primary);line-height:1.5;margin-bottom:1.2rem;min-height:3rem}.trivia-options{display:grid;grid-template-columns:1fr 1fr;gap:.6rem}.trivia-opt{display:flex;align-items:center;gap:.6rem;padding:.7rem .85rem;background:var(--bg-secondary);border:1.5px solid var(--border-color);border-radius:10px;font-size:.85rem;color:var(--text-primary);cursor:pointer;text-align:left;transition:border-color .15s,background .15s}.trivia-opt:not([disabled]):hover{border-color:#7c3aed;background:#7c3aed0f}.trivia-opt.correct{border-color:#16a34a!important;background:#16a34a1f!important;color:#16a34a}.trivia-opt.wrong{border-color:#ef4444!important;background:#ef44441f!important;color:#ef4444}.trivia-opt-letter{width:24px;height:24px;border-radius:50%;background:var(--bg-tertiary, #1e293b);font-size:.7rem;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.trivia-done{display:flex;flex-direction:column;align-items:center;gap:.8rem;padding:1.5rem 0;text-align:center}.trivia-done-icon{font-size:3.5rem}.trivia-done-score{font-size:2.5rem;font-weight:800;color:var(--text-primary)}.trivia-done-msg{font-size:1rem;color:var(--text-secondary)}.trivia-done-btns{display:flex;gap:.75rem;flex-wrap:wrap;justify-content:center;margin-top:.5rem}.trivia-done-pct-label{font-size:.88rem;font-weight:700;letter-spacing:.02em}.trivia-done-progress{width:100%;max-width:260px;height:8px;background:var(--bg-tertiary, #1e293b);border-radius:6px;overflow:hidden}.trivia-done-progress-fill{height:100%;border-radius:6px;transition:width .6s ease}.trivia-new-best-banner{background:linear-gradient(135deg,#7c3aed,#4f46e5);color:#fff;font-size:.88rem;font-weight:700;padding:.5rem 1.2rem;border-radius:20px;animation:trivia-pop .35s cubic-bezier(.175,.885,.32,1.275)}@keyframes trivia-pop{0%{transform:scale(.6);opacity:0}to{transform:scale(1);opacity:1}}.trivia-done-record-row{display:flex;align-items:center;gap:.45rem;font-size:.8rem;color:var(--text-secondary);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;padding:.45rem .8rem}.trivia-done-record-games{color:var(--text-tertiary, #9ca3af);margin-left:auto;font-size:.75rem}.trivia-done-history{width:100%;margin-top:.75rem}.trivia-records-panel{margin-top:1.4rem;background:var(--bg-secondary);border:1.5px solid var(--border-color);border-radius:14px;padding:1rem 1.1rem}.trivia-records-header{display:flex;align-items:center;gap:.45rem;font-size:.85rem;font-weight:700;color:var(--text-primary);margin-bottom:.75rem}.trivia-records-count{margin-left:auto;font-size:.72rem;font-weight:500;color:var(--text-tertiary, #9ca3af)}.trivia-records-empty{font-size:.8rem;color:var(--text-tertiary, #9ca3af);text-align:center;padding:.5rem 0}.trivia-records-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem;margin-bottom:.75rem}.trivia-record-cell{display:flex;flex-direction:column;align-items:center;gap:.15rem;padding:.6rem .25rem;border-radius:10px;font-size:.75rem}.trivia-record-cell.has-data{background:var(--bg-primary);border:1px solid var(--border-color)}.trivia-record-cell.empty{background:var(--bg-tertiary, #1e293b);border:1px dashed var(--border-color);opacity:.5}.trivia-record-label{font-size:.7rem;color:var(--text-tertiary, #9ca3af);font-weight:600}.trivia-record-score{font-size:1.05rem;font-weight:800;line-height:1}.trivia-record-pct{font-size:.7rem;font-weight:700}.trivia-record-games{font-size:.65rem;color:var(--text-tertiary, #9ca3af)}.trivia-record-empty{font-size:.85rem;color:var(--text-tertiary, #9ca3af)}.trivia-length-best{display:flex;align-items:center;gap:.2rem;font-size:.62rem;color:#a78bfa;font-weight:600;margin-top:.1rem}.trivia-history{width:100%}.trivia-history-title{display:flex;align-items:center;gap:.3rem;font-size:.75rem;font-weight:700;color:var(--text-secondary);margin-bottom:.35rem}.trivia-history-row{display:flex;align-items:center;gap:.5rem;font-size:.75rem;padding:.28rem 0;border-bottom:1px solid var(--border-color)}.trivia-history-row:last-child{border-bottom:none}.trivia-history-len{width:3rem;color:var(--text-tertiary, #9ca3af)}.trivia-history-score{width:3.5rem;font-weight:600;color:var(--text-primary)}.trivia-history-bar{flex:1;height:5px;background:var(--bg-tertiary, #1e293b);border-radius:3px;overflow:hidden}.trivia-history-bar span{display:block;height:100%;border-radius:3px;transition:width .4s ease}.trivia-history-pct{width:2.8rem;text-align:right;font-weight:600;font-size:.72rem}.trivia-history-date{width:4.5rem;text-align:right;color:var(--text-tertiary, #9ca3af);font-size:.68rem}.trivia-signin-hint{display:flex;align-items:center;gap:.5rem;margin-top:1.2rem;padding:.7rem 1rem;background:#f59e0b14;border:1px solid rgba(245,158,11,.25);border-radius:10px;font-size:.82rem;color:var(--text-secondary)}.trivia-signin-link{background:none;border:none;padding:0;color:#7c3aed;font-weight:700;cursor:pointer;font-size:inherit;text-decoration:underline}.lineup-container{max-width:700px}.lineup-controls{display:flex;flex-direction:column;gap:.75rem;margin-bottom:.85rem}.lineup-selectors-row{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.lineup-form-select{padding:.32rem 2.2rem .32rem .9rem;font-size:.8rem;font-weight:700;border:1.5px solid var(--border-color);border-radius:20px;background:var(--bg-secondary);color:var(--text-primary);cursor:pointer;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .7rem center;background-size:13px;transition:border-color .15s,color .15s;min-width:140px;flex:1;max-width:200px;outline:none}.lineup-form-select:focus,.lineup-form-select:hover{border-color:#16a34a;color:#16a34a}.lineup-form-select option{background:var(--bg-secondary, #1e293b);color:var(--text-primary, #f1f5f9);font-weight:600}.lineup-action-btns{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;padding:.75rem;background:var(--bg-tertiary, rgba(15, 23, 42, .3));border-radius:12px;border:1px solid var(--border-color)}.lineup-budget-toggle{display:inline-flex;align-items:center;gap:.35rem;padding:.3rem .8rem;font-size:.75rem;font-weight:700;border-radius:20px;cursor:pointer;transition:background .2s,border-color .2s,color .2s;border:1.5px solid}.lineup-budget-toggle.on{border-color:#16a34a;color:#16a34a;background:#16a34a1a}.lineup-budget-toggle.off{border-color:var(--border-color);color:var(--text-tertiary, #64748b);background:var(--bg-secondary)}.squad-browser-panel{margin-top:1rem;margin-bottom:1rem;padding:0;background:var(--bg-tertiary, rgba(15,23,42,.6));border-radius:12px;border:1px solid var(--border-color);overflow:hidden}.squad-browser-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:linear-gradient(135deg,#3b82f61a,#2563eb1a);border-bottom:1px solid var(--border-color);font-size:.95rem;font-weight:700;color:var(--text-primary)}.squad-browser-close{padding:.3rem;background:transparent;border:none;color:var(--text-secondary);cursor:pointer;border-radius:6px;transition:all .2s;display:flex;align-items:center;justify-content:center}.squad-browser-close:hover{background:#ef44441a;color:#ef4444}.squad-browser-content{padding:.75rem;max-height:500px;overflow-y:auto}.squad-position-group{margin-bottom:1rem}.squad-position-group:last-child{margin-bottom:0}.squad-position-header{display:flex;align-items:center;justify-content:space-between;padding:.5rem .75rem;background:linear-gradient(135deg,#3b82f614,#2563eb14);border-radius:8px;margin-bottom:.5rem;border:1px solid rgba(59,130,246,.2)}.squad-position-title{font-size:.85rem;font-weight:700;color:var(--text-primary);text-transform:uppercase;letter-spacing:.5px}.squad-position-count{font-size:.75rem;color:var(--text-tertiary);font-weight:600}.squad-position-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:.5rem}.squad-player-card{display:flex;align-items:center;gap:.75rem;padding:.65rem .75rem;background:var(--bg-secondary, rgba(30,41,59,.5));border:1px solid var(--border-color);border-radius:8px;transition:all .2s;cursor:pointer}.squad-player-card:hover{background:var(--bg-hover, rgba(30,41,59,.8));border-color:#3b82f666;transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.squad-player-ovr{width:42px;height:42px;display:flex;align-items:center;justify-content:center;font-size:1.1rem;font-weight:800;border-radius:8px;flex-shrink:0;color:#fff}.squad-player-ovr.pos-gk{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 0 0 2px #f59e0b33}.squad-player-ovr.pos-def{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 0 0 2px #10b98133}.squad-player-ovr.pos-mid{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 0 0 2px #3b82f633}.squad-player-ovr.pos-fwd{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 0 0 2px #ef444433}.squad-player-info{flex:1;min-width:0}.squad-player-name{font-size:.875rem;font-weight:700;color:var(--text-primary);margin-bottom:.15rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.squad-player-club{font-size:.75rem;color:var(--text-secondary);margin-bottom:.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.squad-player-meta{display:flex;align-items:center;gap:.5rem;font-size:.7rem}.squad-player-position{padding:.15rem .4rem;background:#3b82f626;border:1px solid rgba(59,130,246,.3);border-radius:4px;color:#60a5fa;font-weight:700}.squad-player-nat{padding:.15rem .4rem;background:var(--bg-hover, rgba(30,41,59,.5));border:1px solid var(--border-color);border-radius:4px;color:var(--text-tertiary);font-weight:600}.squad-player-price{font-size:.85rem;font-weight:800;color:#10b981;padding:.4rem .65rem;background:linear-gradient(135deg,#10b9811f,#0596691f);border:1px solid rgba(16,185,129,.3);border-radius:6px;flex-shrink:0;white-space:nowrap}.saved-lineups-panel{margin-top:.9rem;padding:.6rem .75rem;background:var(--bg-tertiary, rgba(15,23,42,.6));border-radius:10px;border:1px solid var(--border-color)}.saved-lineups-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.4rem;font-size:.8rem;font-weight:600;color:var(--text-secondary)}.saved-lineups-count{font-size:.72rem;color:var(--text-tertiary, #9ca3af)}.saved-lineups-empty{font-size:.75rem;color:var(--text-tertiary, #9ca3af)}.saved-lineups-list{display:flex;flex-direction:column;gap:.35rem}.saved-lineup-item{display:flex;align-items:center;gap:.4rem;padding:.3rem .4rem;border-radius:8px;background:#0f172a66}.saved-lineup-item.active{border:1px solid #22c55e;box-shadow:0 0 0 1px #22c55e4d}.saved-lineup-name{flex:1;text-align:left;background:none;border:none;padding:0;font-size:.78rem;font-weight:600;color:var(--text-primary);cursor:pointer}.saved-lineup-actions{display:flex;align-items:center;gap:.25rem}.saved-lineup-rename,.saved-lineup-delete{border:none;border-radius:999px;padding:.16rem .45rem;font-size:.7rem;cursor:pointer}.saved-lineup-rename{background:#3b82f61f;color:#bfdbfe}.saved-lineup-delete{background:#ef44441a;color:#fecaca}.lineup-budget-toggle.on:hover{background:#16a34a33}.lineup-budget-toggle.off:hover{border-color:var(--text-secondary);color:var(--text-secondary)}.lineup-budget-set-label{display:inline-flex;align-items:center;gap:.35rem;font-size:.72rem;font-weight:500;color:var(--text-secondary);cursor:default;white-space:nowrap}.lineup-budget-set-wrap{display:inline-flex;align-items:center;gap:2px;font-size:.78rem;font-weight:700;color:var(--text-primary);background:var(--bg-secondary);border:1.5px solid var(--border-color);border-radius:8px;padding:.18rem .55rem;transition:border-color .15s,box-shadow .15s}.lineup-budget-set-wrap:focus-within{border-color:#16a34a;box-shadow:0 0 0 2px #16a34a26}.lineup-budget-set-input{width:40px;background:transparent;border:none;outline:none;font-size:.78rem;font-weight:700;color:var(--text-primary);text-align:center;-moz-appearance:textfield;padding:0;cursor:text}.lineup-budget-set-input::-webkit-outer-spin-button,.lineup-budget-set-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.lineup-action-btn{display:inline-flex;align-items:center;gap:.3rem;padding:.3rem .75rem;font-size:.74rem;font-weight:600;border:1.5px solid var(--border-color);border-radius:8px;background:var(--bg-secondary);color:var(--text-secondary);cursor:pointer;transition:all .2s}.lineup-action-btn:hover{border-color:#16a34a;color:#16a34a}.lineup-action-btn.success{background:#16a34a;border-color:#16a34a;color:#fff}.lineup-action-btn.success:hover{background:#15803d;border-color:#15803d}.lineup-action-btn.danger{background:transparent;border-color:#ef4444;color:#ef4444}.lineup-action-btn.danger:hover{background:#ef4444;color:#fff}.lineup-budget-bar{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:10px;padding:.6rem .9rem .65rem;margin-bottom:.6rem}.lineup-budget-info{display:flex;justify-content:space-between;align-items:center;font-size:.74rem;color:var(--text-secondary);margin-bottom:.45rem}.lineup-budget-num{display:flex;align-items:center;gap:.35rem;font-weight:600}.lineup-budget-spent{color:var(--text-secondary)}.lineup-budget-sep{opacity:.4}.lineup-budget-total{opacity:.5;font-weight:400}.lineup-budget-num .tight{color:#ef4444;font-weight:800}.lineup-budget-track{height:7px;background:var(--bg-tertiary, #1e293b);border-radius:4px;overflow:hidden}.lineup-budget-fill{height:100%;background:linear-gradient(90deg,#15803d,#4ade80);border-radius:4px;transition:width .4s ease}.lineup-stats-row{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:.75rem}.lineup-stat-pill{display:flex;align-items:center;gap:.5rem;padding:.35rem .9rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:20px;font-size:.74rem;color:var(--text-secondary)}.lineup-stat-pill strong{color:var(--text-primary);font-weight:800}.lineup-stat-pill.ovr strong{color:#facc15}.lineup-stat-pill.tight strong{color:#ef4444}.lineup-pitch{width:90%;margin:0 auto .75rem;border-radius:14px;overflow:hidden;border:2px solid rgba(255,255,255,.15);box-shadow:0 4px 24px #0000008c}.lineup-pitch-inner{position:relative;width:100%;aspect-ratio:.875;background-color:#15803d}.lineup-pitch-inner:after{content:"";position:absolute;inset:0;background:#1464328c;pointer-events:none;z-index:1}.pitch-watermark{position:absolute;top:4%;left:4%;display:flex;flex-direction:column;align-items:center;gap:4px;z-index:3;opacity:.85;pointer-events:none}.pitch-watermark-logo{height:40px;width:auto;filter:drop-shadow(0 1px 4px rgba(0,0,0,.7))}.pitch-watermark-text{font-size:.75rem;font-weight:800;color:#fff;letter-spacing:.06em;text-shadow:0 1px 4px rgba(0,0,0,.8),0 0 8px rgba(0,0,0,.5)}.pitch-formation-badge{position:absolute;top:5%;right:5%;z-index:3;background:#00000073;color:#fff;font-size:1rem;font-weight:800;letter-spacing:.05em;padding:.3rem .75rem;border-radius:8px;pointer-events:none}.lineup-slot{position:absolute;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:3px;cursor:pointer;z-index:2;width:72px;user-select:none}.lineup-slot.empty{opacity:.8}.lineup-slot.empty:hover{opacity:1}.lineup-slot.dragging{cursor:grabbing!important;z-index:10}.lineup-slot.dragging .lineup-slot-avatar,.lineup-slot.dragging .lineup-slot-empty-icon{transform:scale(1.15);box-shadow:0 6px 20px #000000b3}.lineup-pitch-inner.free-mode{cursor:default}.lineup-pitch-inner.free-mode .lineup-slot{cursor:grab}.lineup-pitch-inner.free-mode .lineup-slot.dragging{cursor:grabbing}.pitch-free-hint{position:absolute;bottom:7%;left:50%;transform:translate(-50%);z-index:3;background:#00000080;color:#fffc;font-size:.65rem;font-weight:600;padding:.2rem .75rem;border-radius:20px;pointer-events:none;white-space:nowrap;letter-spacing:.03em}.pitch-zone-line{position:absolute;left:0;right:0;height:0;border-top:1px dashed rgba(255,255,255,.28);pointer-events:none;z-index:2}.pitch-zone-label-center{position:absolute;left:50%;transform:translate(-50%);font-size:.5rem;font-weight:800;color:#ffffff38;letter-spacing:.14em;pointer-events:none;z-index:2;white-space:nowrap}.lineup-pitch-inner.free-mode .lineup-slot.gk-fixed{cursor:default}.lineup-slot-avatar{width:48px;height:48px;border-radius:50%;border:2.5px solid rgba(255,255,255,.5);display:flex;align-items:center;justify-content:center;position:relative;box-shadow:0 2px 8px #00000080;cursor:pointer;transition:transform .15s,box-shadow .15s;flex-shrink:0}.lineup-slot-avatar:hover{transform:scale(1.1);box-shadow:0 4px 12px #0009}.lineup-slot-avatar.jersey-mode{border:none}.lineup-slot-inner{width:100%;height:100%;border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative;background:linear-gradient(135deg,#1e293b,#334155);box-shadow:inset 0 2px 4px #0000004d}.lineup-slot-avatar.jersey-mode .lineup-slot-inner{background:linear-gradient(135deg,#1e293b,#334155)}.lineup-slot-avatar.pos-gk{background:linear-gradient(135deg,#b45309,#d97706);border-color:#fbbf248c}.lineup-slot-avatar.pos-def{background:linear-gradient(135deg,#1d4ed8,#3b82f6);border-color:#60a5fa8c}.lineup-slot-avatar.pos-mid{background:linear-gradient(135deg,#15803d,#22c55e);border-color:#4ade808c}.lineup-slot-avatar.pos-fwd{background:linear-gradient(135deg,#b91c1c,#ef4444);border-color:#fca5a58c}.lineup-slot-avatar.jersey-mode.pos-gk,.lineup-slot-avatar.jersey-mode.pos-def,.lineup-slot-avatar.jersey-mode.pos-mid,.lineup-slot-avatar.jersey-mode.pos-fwd{background:none;border:none}.lineup-slot-initials{font-size:1.05rem;font-weight:900;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.5);letter-spacing:-.01em;line-height:1;user-select:none}.lineup-slot-ovr{position:absolute;top:-5px;right:-6px;background:#000000bf;color:#fff;font-size:.58rem;font-weight:900;padding:1px 4px;border-radius:5px;line-height:1.4;pointer-events:none;border:1px solid rgba(255,255,255,.18)}.lineup-slot-name{font-size:.72rem;font-weight:700;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.9);white-space:nowrap;width:max-content;text-align:center;line-height:1.2}.lineup-slot-pos-tag{font-size:.65rem;font-weight:800;padding:1px 6px;border-radius:3px;background:#0009;color:#f1f5f9;line-height:1.5;letter-spacing:.03em}.lineup-slot-pos-tag.empty{background:#0006;color:#ffffffb3}.lineup-slot-empty-icon{width:48px;height:48px;border-radius:50%;border:2.5px dashed rgba(255,255,255,.3);display:flex;align-items:center;justify-content:center;font-size:1.2rem;font-weight:300;color:#fff6;transition:border-color .15s,color .15s,background .15s;box-shadow:0 2px 6px #0000004d}.lineup-slot.empty:hover .lineup-slot-empty-icon{border-color:#ffffffa6;color:#ffffffbf;background:#ffffff12}.lineup-slot-remove{position:absolute;top:-3px;right:-3px;width:15px;height:15px;border-radius:50%;background:#dc2626;border:1.5px solid rgba(255,255,255,.6);cursor:pointer;display:flex;align-items:center;justify-content:center;color:#fff;padding:0;opacity:0;transition:opacity .15s;z-index:3}.lineup-slot:hover .lineup-slot-remove{opacity:1}.lineup-summary{display:flex;align-items:center;padding:.4rem 0 .2rem;min-height:2.5rem}.lineup-summary-actions{display:flex;gap:.5rem;align-items:center;margin-left:auto}.fun-btn-share{display:flex;align-items:center;gap:.35rem;padding:.45rem 1rem;border-radius:8px;border:none;cursor:pointer;font-size:.82rem;font-weight:600;background:#2563eb;color:#fff;transition:opacity .15s}.fun-btn-share:hover:not(:disabled){opacity:.85}.fun-btn-share:disabled{opacity:.5;cursor:wait}.share-modal-backdrop{position:fixed;inset:0;background:#000000ad;display:flex;align-items:center;justify-content:center;z-index:2000;padding:1rem}.share-modal{background:#1c2333;border-radius:16px;width:100%;max-width:420px;box-shadow:0 24px 64px #00000080;overflow:hidden}.share-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.1rem .75rem;font-size:1rem;font-weight:700;color:#f1f5f9;border-bottom:1px solid rgba(255,255,255,.08)}.share-preview{display:block;width:100%;max-height:340px;object-fit:contain;background:#0d1b2a}.share-team-info{display:flex;gap:.4rem;padding:.7rem 1rem .4rem;flex-wrap:wrap}.share-info-pill{padding:.2rem .6rem;border-radius:20px;background:#ffffff1a;color:#cbd5e1;font-size:.75rem;font-weight:600}.share-info-pill.ovr{background:#eab3082e;color:#fbbf24}.share-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;padding:.5rem 1rem 1rem}.share-btn{display:flex;align-items:center;justify-content:center;gap:.3rem;padding:.55rem .4rem;border-radius:10px;border:none;cursor:pointer;font-size:.78rem;font-weight:600;color:#fff;transition:opacity .15s,transform .1s}.share-btn:hover{opacity:.85;transform:translateY(-1px)}.share-btn:active{transform:translateY(0)}.share-btn.native{background:#7c3aed;grid-column:span 3}.share-btn.x{background:#000}.share-btn.whatsapp{background:#25d366}.share-btn.telegram{background:#08c}.share-btn.facebook{background:#1877f2}.share-btn.download{background:#475569}@media (max-width: 480px){.share-modal{max-width:100%;border-radius:20px 20px 0 0}.share-modal-backdrop{align-items:flex-end;padding:0}.share-buttons{grid-template-columns:repeat(2,1fr)}.share-btn.native{grid-column:span 2}}.lineup-modal-backdrop{position:fixed;inset:0;background:#000000b3;z-index:1000;display:flex;align-items:flex-end;justify-content:center}.lineup-modal{background:var(--bg-primary, #0f172a);border:1px solid var(--border-color);border-radius:20px 20px 0 0;width:100%;max-width:520px;max-height:82vh;display:flex;flex-direction:column;box-shadow:0 -8px 32px #0006}.lineup-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.2rem .8rem;font-size:.9rem;font-weight:600;color:var(--text-primary);border-bottom:1px solid var(--border-color);flex-shrink:0}.modal-budget-tag{font-weight:400;color:#22c55e;font-size:.82rem}.lineup-modal-close{background:var(--bg-secondary);border:1px solid var(--border-color);cursor:pointer;color:var(--text-secondary);width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:color .15s,background .15s}.lineup-modal-close:hover{color:var(--text-primary);background:var(--bg-tertiary, #1e293b)}.lineup-modal-filters{padding:.75rem 1rem .65rem;border-bottom:1px solid var(--border-color);flex-shrink:0}.lineup-search{width:100%;padding:.52rem .85rem;background:var(--bg-secondary);border:1.5px solid var(--border-color);border-radius:9px;font-size:.85rem;color:var(--text-primary);outline:none;margin-bottom:.6rem;box-sizing:border-box;transition:border-color .15s}.lineup-search::placeholder{color:var(--text-tertiary, #64748b)}.lineup-search:focus{border-color:#16a34a}.lineup-sort-tabs{display:flex;gap:.35rem}.lineup-sort-btn{padding:.22rem .7rem;font-size:.72rem;font-weight:600;border:1.5px solid var(--border-color);border-radius:20px;background:transparent;color:var(--text-secondary);cursor:pointer;transition:border-color .15s,color .15s,background .15s}.lineup-sort-btn.active{border-color:#16a34a;color:#16a34a;background:#16a34a1a}.lineup-modal-list{overflow-y:auto;flex:1;padding:.4rem .8rem 1.2rem}.lineup-modal-empty{text-align:center;font-size:.82rem;color:var(--text-secondary);padding:2rem 0}.lineup-player-row{display:flex;align-items:center;gap:.75rem;width:100%;padding:.65rem .6rem;background:none;border:none;border-bottom:1px solid var(--border-color);cursor:pointer;text-align:left;border-radius:8px;transition:background .12s}.lineup-player-row:last-child{border-bottom:none}.lineup-player-row:hover{background:var(--bg-secondary)}.lpr-ovr-badge{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:.88rem;font-weight:900;color:#fff;flex-shrink:0;text-shadow:0 1px 2px rgba(0,0,0,.4)}.lpr-ovr-badge.pos-gk{background:linear-gradient(135deg,#b45309,#d97706)}.lpr-ovr-badge.pos-def{background:linear-gradient(135deg,#1d4ed8,#3b82f6)}.lpr-ovr-badge.pos-mid{background:linear-gradient(135deg,#15803d,#22c55e)}.lpr-ovr-badge.pos-fwd{background:linear-gradient(135deg,#b91c1c,#ef4444)}.lpr-info{flex:1;min-width:0}.lpr-name{display:block;font-size:.85rem;font-weight:700;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lpr-club{display:block;font-size:.72rem;color:var(--text-secondary)}.lpr-nat-inline{opacity:.65}.lpr-price{font-size:.85rem;font-weight:800;color:#4ade80;white-space:nowrap;flex-shrink:0}.lineup-legend{display:flex;gap:.6rem;flex-wrap:wrap;margin-top:.4rem;margin-bottom:.85rem}.lineup-legend-item{display:flex;align-items:center;gap:.3rem;font-size:.7rem;color:var(--text-secondary)}.legend-dot{width:10px;height:10px;border-radius:3px;flex-shrink:0}.legend-dot.gk{background:#d97706}.legend-dot.def{background:#3b82f6}.legend-dot.mid{background:#22c55e}.legend-dot.fwd{background:#ef4444}@media (max-width: 640px){.fun-game-cards{grid-template-columns:1fr}.fun-card-icon{font-size:1.8rem}.trivia-length-grid{grid-template-columns:repeat(2,1fr)}.trivia-options{grid-template-columns:1fr}.lineup-form-select{min-width:135px;font-size:.74rem;padding:.28rem 2rem .28rem .75rem}.lineup-budget-toggle{padding:.25rem .6rem;font-size:.7rem}.lineup-slot{width:56px}.lineup-slot-avatar,.lineup-slot-empty-icon{width:34px;height:34px}.lineup-slot-ovr{font-size:.7rem}.lineup-slot-name{font-size:.62rem}.lineup-slot-pos-tag{font-size:.58rem}.lineup-modal{border-radius:20px 20px 0 0;max-height:87vh}.lineup-modal-backdrop{align-items:flex-end}}@media (max-width: 400px){.lineup-slot{width:46px}.lineup-slot-avatar,.lineup-slot-empty-icon{width:28px;height:28px}.lineup-slot-name{font-size:.56rem}.lineup-slot-ovr{font-size:.62rem}}.lineup-modal-backdrop.top-center{align-items:center;justify-content:center;padding-top:0}.lineup-modal.top-center{border-radius:16px;max-height:70vh;box-shadow:0 16px 40px #00000080}.cp-page{max-width:1100px;margin:0 auto;padding:0 1rem 4rem}.cp-page-header{background:var(--bg-secondary, #f8fafc);border-bottom:1px solid var(--border-primary, #e2e8f0);margin:0 -1rem 1.5rem;padding:0 1rem}.cp-page-header-inner{max-width:1100px;margin:0 auto;padding:1.25rem 0}.cp-back-btn{display:inline-flex;align-items:center;gap:4px;background:none;border:none;color:#3b82f6;font-size:.8rem;font-weight:600;cursor:pointer;padding:4px 0;margin-bottom:.75rem;transition:color .15s}.cp-back-btn:hover{color:#2563eb}.cp-page-title-row{display:flex;align-items:center;gap:.75rem;margin-bottom:.35rem}.cp-page-title{display:flex;align-items:center;gap:.5rem;font-size:1.35rem;font-weight:800;color:#0f172a;letter-spacing:-.02em}.cp-page-total{font-size:.75rem;font-weight:600;color:#64748b;background:#0f172a0f;border:1px solid rgba(15,23,42,.08);border-radius:20px;padding:2px 10px}.cp-page-subtitle{font-size:.82rem;color:#64748b;margin:0 0 1rem}.cp-stats-row{display:flex;gap:.5rem;flex-wrap:wrap}.cp-stat-pill{display:flex;align-items:center;gap:5px;padding:5px 12px;background:#0f172a0a;border:1px solid rgba(15,23,42,.08);border-radius:20px;font-size:.75rem}.cp-stat-pill.free{background:#22c55e14;border-color:#22c55e33}.cp-stat-pill.pro{background:#f59e0b14;border-color:#f59e0b33;color:#b45309}.cp-stat-pill.vip{background:#8b5cf614;border-color:#8b5cf633;color:#7c3aed}.cp-stat-num{font-weight:700;color:#1e293b;font-size:.82rem}.cp-stat-lbl{color:#64748b}.cp-stat-pill.pro .cp-stat-num,.cp-stat-pill.pro .cp-stat-lbl{color:#b45309}.cp-stat-pill.vip .cp-stat-num,.cp-stat-pill.vip .cp-stat-lbl{color:#7c3aed}.cp-match-filter-wrap{margin-bottom:1rem;position:relative}.cp-match-dropdown-trigger{display:flex;align-items:center;justify-content:space-between;width:100%;padding:10px 14px;background:var(--bg-secondary, #fff);border:1.5px solid rgba(15,23,42,.12);border-radius:10px;font-size:.85rem;font-weight:600;color:#1e293b;cursor:pointer;transition:all .15s}.cp-match-dropdown-trigger:hover{border-color:#0f172a33;background:#0f172a05}.cp-match-dropdown-label{display:flex;align-items:center;gap:6px}.cp-match-dropdown-trigger svg.rotated{transform:rotate(180deg)}.cp-match-dropdown-menu{position:absolute;top:100%;left:0;right:0;margin-top:6px;background:var(--bg-secondary, #fff);border:1px solid rgba(15,23,42,.12);border-radius:10px;box-shadow:0 4px 20px #0f172a1a;z-index:100;overflow:hidden;animation:dropdownFadeIn .15s ease-out}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.cp-match-dropdown-search{display:flex;align-items:center;gap:8px;padding:10px 12px;border-bottom:1px solid rgba(15,23,42,.08);background:#0f172a05}.cp-match-dropdown-search svg{color:#64748b;flex-shrink:0}.cp-match-dropdown-search input{flex:1;border:none;background:none;outline:none;font-size:.8rem;color:#1e293b}.cp-match-dropdown-search input::placeholder{color:#94a3b8}.cp-match-search-clear{background:none;border:none;color:#64748b;cursor:pointer;padding:2px;display:flex;align-items:center;border-radius:4px;transition:all .15s}.cp-match-search-clear:hover{background:#0f172a14;color:#1e293b}.cp-match-dropdown-list{max-height:360px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(15,23,42,.12) transparent}.cp-match-dropdown-list::-webkit-scrollbar{width:6px}.cp-match-dropdown-list::-webkit-scrollbar-track{background:transparent}.cp-match-dropdown-list::-webkit-scrollbar-thumb{background:#0f172a1f;border-radius:3px}.cp-match-dropdown-item{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;background:none;border:none;text-align:left;cursor:pointer;transition:background .15s;border-bottom:1px solid rgba(15,23,42,.04)}.cp-match-dropdown-item:hover{background:#0f172a0a}.cp-match-dropdown-item.active{background:#3b82f614;color:#1e40af;font-weight:600}.cp-match-dropdown-flag{flex-shrink:0;display:flex;align-items:center}.cp-match-dropdown-teams{flex:1;font-size:.8rem;font-weight:600;color:#1e293b}.cp-match-dropdown-teams em{font-style:normal;font-weight:400;color:#94a3b8;margin:0 4px}.cp-match-dropdown-league{font-size:.7rem;color:#64748b;font-weight:500}.cp-match-dropdown-empty{padding:20px;text-align:center;color:#94a3b8;font-size:.8rem}.cp-toolbar{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;margin-bottom:.75rem}.cp-toolbar-left{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;flex:1}.cp-filter-group,.cp-sort-group{display:flex;align-items:center;gap:.25rem;color:#64748b}.cp-filter-btn,.cp-sort-btn{padding:5px 11px;border:1px solid rgba(15,23,42,.1);background:transparent;border-radius:6px;font-size:.72rem;font-weight:600;color:#475569;cursor:pointer;transition:all .15s}.cp-filter-btn:hover,.cp-sort-btn:hover{background:#0f172a0a;color:#1e293b}.cp-filter-btn.active{background:#1e40af;border-color:#3b82f6;color:#fff}.cp-sort-btn.active{background:#0f172a;border-color:#334155;color:#f8fafc}.cp-search-wrap{display:flex;align-items:center;gap:6px;padding:6px 12px;background:var(--bg-secondary, #f8fafc);border:1px solid rgba(15,23,42,.12);border-radius:8px;color:#64748b;min-width:200px}.cp-search-input{border:none;background:transparent;font-size:.78rem;color:#1e293b;outline:none;flex:1;min-width:0}.cp-search-input::placeholder{color:#94a3b8}.cp-results-meta{font-size:.75rem;color:#64748b;margin-bottom:1rem}.cp-results-meta strong{color:#1e293b}.cp-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1rem}.cp-empty{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:3rem;color:#94a3b8;text-align:center}.cp-empty p{margin:0;font-size:.85rem}.cp-card{background:var(--bg-secondary, #fff);border:1px solid rgba(15,23,42,.09);border-radius:.75rem;overflow:hidden;display:flex;flex-direction:column;transition:box-shadow .15s}.cp-card:hover{box-shadow:0 4px 16px #0f172a17}.cp-card.tier-basic{border-top:2px solid rgba(59,130,246,.4)}.cp-card.tier-pro{border-top:2px solid rgba(245,158,11,.5)}.cp-card.tier-vip{border-top:2px solid rgba(139,92,246,.5)}.cp-card-match{display:flex;align-items:center;justify-content:space-between;padding:8px 12px 0;gap:8px}.cp-card-match-badge{font-size:.7rem;font-weight:600;color:#475569;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cp-card-match-badge em{font-style:normal;color:#94a3b8;margin:0 2px}.cp-card-time{font-size:.68rem;color:#94a3b8;flex-shrink:0}.cp-card-header{display:flex;align-items:flex-start;justify-content:space-between;padding:10px 12px 8px;gap:8px}.cp-card-user{display:flex;align-items:center;gap:8px}.cp-card-user-link{text-decoration:none;border-radius:8px;padding:3px 6px;margin:-3px -6px;transition:background .15s}.cp-card-user-link:hover{background:#2563eb0f}.cp-card-user-link:hover .cp-card-name{color:#2563eb}.cp-card-avatar{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;flex-shrink:0}.cp-card-avatar.tier-basic{background:#3b82f626;color:#1d4ed8}.cp-card-avatar.tier-pro{background:#f59e0b33;color:#92400e}.cp-card-avatar.tier-vip{background:#8b5cf633;color:#5b21b6}.cp-card-userinfo{display:flex;flex-direction:column;gap:3px}.cp-card-name{font-size:12px;font-weight:700;color:#0f172a;line-height:1}.cp-tier-badge{display:inline-flex;align-items:center;font-size:9px;font-weight:700;padding:1px 7px;border-radius:10px;line-height:1.6;letter-spacing:.03em;text-transform:uppercase}.cp-card-meta{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.cp-card-price{font-size:11px;color:#fbbf24;font-weight:600}.cp-card-group{display:flex;align-items:center;gap:3px;font-size:10px;color:#8b5cf6;font-weight:600}.cp-card-pick{font-size:11px;font-weight:700;padding:2px 9px;border-radius:6px}.cp-card-pick.pick-home{background:#3b82f61f;color:#1d4ed8}.cp-card-pick.pick-draw{background:#64748b1f;color:#475569}.cp-card-pick.pick-away{background:#ef44441f;color:#b91c1c}.cp-pick-locked{display:flex;align-items:center;gap:4px;font-size:11px;font-weight:600;color:#94a3b8;background:#0f172a0f;border:1px solid rgba(15,23,42,.1);padding:2px 9px;border-radius:6px}.cp-mkt-pick{display:flex;flex-direction:column;align-items:flex-end;gap:2px;padding:0;background:none}.cp-mkt-cat{font-size:9px;color:#64748b;text-transform:uppercase;letter-spacing:.05em}.cp-mkt-sel{font-size:11px;font-weight:700;color:#0f172a}.cp-card-analysis{font-size:.78rem;color:#334155;line-height:1.55;padding:0 12px 12px;flex:1}.cp-card.locked .cp-card-analysis{opacity:.5}.cp-card-locked-wrap{position:relative;flex:1}.locked-blur{filter:blur(4px);user-select:none;pointer-events:none}.cp-lock-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;background:#02061799;border-radius:8px}.cp-lock-label{font-size:11px;font-weight:600;color:#e2e8f0;display:flex;align-items:center;gap:4px}.cp-lock-upgrade{font-size:11px;color:#a78bfa;background:#2d1b6945;border:1px solid rgba(124,58,237,.33);padding:3px 10px;border-radius:10px;cursor:pointer;transition:background .15s}.cp-lock-upgrade:hover{background:#2d1b69}.cp-card-footer{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;border-top:1px solid rgba(15,23,42,.06)}.cp-card-like{display:flex;align-items:center;gap:4px;background:none;border:none;font-size:11px;color:#64748b;cursor:pointer;padding:0;transition:color .15s}.cp-card-like:hover{color:#ef4444}.cp-card-time-ago{font-size:10px;color:#94a3b8}@media (max-width: 640px){.cp-grid{grid-template-columns:1fr}.cp-toolbar{flex-direction:column;align-items:stretch}.cp-toolbar-left{flex-direction:column;align-items:flex-start}.cp-search-wrap{min-width:unset;width:100%}.cp-page-title{font-size:1.1rem}}@media (max-width: 900px){.cp-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}.tp-page{max-width:760px;margin:0 auto;padding-bottom:3rem;font-family:inherit}.tp-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;min-height:60vh;color:#64748b;font-size:.9rem}.tp-loading-spinner{width:32px;height:32px;border:3px solid #e2e8f0;border-top-color:#2563eb;border-radius:50%;animation:tp-spin .8s linear infinite}@keyframes tp-spin{to{transform:rotate(360deg)}}.tp-cover{position:relative;height:100px;border-radius:0 0 12px 12px;margin-bottom:-40px}.tp-back-btn{position:absolute;top:12px;left:16px;display:flex;align-items:center;gap:.3rem;background:#ffffffd9;border:1px solid rgba(0,0,0,.1);border-radius:8px;padding:.35rem .75rem;font-size:.8rem;font-weight:600;color:#334155;cursor:pointer;transition:background .15s}.tp-back-btn:hover{background:#fff}.tp-header{display:flex;align-items:flex-end;gap:1rem;padding:0 1.25rem 1rem;flex-wrap:wrap}.tp-avatar-wrap{position:relative;flex-shrink:0}.tp-avatar{width:72px;height:72px;border-radius:50%;border:3px solid;background:linear-gradient(135deg,#1e293b,#334155);color:#fff;font-size:1.4rem;font-weight:700;display:flex;align-items:center;justify-content:center;letter-spacing:.5px;user-select:none;box-shadow:0 2px 12px #0000001f}.tp-avatar-tier{position:absolute;bottom:2px;right:2px;width:20px;height:20px;border-radius:50%;border:2px solid #fff;display:flex;align-items:center;justify-content:center;color:#fff}.tp-header-info{flex:1;min-width:160px}.tp-username-row{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;margin-bottom:.3rem}.tp-username{font-size:1.2rem;font-weight:700;color:#0f172a;margin:0}.tp-tier-badge{display:inline-flex;align-items:center;gap:3px;padding:2px 8px;border-radius:20px;font-size:.65rem;font-weight:700;letter-spacing:.4px}.tp-tier-badge.tier-pro{background:#eff6ff;color:#2563eb;border:1px solid #bfdbfe}.tp-tier-badge.tier-vip{background:#f5f3ff;color:#7c3aed;border:1px solid #ddd6fe}.tp-hot-badge{display:inline-flex;align-items:center;gap:3px;padding:2px 8px;border-radius:20px;font-size:.65rem;font-weight:700;background:#fff7ed;color:#ea580c;border:1px solid #fed7aa}.tp-meta{display:flex;gap:.75rem;flex-wrap:wrap}.tp-meta-item{display:flex;align-items:center;gap:4px;font-size:.75rem;color:#64748b}.tp-actions{display:flex;align-items:center;gap:.5rem;margin-left:auto;padding-bottom:4px}.tp-follow-btn{display:flex;align-items:center;gap:.35rem;padding:.45rem 1.1rem;border-radius:20px;font-size:.82rem;font-weight:600;cursor:pointer;transition:all .15s;border:1.5px solid #2563eb;background:#2563eb;color:#fff}.tp-follow-btn:hover{background:#1d4ed8;border-color:#1d4ed8}.tp-follow-btn.following{background:transparent;color:#2563eb}.tp-follow-btn.following:hover{background:#fee2e2;border-color:#ef4444;color:#ef4444}.tp-msg-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;font-size:.82rem;cursor:pointer;transition:all .15s;border:1.5px solid #e2e8f0;background:#fff;color:#475569}.tp-msg-btn:hover{border-color:#2563eb;color:#2563eb;background:#eff6ff}.tp-login-hint-btn{display:flex;align-items:center;gap:.4rem;padding:.45rem 1.1rem;border-radius:20px;font-size:.82rem;font-weight:600;cursor:pointer;transition:all .15s;border:1.5px solid #94a3b8;background:#f8fafc;color:#475569}.tp-login-hint-btn:hover{border-color:#2563eb;background:#eff6ff;color:#2563eb}.tp-stats-strip{display:flex;background:#fff;border:1px solid #e2e8f0;border-radius:12px;margin:0 1rem 1rem;overflow:hidden}.tp-stat{flex:1;padding:.75rem .5rem;text-align:center;border-right:1px solid #f1f5f9}.tp-stat:last-child{border-right:none}.tp-stat.highlight{background:#f8faff}.tp-stat-value{font-size:1rem;font-weight:700;color:#0f172a;line-height:1.2}.tp-stat-label{font-size:.65rem;font-weight:500;color:#94a3b8;text-transform:uppercase;letter-spacing:.3px;margin-top:2px}.tp-tabs{display:flex;border-bottom:1px solid #e2e8f0;margin:0 1rem 1.25rem}.tp-tab{display:flex;align-items:center;gap:.35rem;flex:1;padding:.65rem;background:transparent;border:none;border-bottom:2px solid transparent;font-size:.82rem;font-weight:600;color:#64748b;cursor:pointer;transition:all .15s;justify-content:center}.tp-tab.active{color:#2563eb;border-bottom-color:#2563eb;background:#2563eb0a}.tp-tab:hover:not(.active){color:#334155;background:#f8fafc}.tp-content{padding:0 1rem}.tp-picks-list{display:flex;flex-direction:column;gap:.75rem}.tp-pick-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:1rem;transition:box-shadow .15s}.tp-pick-card:hover{box-shadow:0 3px 12px #0000000f}.tp-pick-card.status-won{border-left:3px solid #16a34a}.tp-pick-card.status-lost{border-left:3px solid #dc2626;opacity:.8}.tp-pick-card.status-pending{border-left:3px solid #2563eb}.tp-pick-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.4rem}.tp-pick-league{font-size:.72rem;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.3px}.tp-pick-status-row{display:flex;align-items:center;gap:.25rem}.tp-status-won{color:#16a34a}.tp-status-lost{color:#dc2626}.tp-status-pending{color:#2563eb}.tp-pick-status-label{font-size:.72rem;font-weight:600}.tp-pick-status-label.status-won{color:#16a34a}.tp-pick-status-label.status-lost{color:#dc2626}.tp-pick-status-label.status-pending{color:#2563eb}.tp-pick-match{font-size:.92rem;font-weight:600;color:#0f172a;margin-bottom:.5rem}.tp-pick-match em{font-style:normal;color:#94a3b8;font-weight:400;margin:0 .25rem}.tp-pick-meta{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;margin-bottom:.5rem}.tp-pick-selection{padding:3px 10px;border-radius:20px;font-size:.75rem;font-weight:700}.tp-pick-selection.status-won{background:#dcfce7;color:#166534}.tp-pick-selection.status-lost{background:#fee2e2;color:#991b1b}.tp-pick-selection.status-pending{background:#eff6ff;color:#1d4ed8}.tp-pick-odds{font-size:.75rem;font-weight:600;color:#475569;background:#f1f5f9;padding:3px 8px;border-radius:6px}.tp-pick-paid{font-size:.72rem;color:#a16207;background:#fef9c3;padding:3px 8px;border-radius:6px;font-weight:600}.tp-pick-time{font-size:.7rem;color:#94a3b8;margin-left:auto}.tp-pick-analysis{font-size:.78rem;color:#475569;line-height:1.5;margin:0 0 .5rem;padding:.5rem;background:#f8fafc;border-radius:8px}.tp-pick-stake{display:flex;justify-content:space-between;font-size:.72rem;color:#64748b;margin-top:.25rem}.tp-pick-potential{font-weight:600;color:#16a34a}.tp-empty{text-align:center;padding:3rem;color:#94a3b8;font-size:.9rem}.tp-stats-tab{display:flex;flex-direction:column;gap:1rem}.tp-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem}.tp-stats-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:1rem .75rem;text-align:center}.tp-scard-icon{margin-bottom:.5rem}.tp-scard-icon.won{color:#16a34a}.tp-scard-icon.lost{color:#dc2626}.tp-scard-icon.roi{color:#2563eb}.tp-scard-icon.pts{color:#ca8a04}.tp-scard-val{font-size:1.15rem;font-weight:700;color:#0f172a}.tp-scard-lbl{font-size:.66rem;color:#94a3b8;text-transform:uppercase;letter-spacing:.3px;margin-top:2px}.tp-winrate-section{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:1rem 1.25rem}.tp-winrate-label{display:flex;justify-content:space-between;font-size:.82rem;font-weight:600;color:#334155;margin-bottom:.5rem}.tp-winrate-pct{color:#0f172a;font-size:.9rem}.tp-winrate-bar{height:8px;background:#f1f5f9;border-radius:4px;overflow:hidden;margin-bottom:.4rem}.tp-winrate-fill{height:100%;border-radius:4px;transition:width .5s ease}.tp-winrate-sub{font-size:.72rem;color:#64748b;text-align:center}.tp-chart-placeholder{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:2.5rem;background:#f8fafc;border:1px dashed #e2e8f0;border-radius:12px;color:#94a3b8;font-size:.82rem}.tp-chart-icon{color:#cbd5e1}.tp-about-tab{display:flex;flex-direction:column;gap:1rem}.tp-about-bio{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:1.25rem}.tp-about-heading{font-size:.82rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:#64748b;margin:0 0 .6rem}.tp-about-text{font-size:.88rem;line-height:1.6;color:#334155;margin:0}.tp-about-details{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:1rem 1.25rem;display:flex;flex-direction:column;gap:.65rem}.tp-about-row{display:flex;align-items:center;gap:.5rem;font-size:.82rem;color:#475569}.tp-about-row svg{color:#94a3b8;flex-shrink:0}.tp-basic-tier{font-size:.75rem;font-weight:600;color:#64748b;background:#f1f5f9;padding:2px 8px;border-radius:20px}.tp-about-msg-btn{display:flex;align-items:center;justify-content:center;gap:.4rem;padding:.7rem;background:#eff6ff;border:1px solid #bfdbfe;border-radius:10px;font-size:.84rem;font-weight:600;color:#2563eb;cursor:pointer;transition:all .15s}.tp-about-msg-btn:hover{background:#dbeafe}.tp-modal-overlay{position:fixed;inset:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.tp-modal-backdrop{position:absolute;inset:0;background:transparent;border:none;cursor:default;z-index:0}.tp-modal{position:relative;z-index:1;background:#fff;border:none;border-radius:16px;width:100%;max-width:420px;box-shadow:0 20px 60px #0003;overflow:hidden;padding:0}.tp-modal-header{display:flex;align-items:center;gap:.5rem;padding:1rem 1.25rem;border-bottom:1px solid #f1f5f9;font-size:.9rem;font-weight:600;color:#0f172a}.tp-modal-header svg:first-child{color:#2563eb}.tp-modal-close{margin-left:auto;background:none;border:none;cursor:pointer;color:#94a3b8;padding:2px;display:flex}.tp-modal-close:hover{color:#475569}.tp-modal-textarea{width:100%;padding:1rem 1.25rem;border:none;resize:none;font-size:.88rem;color:#334155;font-family:inherit;outline:none;box-sizing:border-box}.tp-modal-footer{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1.25rem;border-top:1px solid #f1f5f9;background:#f8fafc}.tp-modal-chars{font-size:.72rem;color:#94a3b8}.tp-modal-send{display:flex;align-items:center;gap:.35rem;padding:.45rem 1rem;background:#2563eb;border:none;border-radius:20px;font-size:.82rem;font-weight:600;color:#fff;cursor:pointer;transition:background .15s}.tp-modal-send:hover:not(:disabled){background:#1d4ed8}.tp-modal-send:disabled{opacity:.4;cursor:not-allowed}.tp-toast{position:fixed;bottom:2rem;left:50%;transform:translate(-50%);background:#0f172a;color:#fff;padding:.6rem 1.25rem;border-radius:20px;font-size:.82rem;font-weight:600;display:flex;align-items:center;gap:.4rem;box-shadow:0 8px 24px #00000040;z-index:1100;animation:tp-toast-in .3s ease}.tp-toast svg{color:#4ade80}@keyframes tp-toast-in{0%{opacity:0;transform:translate(-50%) translateY(12px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@media (max-width: 600px){.tp-header{flex-wrap:wrap}.tp-actions{margin-left:0}.tp-stats-strip{margin:0 .5rem 1rem}.tp-stats-grid{grid-template-columns:repeat(2,1fr)}.tp-stat-value{font-size:.88rem}.tp-content{padding:0 .5rem}}.sport-counter-container{display:flex;align-items:center;justify-content:flex-start;gap:0;position:relative;height:32px}.sport-counter-container .sport-selector-new{flex:1 1 auto;min-width:0;height:32px;margin:0;padding:0;box-sizing:border-box}.sport-counter-container .sport-selector-new>select.sport-select-new{width:100%;height:32px;margin:0;padding:0;box-sizing:border-box;display:block}.sport-counter-container .match-count{flex:0 0 36px;width:36px;min-width:36px;height:36px;min-height:36px;margin:0 0 0 8px;padding:0;box-sizing:border-box;border-radius:50%;display:inline-flex;align-items:center;justify-content:center}.sport-counter-container .sport-selector-new,.sport-counter-container .match-count{position:relative;left:auto;right:auto;top:auto}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;background-color:#fff;transition:background-color .3s ease,color .3s ease;transform:none!important;position:relative}body{font-family:var(--font-family);font-size:var(--font-size-base);font-weight:var(--font-weight-normal);line-height:var(--leading-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;background:var(--bg-primary, #ffffff);background-size:400% 400%;color:var(--text-primary, #1e293b);margin:0;padding:0;min-height:100vh;position:relative;transform:none!important;transition:background-color .3s ease,color .3s ease}.view-toggle-btn,.filter-clear-btn,.collapse-all-btn,.match-score,.team-logo{will-change:transform;transform:translateZ(0)}.team-logo{content-visibility:auto;contain-intrinsic-size:22px 22px}.container{contain:layout style;max-width:100%;margin:0 auto;padding:0;width:100%}.sidebar{contain:layout}.matches-container,.league-matches{-webkit-overflow-scrolling:touch;overscroll-behavior:contain}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.glassmorphism,[class*=glassmorphism]{backface-visibility:hidden;perspective:1000px;transform:translateZ(0)}:root{--header-height: 55px;--sub-header-height: 45px;--total-header-height: calc(var(--header-height) + var(--sub-header-height));--page-controls-height: 36px;--total-top-height: calc(var(--total-header-height) + var(--page-controls-height));--header-line-1-height: 70px;--header-line-2-height: 50px;--z-negative: -1;--z-default: 0;--z-below: 1;--z-normal: 10;--z-above: 20;--z-dropdown: 100;--z-sticky: 200;--z-fixed: 300;--z-modal-backdrop: 900;--z-modal: 1000;--z-popover: 1100;--z-tooltip: 1200;--z-toast: 10002;--breakpoint-sm: 576px;--breakpoint-md: 768px;--breakpoint-lg: 992px;--breakpoint-xl: 1200px;--breakpoint-xxl: 1400px;--primary-blue: #1e40af;--primary-blue-light: #3b82f6;--primary-blue-lighter: #60a5fa;--primary-blue-dark: #1e3a8a;--primary-blue-darker: #172554;--dark-bg: #0f172a;--dark-bg-secondary: #1e293b;--dark-bg-tertiary: #334155;--light-bg: #ffffff;--light-bg-secondary: #f8fafc;--light-bg-tertiary: #f1f5f9;--text-white: #ffffff;--text-light: #e0f2fe;--text-dark: #1e293b;--text-gray: #64748b;--text-muted: #94a3b8;--border-light: rgba(255, 255, 255, .1);--success-green: #10b981;--success-green-light: #34d399;--error-red: #ef4444;--error-red-light: #f87171;--warning-orange: #f97316;--warning-yellow: #fbbf24;--info-cyan: #06b6d4;--gradient-primary: linear-gradient(135deg, #3b82f6 0%, #1e40af 100%);--gradient-success: linear-gradient(135deg, #34d399 0%, #10b981 100%);--gradient-warning: linear-gradient(135deg, #fbbf24 0%, #f97316 100%);--gradient-dark: linear-gradient(135deg, #1e293b 0%, #0f172a 100%);--gradient-light: linear-gradient(135deg, #ffffff 0%, #f8fafc 100%);--shadow-xs: 0 1px 2px rgba(0, 0, 0, .05);--shadow-sm: 0 2px 4px rgba(0, 0, 0, .06);--shadow-md: 0 4px 8px rgba(0, 0, 0, .08);--shadow-lg: 0 8px 16px rgba(0, 0, 0, .1);--shadow-xl: 0 12px 24px rgba(0, 0, 0, .12);--shadow-2xl: 0 20px 40px rgba(0, 0, 0, .15);--shadow-inner: inset 0 2px 4px rgba(0, 0, 0, .06);--shadow: var(--shadow-lg);--spacing-1: .25rem;--spacing-2: .5rem;--spacing-3: .75rem;--spacing-4: 1rem;--spacing-5: 1.25rem;--spacing-6: 1.5rem;--spacing-7: 1.75rem;--spacing-8: 2rem;--spacing-10: 2.5rem;--spacing-12: 3rem;--spacing-16: 4rem;--spacing-20: 5rem;--radius-sm: .25rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-xl: .75rem;--radius-2xl: 1rem;--radius-3xl: 1.5rem;--radius-full: 9999px;--font-family: "Exo 2", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--font-weight-light: 300;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--leading-none: 1;--leading-tight: 1.25;--leading-snug: 1.375;--leading-normal: 1.5;--leading-relaxed: 1.625;--leading-loose: 2;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .25s cubic-bezier(.4, 0, .2, 1);--transition-slow: .35s cubic-bezier(.4, 0, .2, 1);--transition-slower: .5s cubic-bezier(.4, 0, .2, 1);--orange: var(--warning-orange);--header-bg: #f1f5f9;--page-controls-bg: #e2e8f0;--header-bg-light: #f1f5f9;--page-controls-bg-light: #e2e8f0;--text-primary: var(--text-dark);--text-secondary: var(--text-gray);--bg-primary: var(--light-bg);--bg-secondary: var(--light-bg-secondary);--border-color: #e2e8f0;--card-bg: rgba(255, 255, 255, .95);--glass-bg: rgba(255, 255, 255, .8);--glass-bg-secondary: rgba(248, 250, 252, .6);--glass-border: rgba(30, 41, 59, .1);--glass-shadow: 0 8px 32px rgba(0, 0, 0, .1);--backdrop-blur: blur(16px);--category-football: #ef4444}[data-theme=light]{--header-bg: var(--header-bg-light);--page-controls-bg: var(--page-controls-bg-light);--text-primary: var(--text-dark);--text-secondary: var(--text-gray);--border-light: rgba(0, 0, 0, .1);--bg-primary: var(--light-bg);--bg-secondary: var(--light-bg-secondary);--border-color: #e2e8f0;--card-bg: rgba(255, 255, 255, .95);--glass-bg: rgba(255, 255, 255, .8);--glass-bg-secondary: rgba(248, 250, 252, .6);--glass-border: rgba(30, 41, 59, .1);--glass-shadow: 0 8px 32px rgba(0, 0, 0, .1);--backdrop-blur: blur(16px);--dynamic-bg: linear-gradient(135deg, rgba(255, 255, 255, .95) 0%, rgba(248, 250, 252, .9) 30%, rgba(226, 232, 240, .85) 70%, rgba(59, 130, 246, .1) 100%);--animated-bg: linear-gradient(-45deg, var(--light-bg), var(--light-bg-secondary), var(--primary-blue-light), var(--light-bg))}html[data-theme=light],[data-theme=light] html{background-color:#fff!important}[data-theme=light] body{background:linear-gradient(135deg,#fff,#f8fafc 30%,#e2e8f0 70%,#3b82f60d)!important;color:#1e293b!important;min-height:100vh}[data-theme=light] .filters-container{background:linear-gradient(135deg,#dbeafef2,#bfdbfee6)!important;border:1px solid rgba(147,197,253,.6)!important}[data-theme=light] .filters-container:before{background:linear-gradient(90deg,#3b82f605,#3b82f60d,#3b82f605)!important}[data-theme=light] .filters-container-full{background:linear-gradient(135deg,#dbeafef2,#bfdbfee6)!important;border:1px solid rgba(147,197,253,.6)!important}[data-theme=dark]{--header-bg: #252A78;--page-controls-bg: #1b2441;--text-primary: var(--text-white);--text-secondary: var(--text-light);--border-light: rgba(255, 255, 255, .15);--bg-primary: #1a2332;--bg-secondary: #243447;--border-color: rgba(255, 255, 255, .15);--card-bg: rgba(36, 52, 71, .7);--glass-bg: rgba(26, 35, 50, .7);--glass-bg-secondary: rgba(36, 52, 71, .5);--glass-border: rgba(255, 255, 255, .15);--glass-shadow: 0 8px 32px rgba(0, 0, 0, .3);--backdrop-blur: blur(16px);--dynamic-bg: linear-gradient(135deg, rgba(26, 35, 50, .95) 0%, rgba(36, 52, 71, .9) 30%, rgba(51, 65, 85, .85) 70%, rgba(30, 58, 138, .8) 100%);--animated-bg: linear-gradient(-45deg, #1a2332, #243447, var(--primary-blue), #1a2332)}html[data-theme=dark],[data-theme=dark] html{background-color:#1a2332!important}[data-theme=dark] body{background-color:#1a2332!important;color:#f1f5f9!important}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-semibold);line-height:var(--leading-tight);letter-spacing:-.015em}h1{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold)}h2{font-size:var(--font-size-3xl);font-weight:var(--font-weight-semibold)}h3{font-size:var(--font-size-2xl)}h4{font-size:var(--font-size-xl)}h5{font-size:var(--font-size-lg)}h6{font-size:var(--font-size-base)}.glass-card{background:var(--glass-bg);backdrop-filter:var(--backdrop-blur);-webkit-backdrop-filter:var(--backdrop-blur);border:1px solid var(--glass-border);border-radius:var(--radius-xl);transition:all var(--transition-base);position:relative;overflow:hidden}.glass-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.2) 50%,transparent 100%);opacity:.5}.glass-card:hover{transform:translateY(-2px);border-color:#3b82f64d}.glass-card-elevated{background:var(--glass-bg);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid var(--glass-border);border-radius:var(--radius-2xl);transition:all var(--transition-slow)}.glass-card-elevated:hover{transform:translateY(-4px) scale(1.01)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-6);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);line-height:var(--leading-none);border-radius:var(--radius-lg);border:1px solid transparent;cursor:pointer;transition:all var(--transition-base);text-decoration:none;white-space:nowrap;user-select:none;position:relative;overflow:hidden}.btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.2) 50%,transparent 100%);transition:left var(--transition-slow)}.btn:hover:before{left:100%}.btn:active{transform:scale(.98)}.btn:focus-visible{outline:2px solid var(--primary-blue-lighter);outline-offset:2px}.btn-primary{background:var(--gradient-primary);color:var(--text-white)}.btn-primary:hover{transform:translateY(-1px)}.btn-secondary{background:var(--glass-bg);color:var(--text-primary);border-color:var(--glass-border);backdrop-filter:var(--backdrop-blur);-webkit-backdrop-filter:var(--backdrop-blur)}.btn-secondary:hover{background:var(--glass-bg-secondary);border-color:var(--primary-blue-lighter)}.btn-ghost{background:transparent;color:var(--text-primary)}.btn-ghost:hover{background:#3b82f61a;color:var(--primary-blue-lighter)}.btn-success{background:var(--gradient-success);color:var(--text-white)}.btn-success:hover{transform:translateY(-1px)}.btn-warning{background:var(--gradient-warning);color:var(--text-white)}.btn-warning:hover{transform:translateY(-1px)}.btn-sm{padding:var(--spacing-2) var(--spacing-4);font-size:var(--font-size-xs)}.btn-lg{padding:var(--spacing-4) var(--spacing-8);font-size:var(--font-size-base)}.btn-xl{padding:var(--spacing-5) var(--spacing-10);font-size:var(--font-size-lg)}.input-field{width:100%;padding:var(--spacing-3) var(--spacing-4);font-size:var(--font-size-sm);font-family:var(--font-family);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);color:var(--text-primary);backdrop-filter:var(--backdrop-blur);-webkit-backdrop-filter:var(--backdrop-blur);transition:all var(--transition-base);outline:none}.input-field::placeholder{color:var(--text-muted)}.input-field:hover{border-color:var(--primary-blue-lighter);background:var(--glass-bg-secondary)}.input-field:focus{border-color:var(--primary-blue);background:var(--glass-bg-secondary)}.select-field{appearance:none;width:100%;padding:var(--spacing-3) var(--spacing-10) var(--spacing-3) var(--spacing-4);font-size:var(--font-size-sm);font-family:var(--font-family);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);color:var(--text-primary);backdrop-filter:var(--backdrop-blur);-webkit-backdrop-filter:var(--backdrop-blur);cursor:pointer;transition:all var(--transition-base);outline:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right var(--spacing-3) center;background-size:1.5em 1.5em}.select-field:hover{border-color:var(--primary-blue-lighter);background-color:var(--glass-bg-secondary)}.select-field:focus{border-color:var(--primary-blue)}.card-hover-lift{transition:all var(--transition-base)}.card-hover-lift:hover{transform:translateY(-4px) scale(1.01)}.badge{display:inline-flex;align-items:center;padding:var(--spacing-1) var(--spacing-3);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);border-radius:var(--radius-full);line-height:var(--leading-none)}.badge-primary{background:#3b82f626;color:var(--primary-blue-lighter);border:1px solid rgba(59,130,246,.3)}.badge-success{background:#10b98126;color:var(--success-green-light);border:1px solid rgba(16,185,129,.3)}.badge-warning{background:#f9731626;color:var(--warning-orange);border:1px solid rgba(249,115,22,.3)}.badge-error{background:#ef444426;color:var(--error-red-light);border:1px solid rgba(239,68,68,.3)}@keyframes skeleton-loading{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{background:linear-gradient(90deg,#ffffff0d,#ffffff1a,#ffffff0d);background-size:200% 100%;animation:skeleton-loading 1.5s ease-in-out infinite;border-radius:var(--radius-md)}.tooltip{position:relative;display:inline-block}.tooltip:after{content:attr(data-tooltip);position:absolute;bottom:calc(100% + var(--spacing-2));left:50%;transform:translate(-50%) translateY(-4px);padding:var(--spacing-2) var(--spacing-3);background:var(--dark-bg);color:var(--text-white);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);border-radius:var(--radius-md);white-space:nowrap;opacity:0;pointer-events:none;transition:all var(--transition-base);z-index:var(--z-tooltip)}.tooltip:hover:after{opacity:1;transform:translate(-50%) translateY(0)}@media (max-width: 768px){:root{--header-height: 70px;--sub-header-height: 0px;--total-header-height: var(--header-height)}}img{image-rendering:-webkit-optimize-contrast;image-rendering:optimizeQuality;backface-visibility:hidden;-webkit-backface-visibility:hidden;transform:translateZ(0);-webkit-transform:translateZ(0);max-width:100%;height:auto}svg{shape-rendering:geometricPrecision;text-rendering:optimizeLegibility;backface-visibility:hidden;-webkit-backface-visibility:hidden;transform:translateZ(0);-webkit-transform:translateZ(0)}.stat-icon,.star-icon,.play-icon{shape-rendering:geometricPrecision;text-rendering:optimizeLegibility;transition:all .3s cubic-bezier(.4,0,.2,1);will-change:transform,color}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}body:before,body:after{animation:none!important}.hero-carousel:before{animation:none!important}}.main-content,.news-item,.glass-card,.scroll-to-top-btn,.search-button,.login-btn,.signup-btn,.user-button{will-change:transform;transform:translateZ(0);backface-visibility:hidden;perspective:1000px}@keyframes optimizedFloat{0%,to{transform:translateZ(0) rotate(0)}33%{transform:translate3d(0,-30px,0) rotate(120deg)}66%{transform:translate3d(0,-15px,0) rotate(240deg)}}@media (max-width: 768px){.news-item,.glass-card,.carousel-content{transition-duration:.2s}.news-item:hover{background:linear-gradient(135deg,#22c55e14,#22c55e0a);border-color:#22c55e4d}.scroll-to-top-btn:hover{background:linear-gradient(135deg,#22c55ee6,#10a347e6)}.hero-carousel:before,body:after{animation-duration:25s}.search-button:hover,.login-btn:hover,.signup-btn:hover{transform:scale(1.05)}}@media (hover: none) and (pointer: coarse){.news-item,.glass-card{transition-duration:.15s}.news-item:active{transform:scale(.98)}.scroll-to-top-btn:active{transform:scale(.95)}}@media (max-width: 480px){.hero-carousel:before,body:before,body:after,.news-item:before,.glass-card:before{display:none}.news-item:hover{background:linear-gradient(135deg,#22c55e0f,#22c55e08)}.scroll-to-top-btn{transition-duration:.1s}}*{margin:0}html,body{height:100%;overflow:hidden;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;background:var(--bg-primary);z-index:-2;opacity:.8;transition:opacity .6s ease}body:after{content:"";position:fixed;inset:0;background:radial-gradient(circle at 20% 80%,rgba(59,130,246,.05) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(249,115,22,.03) 0%,transparent 50%);z-index:-1;animation:ambientFloat 20s ease-in-out infinite;pointer-events:none}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes ambientFloat{0%,to{transform:translateY(0) rotate(0);opacity:.6}33%{transform:translateY(-30px) rotate(120deg);opacity:.8}66%{transform:translateY(-15px) rotate(240deg);opacity:.4}}html,body,.main-content,.sidebar,.header,.favorites-section,.score-card,.live-scores-grid{transition:background-color .3s ease,color .3s ease,border-color .3s ease}@keyframes themeTransitionDark{0%{filter:brightness(1.2) contrast(.8);transform:scale(1.02)}50%{filter:brightness(.8) contrast(1.2);transform:scale(.98)}to{filter:brightness(1) contrast(1);transform:scale(1)}}@keyframes themeTransitionLight{0%{filter:brightness(.8) contrast(1.2);transform:scale(.98)}50%{filter:brightness(1.2) contrast(.8);transform:scale(1.02)}to{filter:brightness(1) contrast(1);transform:scale(1)}}#root{min-height:100vh;display:flex;flex-direction:column;transform:none!important;position:relative}.app{height:100vh;position:relative;overflow-x:hidden;overflow-y:auto;background:var(--bg-primary);transform:none!important}.app-header{background:linear-gradient(135deg,#1e293b,#334155);position:fixed;top:0;left:0;right:0;z-index:10002;height:var(--header-height);max-height:var(--header-height)!important;min-height:var(--header-height)!important;border-bottom:1px solid rgba(148,163,184,.2);overflow:visible}.header-container{display:flex;align-items:center;justify-content:space-between;height:100%;max-width:1920px;margin:0 auto;padding:0 1rem;gap:1rem;width:100%}.header-left{display:flex;align-items:center;min-width:200px}.logo{display:flex;align-items:center;gap:.375rem;text-decoration:none;color:var(--text-white);font-weight:700;font-size:1.5rem;transition:all .2s ease}.logo-image{height:40px!important;max-height:40px!important;width:auto!important;max-width:200px!important;object-fit:contain;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));transition:transform .3s ease}.logo-image:hover{transform:none}.logo-text{font-size:1.75rem;font-weight:800;margin:0;letter-spacing:-.025em}.header-right{display:flex;align-items:center;gap:1rem;min-width:300px;justify-content:flex-end}.sub-content-header{display:flex;justify-content:flex-start;align-items:center;gap:.5rem;padding:.25rem 1.25rem;background:#1e293bf2;border-bottom:1px solid var(--border-light);margin-bottom:0;backdrop-filter:blur(10px);position:sticky;top:var(--header-height);z-index:99;width:100%;box-sizing:border-box}.sub-content-header .filter-container{flex:1;max-width:560px;min-width:200px;height:38px;background:linear-gradient(135deg,#3b82f626,#2563eb1f);border:2px solid rgba(59,130,246,.4);border-radius:10px;transition:all .4s cubic-bezier(.4,0,.2,1);backdrop-filter:blur(16px);position:relative}.sport-selector-new>select.sport-select-new{display:block;width:auto;min-width:0;padding:0;margin:0;box-sizing:content-box}.sub-content-header .filter-container:hover{border-color:#3b82f699}.sub-content-header .view-controls-group{margin-left:auto;flex-shrink:0}.sub-content-header .filter-container:focus-within{border-color:#3b82f6cc}.sub-content-header .filter-input{width:100%;height:100%;padding:0 3rem 0 2.5rem;border:none;border-radius:6px;background:transparent;color:#fff;font-size:.85rem;transition:all .2s ease;box-sizing:border-box}.sub-content-header .filter-input:focus{outline:none;background:#ffffff0d}.sub-content-header .filter-input::placeholder{color:#ffffffb3}.sub-content-header .filter-clear-btn{position:absolute;right:.5rem;top:50%;transform:translateY(-50%);width:24px;height:24px;border:none;background:#fff3;color:#fff;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.sub-content-header .filter-clear-btn:hover{background:#ef4444cc}[data-theme=light] .sub-content-header{background:#f8fafcf2;border-bottom-color:#e2e8f0}[data-theme=light] .sub-content-header .live-filter-toggle{background:#fff;border-color:#94a3b8;color:#475569}[data-theme=light] .sub-content-header .live-filter-toggle:hover{border-color:#64748b;color:#1e293b}[data-theme=light] .sub-content-header .live-filter-toggle.active{background:linear-gradient(135deg,#ef4444,#dc2626);border-color:#dc2626;color:#fff}[data-theme=light] .sub-content-header .filter-input{color:var(--text-dark)}[data-theme=light] .sub-content-header .filter-input::placeholder{color:#0009}[data-theme=light] .sub-content-header .filter-clear-btn{background:#0000001a;color:var(--text-dark)}[data-theme=light] .sub-content-header .filter-clear-btn:hover{background:#ef444426;color:#dc2626}.collapse-all-btn{width:40px;height:40px;padding:0;background:#22c55ecc;border:1px solid rgba(34,197,94,.6);color:#fff;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;flex-shrink:0}.collapse-all-btn:hover{background:#22c55e;border-color:#22c55ecc}.counter-filter-group{display:flex;align-items:center;gap:0;height:40px;flex-shrink:0;min-height:40px;padding:0}.filter-container{position:relative;display:flex;align-items:center;height:38px;width:400px;max-width:400px;background:linear-gradient(135deg,#3b82f626,#2563eb1f);border:2px solid rgba(59,130,246,.4);border-radius:10px;padding:0;transition:all .4s cubic-bezier(.4,0,.2,1);backdrop-filter:blur(16px);flex-shrink:0}.filter-container:hover{border-color:#3b82f699;background:linear-gradient(135deg,#3b82f633,#2563eb26)}.filter-container:focus-within{border-color:#3b82f6cc;background:linear-gradient(135deg,#3b82f640,#2563eb33);transform:translateY(-1px)}.filter-input{flex:1;height:50%;border:none;outline:none;background:transparent;color:#f8fafcf2;font-size:13px;font-weight:500;padding:0 2px 0 0;border-radius:5px;transition:all .3s ease;letter-spacing:.02em}.filter-input:focus{color:#f8fafc}.filter-input::placeholder{color:#3b82f6e6;font-weight:500;transition:all .3s ease}@media (max-width: 640px){.filter-input::placeholder{font-size:.72rem}}.filter-container:focus-within .filter-input::placeholder{color:#22c55e80;transform:translate(2px)}.filter-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:#22c55eb3;transition:all .3s ease;pointer-events:none}.filter-container:focus-within .filter-icon{color:#22c55e;transform:translateY(-50%)}.filter-clear-btn{position:absolute;right:30px;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:16px;height:16px;background:#ef44441a;border:none;color:#ef4444b3;cursor:pointer;border-radius:50%;transition:all .3s cubic-bezier(.4,0,.2,1);backdrop-filter:blur(4px);z-index:1}.filter-clear-btn:hover{background:#ef444433;color:#ef4444;transform:translateY(-50%)}.search-button{height:36px;width:36px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:18px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-white);margin-right:4px;flex-shrink:0;transition:all .4s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden}.search-button:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:radial-gradient(circle,rgba(255,255,255,.3) 0%,transparent 70%);border-radius:50%;transform:translate(-50%,-50%);transition:all .6s ease}.search-button:hover:before{width:80px;height:80px}.search-button:hover{background:#fff3;border-color:#fff6;transform:rotate(5deg)}.search-button:active{transform:rotate(-2deg);transition:all .1s ease}.header-home-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:12px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#ffffffe6;text-decoration:none;transition:all .3s ease;flex-shrink:0}.header-home-btn:hover{background:#ffffff2e;border-color:#fff6;color:#fff;transform:translateY(-1px)}[data-theme=light] .header-home-btn{background:#ffffff26;border-color:#ffffff4d;color:#ffffffe6}[data-theme=light] .header-home-btn:hover{background:#ffffff40;border-color:#ffffff80;color:#fff}.theme-toggle{height:44px;width:44px;background:transparent;border:none;border-radius:2px;color:var(--text-white);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;padding:0}.theme-toggle:hover{background:#ffffff26}.theme-toggle svg{width:20px;height:20px;transition:transform .2s ease}.language-selector-wrapper{position:relative}.sub-header{position:fixed;top:var(--header-height);left:0;right:0;z-index:10001;height:var(--sub-header-height);background:linear-gradient(135deg,#36373b,#38386b,#57585f);backdrop-filter:blur(12px);border-bottom:2px solid rgba(59,130,246,.3);overflow:visible}@media (max-width: 768px){.sub-header{display:none!important}}.sub-header-container{display:flex;align-items:center;justify-content:center;height:100%;max-width:1920px;width:100%;margin:0 auto;padding:0 1rem}.sub-navigation{display:flex;align-items:center;justify-content:center;gap:.5rem;height:100%;width:100%;padding:0;position:relative;z-index:1}.nav-item{color:#ffffffd9;text-decoration:none;font-size:14px;font-weight:600;letter-spacing:.3px;padding:0 1rem;margin:0;height:100%;display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap;position:relative;text-transform:uppercase;border-radius:4px;box-sizing:border-box;flex:1;min-width:0;cursor:pointer;z-index:1;pointer-events:auto}.nav-item:hover{color:#fff;background:linear-gradient(180deg,#3b82f680,#1d4ed8b3)}.nav-item.active{color:#fff;background:linear-gradient(180deg,#0006,#0009);font-weight:700}.nav-item.active:after{content:"";position:absolute;bottom:0;left:0;right:0;height:4px;width:100%;background:linear-gradient(90deg,#f97316,#fb923c,#f97316);transform-origin:left center;animation:navLineActivate .35s cubic-bezier(.4,0,.2,1) forwards;pointer-events:none}.nav-item.active:before{content:"";position:absolute;top:0;left:0;pointer-events:none}.nav-item-dummy{pointer-events:none;cursor:default;display:none;border:1px dashed rgba(59,130,246,.4);opacity:.3;background:#3b82f60d}.nav-item-dummy:after{display:none}@media (min-width: 1440px){.nav-item-dummy{display:flex;flex:1;min-width:0;padding:0 1rem;align-items:center;justify-content:center}}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes gradientMove{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes slideIn{0%{width:0;margin:0 auto}to{width:100%}}@keyframes navLineActivate{0%{transform:scaleX(0);opacity:.3}to{transform:scaleX(1);opacity:1}}.nav-item:after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:linear-gradient(90deg,#f9731659,#fb923c73,#f9731659);transition:background .25s ease;pointer-events:none;border-radius:2px 2px 0 0}.nav-item:not(.active):hover:after{background:linear-gradient(90deg,#f97316a6,#fb923ccc,#f97316a6)}@media (max-width: 768px){.sub-navigation{gap:.25rem;padding:0 .5rem}.nav-item{font-size:12px;padding:0 .5rem;border-radius:3px}}@media (min-width: 769px) and (max-width: 1024px){.sub-navigation{flex-wrap:wrap;gap:.375rem}.nav-item{font-size:12px;padding:0 .75rem;white-space:normal;text-align:center}}@media (max-width: 640px){.sub-navigation{gap:.125rem;padding:0 .25rem;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.sub-navigation::-webkit-scrollbar{display:none}.nav-item{font-size:11px;padding:0 .375rem;min-width:fit-content;flex-shrink:0}}.language-overlay{position:fixed;top:var(--total-header-height);left:0;right:0;bottom:0;background:#0000004d;backdrop-filter:blur(4px);z-index:999;display:flex;justify-content:flex-start;align-items:flex-start;padding:0;border:none;cursor:pointer}.language-overlay-content{width:100%;background:var(--bg-primary);border-bottom:1px solid var(--border-color);overflow:hidden;animation:slideDown .2s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.language-options{padding:.375rem;max-width:100%;width:100%;margin:0 auto}@media (max-width: 768px){.language-options{padding:.25rem}}.language-options-grid{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:0;flex-wrap:wrap}@media (max-width: 768px){.language-options-grid{gap:.5rem;justify-content:space-around}}.language-option{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:.25rem 0;background:none;border:none;cursor:pointer;transition:all .2s ease;color:var(--text-primary);font-size:.75rem;border-radius:6px;margin:0 .25rem;min-width:60px}@media (max-width: 768px){.language-option{padding:.1875rem 0;margin:.125rem;min-width:50px;font-size:.7rem}}@media (max-width: 480px){.language-option{padding:.125rem 0;min-width:40px;font-size:.65rem;gap:.125rem}}.language-option:hover{background:var(--bg-secondary);border-color:var(--primary-blue-light)}.language-option.active{background:var(--primary-blue);color:var(--text-white);border-color:var(--primary-blue-light)}.language-option .language-name{font-weight:500;text-align:center}.language-option .language-code{font-size:.75rem;opacity:.7;font-weight:600}.language-option.active .language-code{opacity:.9}.language-selector{height:44px;width:44px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:2px;color:var(--text-white);cursor:pointer;transition:all .2s ease;padding:0;overflow:hidden}.language-selector:hover{background:#ffffff26}.language-selector svg{width:12px;height:12px;opacity:.6;transition:transform .2s ease}.language-selector:hover svg{transform:rotate(180deg)}.language-selector .flag-icon,.language-selector .simple-flag-icon{flex-shrink:0;font-size:1.1rem;font-family:"Segoe UI Emoji","Noto Color Emoji","Apple Color Emoji",Twemoji Mozilla,sans-serif!important;font-variant-emoji:emoji;text-rendering:optimizeLegibility;filter:drop-shadow(0 1px 2px rgba(0,0,0,.1))}.simple-flag-icon{position:relative;overflow:hidden}.simple-flag-icon img{transition:all .2s ease;border:1px solid rgba(255,255,255,.15);border-radius:3px!important;background:#fff}.simple-flag-icon:hover img{transform:scale(1.05);border-color:#ffffff4d}.auth-buttons{display:flex;align-items:center;gap:.375rem}.login-btn{height:44px;width:85px;background:transparent;border:1px solid rgba(255,255,255,.3);border-radius:.5rem;color:var(--text-white);padding:0;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .4s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.login-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .6s ease}.login-btn:hover:before{left:100%}.login-btn:hover{background:#fff3;border-color:#fff9}.signup-btn{height:44px;width:85px;background:var(--text-white);border:none;border-radius:.5rem;color:var(--primary-blue);padding:0;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .4s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.signup-btn:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#1e40af1a,#3b82f61a);opacity:0;transition:opacity .3s ease}.signup-btn:hover:before{opacity:1}.signup-btn:hover{background:linear-gradient(135deg,#fff,#f0f7ff);color:var(--primary-blue-dark)}.signup-btn:active{background:linear-gradient(135deg,#f8fafc,#e2e8f0);transition:all .1s ease}.user-button{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:.5rem;color:var(--text-white);padding:0;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .4s cubic-bezier(.175,.885,.32,1.275);display:flex;align-items:center;justify-content:center;gap:.25rem;position:relative;overflow:hidden;width:95px;height:44px}.user-button:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#ffffff1a,#3b82f61a);opacity:0;transition:opacity .3s ease}.user-button:hover:before{opacity:1}.user-button:hover{background:#ffffff40;border-color:#ffffff80}.hamburger-menu{display:none;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:.5rem;padding:.5rem;cursor:pointer;transition:all .2s ease}.hamburger-menu:hover{background:#ffffff2e;border-color:#ffffff59}.hamburger-menu:active{background:#ffffff14;transform:scale(.95)}.hamburger-icon{display:flex;flex-direction:column;gap:4px}.hamburger-line{width:24px;height:2px;background:#fff;border-radius:1px;transition:all .3s ease}.hamburger-menu.menu-open{background:#ffffff26;border-color:#ffffff4d}.hamburger-menu.menu-open .hamburger-line:nth-child(1){transform:rotate(45deg) translateY(6px)}.hamburger-menu.menu-open .hamburger-line:nth-child(2){opacity:0}.hamburger-menu.menu-open .hamburger-line:nth-child(3){transform:rotate(-45deg) translateY(-6px)}.mobile-menu{position:fixed;top:var(--header-height);left:0;right:0;background:var(--bg-primary);border-top:1px solid var(--border-color);z-index:999;max-height:calc(100vh - var(--header-height));overflow-y:auto}.mobile-menu-content{padding:1rem;max-width:1400px;margin:0 auto}.mobile-search{margin-bottom:1rem}.mobile-search-input{width:100%;padding:.75rem 1rem;border:1px solid var(--border-color);border-radius:.5rem;background:var(--bg-secondary);color:var(--text-primary);font-size:.875rem}.mobile-nav{display:flex;flex-direction:column;gap:.25rem;margin-bottom:1rem}.mobile-nav-link{color:var(--text-primary);text-decoration:none;padding:.75rem;border-radius:.5rem;font-weight:500;transition:background-color .2s ease}.mobile-nav-link:hover{background:var(--bg-secondary)}.mobile-auth{margin-top:1rem}.mobile-user-button{width:100%;padding:.75rem;border-radius:.5rem;background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color);cursor:pointer;font-weight:600;text-align:center}.mobile-auth-buttons{display:flex;gap:1rem}.mobile-login-button,.mobile-signup-button{flex:1;padding:.75rem;border-radius:.5rem;text-decoration:none;text-align:center;font-weight:600;transition:all .2s ease;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.25rem}.mobile-login-button{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color)}.mobile-signup-button{background:var(--warning-orange);color:var(--text-white);border:1px solid var(--warning-orange)}.mobile-theme-toggle,.mobile-language-selector{flex:1;padding:.75rem;border:1px solid var(--border-color);border-radius:.5rem;background:var(--bg-secondary);color:var(--text-primary);cursor:pointer;font-weight:500;display:flex;align-items:center;justify-content:center;gap:.375rem}.mobile-settings{display:flex;gap:1rem;margin-top:1rem}main,.main-content,main.main-content{padding:0;margin:0}.main-content{position:fixed;top:var(--total-header-height);left:0;right:0;width:100vw;height:calc(100vh - var(--total-header-height));overflow-y:auto;overflow-x:hidden;background:var(--bg-primary);backdrop-filter:none;-webkit-backdrop-filter:none;transition:background-color .3s ease;z-index:1}.content-section{background:var(--glass-bg);backdrop-filter:var(--backdrop-blur);border-radius:1rem;border:1px solid var(--glass-border);margin-bottom:1rem;transition:all .4s ease}.content-section:hover{background:var(--glass-bg-secondary);transform:translateY(-2px)}.page{max-width:100%;width:100%;margin:0 auto;padding:0}.page h1{font-size:3rem;font-weight:800;text-align:center;margin-bottom:1rem;background:linear-gradient(45deg,#60a5fa,#34d399);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.page p{text-align:center;font-size:1.25rem;color:var(--text-secondary);margin-bottom:1.5rem}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem;margin-top:1.5rem}.feature-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:1rem;padding:1rem;text-align:center;backdrop-filter:blur(10px);transition:all .3s ease}.feature-card:hover{transform:translateY(-5px);border-color:#3b82f64d}.feature-card h3{font-size:1.5rem;font-weight:700;margin-bottom:1rem;color:var(--text-primary)}.feature-card p{color:var(--text-secondary);margin:0;font-size:1rem}.match-list{width:100%;margin:0}.match-item{display:flex;justify-content:space-between;align-items:center;background:#fffffff2;border:1px solid rgba(226,232,240,.8);border-radius:.5rem;padding:.25rem .375rem;margin-bottom:.25rem;backdrop-filter:blur(10px);transition:all .3s ease}.match-item:hover{background:#fff;border-color:#3b82f64d;transform:translateY(-2px)}.live{background:#ef4444;color:var(--text-white);padding:.1875rem 0;border-radius:1rem;font-size:.875rem;font-weight:600;animation:pulse 2s infinite}.app-footer{background:var(--bg-secondary);border-top:1px solid var(--border-color);padding:1rem 0;margin-top:1rem}.app-footer p{text-align:center;color:var(--text-secondary);margin:0}.desktop-only,.hide-mobile{display:flex}.show-mobile{display:none}@media (max-width: 768px){.desktop-only{display:none}.hide-mobile{display:none!important}.show-mobile{display:flex!important}.hamburger-menu{display:flex}.mobile-menu{display:block}.view-toggle{display:none!important}.sub-content-header{gap:.375rem;padding:.25rem .5rem}.sub-content-header .live-filter-toggle{height:34px;padding:.375rem .5rem;border-radius:8px}.sub-content-header .sort-cycle-btn{height:34px;padding:0 .5rem}.sub-content-header .view-controls-group .view-toggle-btn,.sub-content-header .view-controls-group .compact-toggle-btn,.sub-content-header .view-controls-group .collapse-all-btn{width:34px;height:34px}.sort-cycle-btn .sort-label,.view-controls-group .dummy-btn{display:none}.sub-content-header .filter-container{height:34px;min-width:0}.sub-content-header .filter-input{font-size:.8rem}.sort-select{font-size:.8rem;padding:.25rem .375rem;min-width:100px}}@media (min-width: 769px) and (max-width: 1024px){.sub-content-header{gap:.5rem;padding:.25rem .75rem}.filter-container{min-width:200px;max-width:350px;flex:1 1 auto}.sort-selector.desktop-sort{gap:.375rem}.sort-selector.desktop-sort label{font-size:.8125rem}.sort-select{font-size:.8125rem;padding:0 .5rem;min-width:100px}.view-controls-group{gap:.5rem}.view-toggle-btn{width:28px;height:28px}}@media (min-width: 1200px){.header-container{grid-template-columns:280px 1fr 450px}}@media (max-width: 1023px){.header-container{padding:0 .75rem}.nav-menu{gap:1rem}.nav-link{font-size:.85rem;padding:.2rem 0}.header-right{gap:.75rem}}@media (max-width: 768px){.header-container{justify-content:space-between}.logo-text{font-size:1.25rem}.logo-image{height:32px}.page h1{font-size:2.5rem}.features-grid{grid-template-columns:1fr;gap:1.5rem}.feature-card{padding:.75rem}}@media (max-width: 480px){.header-container{padding:0 .75rem}.logo-text{font-size:1.1rem}.logo-image{height:28px}.mobile-settings{flex-direction:column;gap:.75rem}.mobile-auth{flex-direction:column}.page h1{font-size:2rem}.page{padding:0 .75rem}.feature-card{padding:1.25rem}}@media (max-width: 320px){.header-container{padding:0 .5rem}.logo-text{font-size:1.4rem}.logo-image{height:34px}.page h1{font-size:1.75rem}.feature-card{padding:1rem 0}}@media (min-width: 769px){.mobile-menu{display:none!important}}.mobile-menu.open{animation:slideInFromTop .3s ease-out}@keyframes slideInFromTop{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}@media (max-width: 480px){.main-content{height:calc(100vh - var(--header-height));top:var(--header-height)}.page{padding:0}.page h1{font-size:2rem}}@supports (-webkit-overflow-scrolling: touch){.app-layout{-webkit-overflow-scrolling:touch}}.homepage{width:100%}.hero-carousel{color:var(--text-white);width:100%;position:relative;min-height:300px;display:flex;align-items:center;justify-content:center;overflow:hidden;margin-bottom:10px}.hero-background{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;background-repeat:no-repeat;opacity:0;clip-path:inset(0 100% 0 0);transition:opacity .8s cubic-bezier(.4,0,.2,1),clip-path 1.2s cubic-bezier(.25,.46,.45,.94);z-index:0;animation:slideInFromLeft 1.8s cubic-bezier(.25,.46,.45,.94) .3s forwards}.hero-background:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#0f172ad9,#0f172abf,#0f172a99,#0f172a66,#0f172a99,#0f172acc);z-index:1;transition:all .8s cubic-bezier(.4,0,.2,1)}.hero-background.transitioning{opacity:0;clip-path:inset(0 100% 0 0);transform:translate(-30px);filter:blur(2px)}.hero-background:not(.transitioning){animation:slideInFromLeft 1.2s cubic-bezier(.25,.46,.45,.94) forwards}@keyframes slideInFromLeft{0%{opacity:0;clip-path:inset(0 100% 0 0);transform:translate(20px)}20%{opacity:.3}to{opacity:.75;clip-path:inset(0 0% 0 0);transform:translate(0)}}.hero-carousel:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 80%,rgba(30,64,175,.15) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(59,130,246,.1) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(96,165,250,.1) 0%,transparent 50%);animation:particleFloat 20s ease-in-out infinite;pointer-events:none;z-index:0}[data-theme=dark] .hero-carousel{background:linear-gradient(135deg,var(--dark-bg) 0%,var(--dark-bg-secondary) 30%,var(--primary-blue) 100%)}[data-theme=light] .hero-carousel{background:linear-gradient(135deg,var(--primary-blue) 0%,var(--primary-blue-light) 50%,var(--primary-blue-lighter) 100%)}.carousel-container{max-width:100%;margin:0 auto;padding:1rem 1.5rem;position:relative;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:2}.carousel-content{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.5rem;min-height:280px;transition:all .6s cubic-bezier(.2,0,.1,1);position:relative;z-index:1}.carousel-content.slide-enter{animation:slideInFromRight .8s cubic-bezier(.2,0,.1,1) forwards}.carousel-content.slide-exit{animation:slideInFromLeft .8s cubic-bezier(.2,0,.1,1) forwards}.carousel-content.fade-enter{animation:scaleInFade .6s cubic-bezier(.2,0,.1,1) forwards}.hero-main-content{flex:2;max-width:700px;transition:all .3s cubic-bezier(.2,0,.1,1);position:relative;z-index:2}.hero-main-content.transitioning{opacity:0;transform:translateY(20px) scale(.95);filter:blur(5px)}.hero-main-content.transitioning .hero-title,.hero-main-content.transitioning .hero-subtitle,.hero-main-content.transitioning .hero-description,.hero-main-content.transitioning .hero-btn{transform:translateY(15px);opacity:0}.hero-main-content>*{animation-delay:calc(var(--animation-order, 0) * .1s)}.hero-main-content .hero-title{--animation-order: 1}.hero-main-content .hero-subtitle{--animation-order: 2}.hero-main-content .hero-description{--animation-order: 3}.hero-main-content .hero-btn{--animation-order: 4}.hero-text{width:100%;transition:all .8s cubic-bezier(.4,0,.2,1)}.hero-title{font-size:3.5rem;font-weight:800;margin-bottom:1rem;line-height:1.1;color:#fff;transition:all .8s cubic-bezier(.4,0,.2,1);animation:heroTitleReveal 1.2s cubic-bezier(.2,0,.1,1) both;position:relative;overflow:hidden}.hero-subtitle{font-size:1.5rem;font-weight:600;margin-bottom:1rem;color:#fffffff2;transition:all .8s cubic-bezier(.4,0,.2,1);animation:heroSubtitleReveal 1.4s cubic-bezier(.2,0,.1,1) .2s both;position:relative}.hero-description{font-size:1.1rem;line-height:1.6;margin-bottom:1rem;color:#ffffffd9;transition:all .8s cubic-bezier(.4,0,.2,1);animation:heroDescriptionReveal 1.6s cubic-bezier(.2,0,.1,1) .4s both;position:relative;overflow:hidden}@keyframes heroTitleReveal{0%{opacity:0;transform:translateY(60px) scale(.95);filter:blur(10px)}30%{opacity:.6;transform:translateY(20px) scale(.98);filter:blur(5px)}70%{opacity:.9;transform:translateY(-5px) scale(1.01);filter:blur(0px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0px)}}@keyframes heroSubtitleReveal{0%{opacity:0;transform:translateY(40px);filter:blur(8px)}50%{opacity:.7;transform:translateY(5px);filter:blur(2px)}to{opacity:1;transform:translateY(0);filter:blur(0px)}}@keyframes heroDescriptionReveal{0%{opacity:0;transform:translateY(30px);filter:blur(6px)}60%{opacity:.8;transform:translateY(-2px);filter:blur(1px)}to{opacity:1;transform:translateY(0);filter:blur(0px)}}@keyframes heroBtnReveal{0%{opacity:0;transform:translateY(20px) scale(.95);filter:blur(4px)}70%{opacity:.9;transform:translateY(-2px) scale(1.02);filter:blur(1px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0px)}}@keyframes slideInFromRight{0%{opacity:0;transform:translate(100px) scale(.95);filter:blur(8px)}30%{opacity:.4;transform:translate(40px) scale(.98);filter:blur(4px)}70%{opacity:.8;transform:translate(-5px) scale(1.01);filter:blur(1px)}to{opacity:1;transform:translate(0) scale(1);filter:blur(0px)}}@keyframes scaleInFade{0%{opacity:0;transform:scale(.8);filter:blur(10px)}50%{opacity:.6;transform:scale(1.05);filter:blur(3px)}to{opacity:1;transform:scale(1);filter:blur(0px)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}60%{opacity:.8;transform:translateY(-2px)}to{opacity:1;transform:translateY(0)}}@keyframes contentChange{0%{opacity:1;transform:translate(0)}50%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}@keyframes particleFloat{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-10px) rotate(1deg)}50%{transform:translateY(5px) rotate(-1deg)}75%{transform:translateY(-5px) rotate(.5deg)}}[data-theme=dark] .hero-subtitle{color:#fffffff2}[data-theme=dark] .hero-description{color:#ffffffd9}[data-theme=light] .hero-subtitle{color:#fffffffa}[data-theme=light] .hero-description{color:#ffffffe6}.hero-buttons{display:flex;gap:1rem;flex-wrap:wrap}.hero-btn{padding:.75rem 2rem;border-radius:.5rem;text-decoration:none;font-weight:600;transition:all .4s cubic-bezier(.2,0,.1,1);display:inline-block;animation:heroBtnReveal 1.8s cubic-bezier(.2,0,.1,1) .6s both;position:relative;overflow:hidden;isolation:isolate}.hero-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .6s ease;z-index:-1}.hero-btn:hover:before{left:100%}.hero-btn.primary{background:#ffffff40;color:var(--text-white);border:2px solid rgba(255,255,255,.4)}.hero-btn.primary:hover{background:#ffffff59;border-color:#fff9;transform:translateY(-4px) scale(1.05)}.hero-btn.secondary{background:transparent;color:var(--text-white);border:2px solid rgba(255,255,255,.6)}.hero-btn.secondary:hover{background:#ffffff26;border-color:#fffc;transform:translateY(-2px)}[data-theme=dark] .hero-btn.primary{background:#fff3;border-color:#ffffff4d}[data-theme=dark] .hero-btn.primary:hover{background:#ffffff4d;border-color:#ffffff80}[data-theme=dark] .hero-btn.secondary{border-color:#ffffff80}[data-theme=dark] .hero-btn.secondary:hover{background:#ffffff1a;border-color:#ffffffb3}[data-theme=light] .hero-btn.primary{background:#ffffff4d;border-color:#ffffff80}[data-theme=light] .hero-btn.primary:hover{background:#fff6;border-color:#ffffffb3}[data-theme=light] .hero-btn.secondary{border-color:#ffffffb3}[data-theme=light] .hero-btn.secondary:hover{background:#fff3;border-color:#ffffffe6}.hero-stats{flex:1;display:grid;grid-template-columns:1fr;gap:1rem;text-align:center;width:100%;max-width:300px;background:#ffffff1a;backdrop-filter:blur(10px);border-radius:5px;padding:1rem 0;border:1px solid rgba(255,255,255,.2);align-self:center;transition:all .6s cubic-bezier(.4,0,.2,1)}.hero-stats.transitioning{opacity:0;transform:translate(30px) scale(.95);filter:blur(3px)}.hero-stats.transitioning .stat-item{transform:translateY(10px);opacity:0}.stat-item{display:flex;flex-direction:column;align-items:center;transition:all .6s cubic-bezier(.4,0,.2,1);animation:fadeInUp var(--delay, 1.4s) cubic-bezier(.4,0,.2,1)}.stat-item:hover{transform:translateY(-2px)}.stat-item:nth-child(1){--delay: 1.4s}.stat-item:nth-child(2){--delay: 1.6s}.stat-item:nth-child(3){--delay: 1.8s}.stat-number{font-size:2.5rem;font-weight:800;color:var(--text-white);transition:all .6s cubic-bezier(.4,0,.2,1)}.stat-label{font-size:1rem;color:#ffffffe6;margin-top:.5rem;transition:all .6s cubic-bezier(.4,0,.2,1)}.carousel-tabs{display:grid;grid-template-columns:repeat(5,1fr);gap:.5rem;margin-top:1rem}.carousel-tab{background:#ffffff26;border:2px solid rgba(255,255,255,.3);color:var(--text-white);padding:1rem 0;border-radius:.75rem;cursor:pointer;transition:all .6s cubic-bezier(.4,0,.2,1);text-align:center;position:relative}.carousel-tab:hover{background:#fff3;border-color:#ffffff80;transform:translateY(-1px)}.carousel-tab.active{background:#ffffff4d;border-color:#ffffffb3;transform:translateY(-2px) scale(1.05);animation:tabPulse .3s ease-out}@keyframes tabPulse{0%{transform:translateY(-2px) scale(1)}50%{transform:translateY(-4px) scale(1.08)}to{transform:translateY(-2px) scale(1.05)}}.carousel-tab:focus{outline:2px solid rgba(255,255,255,.6);outline-offset:2px}[data-theme=dark] .carousel-tab{background:#ffffff1a;border-color:#fff3}[data-theme=dark] .carousel-tab:hover{background:#ffffff26;border-color:#fff6}[data-theme=dark] .carousel-tab.active{background:#ffffff40;border-color:#fff9}[data-theme=light] .carousel-tab{background:#fff3;border-color:#fff6}[data-theme=light] .carousel-tab:hover{background:#ffffff40;border-color:#fff9}[data-theme=light] .carousel-tab.active{background:#ffffff59;border-color:#fffc}.tab-title{display:block;font-weight:700;font-size:.9rem;margin-bottom:.25rem}.tab-subtitle{display:block;font-size:.75rem;opacity:.8}.homepage-content{width:100%;max-width:100%;margin:0;padding:0}.page-summaries{display:flex;flex-direction:column;gap:1rem}.summary-section{background:var(--bg-secondary);border-radius:.75rem;padding:1.5rem}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid var(--border-color)}.section-header h2{margin:0;color:var(--text-primary);font-size:1.5rem;font-weight:700}.view-all-btn{color:var(--primary-blue);text-decoration:none;font-weight:600;padding:.5rem 0;border-radius:.375rem;transition:all .2s ease}.view-all-btn:hover{background:#3b82f61a}.summary-content{display:flex;flex-direction:column;gap:1rem}.news-item{display:flex;gap:1rem;padding:1rem 0;border-radius:.75rem;transition:all .4s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden;cursor:pointer;border:1px solid transparent;background:#ffffff05;backdrop-filter:blur(10px)}.news-item:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(59,130,246,.1),transparent);transition:left .6s ease;z-index:0}.news-item:hover:before{left:100%}.news-item:hover{transform:translateY(-8px) scale(1.02);background:#ffffff14;border-color:#3b82f64d}.news-thumbnail{width:80px;height:60px;border-radius:.5rem;object-fit:cover;background:var(--border-color);transition:all .4s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden;z-index:1}.news-thumbnail:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#3b82f633,#f9731633);opacity:0;transition:opacity .3s ease;z-index:2}.news-item:hover .news-thumbnail{transform:scale(1.1) rotate(2deg);border-radius:.75rem}.news-item:hover .news-thumbnail:before{opacity:1}.news-info{flex:1;position:relative;z-index:1;transition:all .3s ease}.news-info h3{margin:0 0 .5rem;font-size:1rem;font-weight:600;color:var(--text-primary);transition:all .3s ease;position:relative;overflow:hidden}.news-info h3:before{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:linear-gradient(90deg,var(--primary-blue),var(--orange));transition:width .4s ease}.news-item:hover .news-info h3:before{width:100%}.news-item:hover .news-info h3{color:var(--primary-blue);transform:translate(4px)}.news-info p{margin:0 0 .5rem;color:var(--text-secondary);font-size:.875rem;line-height:1.4;transition:all .3s ease;max-height:2.8em;overflow:hidden}.news-item:hover .news-info p{color:var(--text-primary);transform:translate(2px)}.news-time{color:var(--text-secondary);font-size:.75rem;transition:all .3s ease;position:relative;display:inline-block}.news-time:before{content:"🕒";margin-right:.25rem;opacity:0;transform:scale(0);transition:all .3s ease}.news-item:hover .news-time:before{opacity:1;transform:scale(1)}.news-item:hover .news-time{color:var(--orange);font-weight:500}.news-item[data-category=football]:after{--category-color: var(--category-football)}.news-item[data-category=basketball]:after{--category-color: var(--category-basketball)}.news-item[data-category=tennis]:after{--category-color: var(--category-tennis)}.news-item[data-category=baseball]:after{--category-color: var(--category-baseball)}.news-item[data-category=general]:after{--category-color: var(--category-general)}.news-item[data-category=breaking]:after{--category-color: var(--category-breaking)}.news-item:after{content:"";position:absolute;top:0;right:0;width:4px;height:100%;background:var(--category-color, var(--primary-blue));border-radius:0 .75rem .75rem 0;transform:scaleX(0);transform-origin:right;transition:transform .3s ease}.news-item:hover:after{transform:scaleX(1)}.news-engagement{display:flex;align-items:center;gap:.75rem;margin-top:.5rem;opacity:0;transform:translateY(5px);transition:all .3s ease}.news-item:hover .news-engagement{opacity:1;transform:translateY(0)}.engagement-item{display:flex;align-items:center;gap:.25rem;font-size:.75rem;color:var(--text-secondary);transition:all .2s ease}.engagement-item:hover{color:var(--primary-blue);transform:scale(1.1)}.engagement-icon{width:12px;height:12px;opacity:.7;transition:opacity .2s ease}.engagement-item:hover .engagement-icon{opacity:1}.news-item.loading{position:relative;overflow:hidden}.news-item.loading:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);animation:shimmer 1.5s infinite}.news-item:active{transform:translateY(-4px) scale(.98);transition:all .1s ease}.news-item .interactive-element{position:relative;overflow:hidden}.news-item .interactive-element:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:radial-gradient(circle,rgba(59,130,246,.3) 0%,transparent 70%);border-radius:50%;transform:translate(-50%,-50%);transition:all .6s ease;pointer-events:none}.news-item:hover .interactive-element:after{width:200px;height:200px}.news-grid .news-item{animation:newsItemFadeIn .6s ease backwards}.news-grid .news-item:nth-child(1){animation-delay:.1s}.news-grid .news-item:nth-child(2){animation-delay:.2s}.news-grid .news-item:nth-child(3){animation-delay:.3s}.news-grid .news-item:nth-child(4){animation-delay:.4s}.news-grid .news-item:nth-child(5){animation-delay:.5s}.news-grid .news-item:nth-child(6){animation-delay:.6s}@keyframes newsItemFadeIn{0%{opacity:0;transform:translateY(20px) scale(.95);filter:blur(5px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0px)}}.live-match{padding:.6rem 0;border-radius:.5rem;border:1px solid var(--border-color);transition:all .2s ease;display:flex;flex-direction:column;gap:.35rem}.live-match:hover,.fixture-item:hover,.result-item:hover{border-color:var(--primary-blue);background-color:var(--card-bg-hover, rgba(59, 130, 246, .02))}.match-teams{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:.75rem;margin-bottom:.35rem}.match-teams .team{font-weight:600;color:var(--text-primary);display:flex;align-items:center;width:100%;line-height:1.4;min-height:20px}.match-teams .team:first-child{justify-content:flex-end}.match-teams .team:last-child{justify-content:flex-start}.match-teams .score,.match-teams .vs{font-size:1.125rem;font-weight:800;color:var(--primary-blue);line-height:1;display:flex;align-items:center;justify-content:center;min-height:16px}.match-teams .vs{color:var(--text-secondary);font-size:.9375rem;font-weight:600}.match-info{display:flex;justify-content:space-between;align-items:center;font-size:.8125rem;color:var(--text-secondary);line-height:1.2}.match-info .time{font-weight:500;color:var(--text-secondary);line-height:1.2}.match-info .league{font-weight:500;color:var(--primary-blue);line-height:1.2}.match-time{background:transparent;color:var(--text-secondary);padding:.25rem 0;border-radius:.25rem;font-weight:600;font-size:.75rem;line-height:1.2;display:flex;align-items:center}.match-league{color:var(--text-secondary);line-height:1.4;display:flex;align-items:center}.match-teams .team.winner{color:var(--success-green);font-weight:700}.home-match-row{display:flex;align-items:center;gap:.5rem;padding:.6rem .875rem;border-bottom:1px solid rgba(59,130,246,.1);transition:all .3s ease;min-height:38px;background:var(--surface-white);position:relative;cursor:pointer}.home-match-row:last-child{border-bottom:none}.home-match-row:hover{background:linear-gradient(90deg,#3b82f605,#3b82f60d,#3b82f605);transform:translate(2px)}.home-match-row .match-status-container{display:flex;flex-direction:row;align-items:center;gap:.3rem;flex-shrink:0;min-width:60px;max-width:60px;height:20px;padding:.15rem .3rem;background:transparent;border-radius:6px}.home-match-row .match-status-text{font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.4px;white-space:nowrap;line-height:1;color:var(--text-secondary)}.home-match-row .match-status-container.status-live{background:linear-gradient(135deg,#3b82f61a,#2563eb1a)}.home-match-row .match-status-container.status-live .match-status-text{color:var(--primary-blue)}.home-match-row .match-status-container.status-finished .match-status-text{color:var(--text-secondary)}.home-match-row .match-status-container.status-scheduled .match-status-text{color:#fff;background:linear-gradient(135deg,#3b82f6,#2563eb);padding:.25rem .5rem;border-radius:6px;font-weight:700;letter-spacing:.4px;box-shadow:0 2px 4px #3b82f640;border:1px solid rgba(59,130,246,.3)}.home-match-row .match-status-container.status-halftime .match-status-text{color:#f59e0b}.home-match-row .live-indicator{color:var(--primary-blue);font-size:.625rem;line-height:1;flex-shrink:0;display:inline-flex;align-items:center}.home-match-row .live-indicator.blinking{animation:blink-dot-blue 5s ease-in-out infinite}@keyframes blink-dot-blue{0%,to{opacity:1;color:var(--primary-blue)}50%{opacity:.4;color:#2563eb}}.home-match-row .match-minute{font-size:.6875rem;font-weight:700;color:var(--primary-blue);letter-spacing:.4px;line-height:1}.home-match-row .home-team-name{font-size:.8125rem;font-weight:600;color:var(--text-primary);text-align:right;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.home-match-row .away-team-name{font-size:.8125rem;font-weight:600;color:var(--text-primary);text-align:left;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.home-match-row .team-logo-placeholder{width:18px;height:18px;background:linear-gradient(135deg,#3b82f626,#2563eb26);border-radius:50%;flex-shrink:0;display:block;border:2px solid rgba(59,130,246,.2)}.home-match-row .match-score{display:flex;align-items:center;justify-content:center;gap:.4rem;font-size:1.125rem;font-weight:700;font-family:"Exo 2",sans-serif;color:var(--text-primary);flex-shrink:0;min-width:60px;height:24px;padding:0 .4rem;letter-spacing:.4px;transition:all .2s ease;background:linear-gradient(135deg,#3b82f60d,#2563eb0d);border-radius:8px}.home-match-row .match-status-container.status-live~.home-team-name~.team-logo-placeholder~.match-score{color:var(--primary-blue);font-weight:800;background:linear-gradient(135deg,#3b82f626,#2563eb26)}.home-match-row .score-home,.home-match-row .score-away{min-width:18px;text-align:center;font-weight:700;font-variant-numeric:tabular-nums}.home-match-row .score-separator{color:var(--text-secondary);font-weight:500;font-size:.9375rem;opacity:.7}.home-match-row .match-league-label{font-size:.6875rem;font-weight:500;color:var(--text-secondary);text-align:left;min-width:90px;padding-left:.4rem;opacity:.8}[data-theme=dark] .home-match-row{border-bottom-color:#3b82f626}[data-theme=dark] .home-match-row:hover{background:linear-gradient(90deg,#3b82f60d,#3b82f614,#3b82f60d)}[data-theme=dark] .home-match-row .team-logo-placeholder{background:linear-gradient(135deg,#3b82f633,#2563eb33);border-color:#3b82f64d}.connected-scores-container{width:100%;max-width:100%;margin:2rem auto;padding:0 1rem;position:relative;z-index:10}.scores-section{width:100%;max-width:100%;margin:0;padding:0}.scores-section+.scores-section{margin-top:5px}.live-scores-header{position:sticky;top:0;z-index:100;margin-bottom:.25rem;border-radius:8px 8px 0 0}.individual-score-header{background:#7f82bb1a;border:1px solid rgba(127,130,187,.3);border-bottom:none;border-radius:6px 6px 0 0;padding:.15rem 0;margin:.5rem 0 0;backdrop-filter:blur(10px)}.match-header-info{display:flex;justify-content:space-between;align-items:center}.country-league-info{display:flex;align-items:center;gap:.125rem}.country-flag{width:16px;height:12px;border-radius:1px;object-fit:cover;border:1px solid rgba(255,255,255,.2)}.country-name{font-size:.65rem;font-weight:600;color:var(--text-primary)}.league-name{font-size:.7rem;font-weight:700;color:var(--text-primary)}.match-header-info .match-league,.match-header-info .league-name{font-size:.875rem;font-weight:600;color:var(--text-primary)}.match-status{background:transparent;color:#fff;padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:700;text-transform:uppercase}.match-status.ft{background:#6b7280}.match-status.ht{background:#f59e0b}.stats-header.league-header,.league-header.stats-header{display:grid;grid-template-columns:6% 29% min-content 1fr 200px;gap:.3rem;background:linear-gradient(90deg,#7f82bb,#6b72c8);backdrop-filter:blur(20px) saturate(200%);border:1px solid #7F82BB;border-bottom:none;border-radius:8px 8px 0 0;padding:.15rem .5rem;margin:10px 0 0;min-height:24px;align-items:center;width:100%;max-width:100%;overflow:hidden;box-sizing:border-box;position:relative;cursor:default;user-select:none}.stats-header{display:grid;grid-template-columns:6% 29% min-content 1fr 200px;gap:.15rem;background:linear-gradient(135deg,#7f82bb4d,#6b72c840,#9397d24d);backdrop-filter:blur(20px) saturate(200%);border:1px solid rgba(127,130,187,.6);border-radius:12px 12px 0 0;padding:.15rem .5rem;margin-top:10px;margin-bottom:0;min-height:24px;align-items:center;width:100%;max-width:100%;overflow:hidden;box-sizing:border-box;position:relative}.stats-header:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(147,151,210,.2),transparent);animation:shimmer 3s infinite;border-radius:12px 12px 0 0}@keyframes shimmer{0%{left:-100%}to{left:100%}}.header-col-1,.header-col-2,.header-col-3,.header-col-4,.header-col-5{display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;font-size:.95rem;letter-spacing:.8px;text-transform:uppercase}.stats-header-grid-1x5{display:grid;grid-template-columns:repeat(5,1fr);grid-template-rows:1fr;gap:.15rem;width:100%;height:100%;align-items:center;justify-items:center;padding:.1rem}.stats-header-item{display:flex;align-items:center;justify-content:center;width:100%;height:100%;border-radius:6px;transition:all .3s ease;background:#7f82bb26;backdrop-filter:blur(15px);border:1px solid rgba(147,151,210,.4)}.stat-icon{width:18px;height:18px;fill:#fff;opacity:.9;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));transition:all .3s ease}.stat-icon.yellow{fill:#fbbf24;width:12px;height:16px;margin-right:2px;filter:none}.stat-icon.red{fill:#ef4444;width:12px;height:16px;margin-left:2px;filter:none}.stat-header-label{font-size:.6rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;opacity:.8}.stats-data{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#3b82f61a,#2563eb0d);border:1px solid rgba(59,130,246,.3);border-radius:8px;padding:.75rem;backdrop-filter:blur(10px);transition:all .3s ease;min-height:50px}.stat-value{font-size:1.25rem;font-weight:700;color:#3b82f6}.cards-data{display:flex;align-items:center;justify-content:center;gap:.5rem;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:8px;padding:.75rem;backdrop-filter:var(--backdrop-blur);transition:all .3s ease;min-height:50px}.card-count{font-size:1rem;font-weight:700;padding:.25rem .5rem;border-radius:4px;min-width:24px;text-align:center}.card-count.yellow{background:linear-gradient(135deg,#eab308,#ca8a04);color:#000}.card-count.red{background:linear-gradient(135deg,#dc2626,#b91c1c);color:#fff}.cards-data:hover{transform:scale(1.05);border-color:#6b728080}.shots-data{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#10b9811a,#0596690d);border:1px solid rgba(16,185,129,.3);border-radius:8px;padding:.75rem;backdrop-filter:blur(10px);transition:all .3s ease;min-height:50px}.shot-count{font-size:1rem;font-weight:700;color:#10b981}.shots-data:hover{transform:scale(1.05);border-color:#10b98180}.possession-data{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#a855f71a,#9333ea0d);border:1px solid rgba(168,85,247,.3);border-radius:8px;padding:.75rem;backdrop-filter:blur(10px);transition:all .3s ease;min-height:50px}.possession-value{font-size:1rem;font-weight:700;color:#a855f7}.possession-data:hover{transform:scale(1.05);border-color:#a855f780}.stats-grid-2x5{display:grid;grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(2,1fr);gap:.2rem;width:100%;height:100%;padding:.2rem;align-items:center;justify-items:center}.stats-grid-item{display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:2px;min-height:16px;max-height:18px;transition:all .2s ease;width:100%;overflow:hidden}.stat-icon-small{width:16px;height:16px;margin-bottom:.25rem;color:#3b82f6cc}.stat-icon-small svg{width:100%;height:100%;fill:currentColor}.stats-grid-value{font-size:.875rem;font-weight:600;color:var(--text-primary);text-align:center;line-height:1}.empty-data{display:flex;align-items:center;justify-content:center;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:8px;padding:.75rem;backdrop-filter:var(--backdrop-blur);transition:all .3s ease;min-height:50px}.empty-value{width:100%;height:100%;opacity:.3}.score-section-wrapper .scores-grid{margin-bottom:.1rem}.score-section-wrapper .scores-grid:last-child{margin-bottom:0}.scores-grid{display:grid;grid-template-columns:6% 29% min-content 1fr 200px;grid-template-rows:30px 30px;gap:.3rem;background:var(--card-bg);border:1px solid var(--border-color);border-top:none;border-radius:0 0 8px 8px;padding:.3rem .5rem;transition:all .3s ease;min-height:66px;max-height:70px;width:100%;max-width:100%;overflow:hidden;box-sizing:border-box;margin:0}.scores-section:not(:first-child) .scores-grid{border-radius:0;border-top:none;margin-top:0}.scores-section:last-child .scores-grid{border-radius:0 0 8px 8px}.score-column{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px;grid-row:1 / -1;grid-column:3}.score-number{display:flex;align-items:center;justify-content:center;width:36px;height:36px;font-size:24px;font-weight:600;border-radius:3px;text-align:center;min-width:36px;background:var(--glass-bg-secondary);border:1px solid var(--glass-border);line-height:1;transform:translateY(-3px)}.score-number.home{background:#22c55e26;border-color:#22c55e66;color:#052e16}.score-number.away{background:#ef444426;border-color:#ef444466;color:#000}.score-item{display:flex;flex-direction:column;align-items:center;padding:0 .25rem;background:transparent;border:none;border-radius:2px;transition:all .3s ease;position:relative;justify-content:center;min-height:26px}.score-item.home-team{grid-row:1;background:linear-gradient(135deg,#22c55e1a,#15803d0d);text-align:left}.score-item.home-team .team-name{text-align:left}.score-item.away-team{grid-row:2;background:linear-gradient(135deg,#ef44441a,#b91c1c0d);margin-bottom:15px;text-align:left}.score-item.away-team .team-name{text-align:left}.score-item.odds-section,.odds-display{grid-row:1 / -1;background:linear-gradient(135deg,#a855f71a,#9333ea0d);border-radius:6px;padding:.1rem;backdrop-filter:blur(10px);transition:all .3s ease;min-height:60px;display:flex;align-items:center;justify-content:center;width:100%;max-width:100%;overflow:hidden;box-sizing:border-box}.odds-grid-2x5{display:grid;grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(2,1fr);gap:.1rem;width:92%;height:100%;padding:.1rem;align-items:center;justify-items:center;max-width:100%;overflow:hidden;box-sizing:border-box}.odds-definition{display:flex;align-items:center;justify-content:center;background:#c084fc;border:1px solid rgba(168,85,247,.4);border-radius:3px;padding:.1rem .2rem;font-size:.6rem;font-weight:700;color:#000;text-align:center;min-height:12px;width:100%;transition:all .2s ease;text-transform:uppercase;letter-spacing:.3px}.odds-value{display:flex;align-items:center;justify-content:center;background:#e2e8f0;border:1px solid var(--glass-border);border-radius:4px;padding:.15rem 0;font-size:.7rem;font-weight:600;color:#000;text-align:center;min-height:14px;width:100%;transition:all .2s ease;cursor:pointer}.odds-value.home-odd{background:linear-gradient(135deg,#22c55ee6,#15803dcc);border-color:#22c55e66;color:#fff}.odds-value.draw-odd{background:linear-gradient(135deg,#fbbf2499,#f59e0b80);border-color:#fbbf2466;color:#000}.odds-value.away-odd{background:linear-gradient(135deg,#ef444499,#b91c1c80);border-color:#ef444466;color:#fff}.odds-value.over-odd{background:linear-gradient(135deg,#3b82f699,#2563eb80);border-color:#3b82f666;color:#fff}.odds-value.under-odd{background:#047857;border-color:#10b98166;color:#fff}.odds-value.selected{background:linear-gradient(135deg,#a855f7cc,#9333eab3);border-color:#a855f7cc;color:#fff;font-weight:700;transform:scale(1.1)}@keyframes oddsUpdate{0%{transform:scale(1);background:var(--glass-bg-secondary)}50%{transform:scale(1.15);background:#a855f766}to{transform:scale(1);background:var(--glass-bg-secondary)}}.odds-value.updating{animation:oddsUpdate .6s ease-in-out}@media (max-width: 768px){.odds-definition{font-size:.5rem;padding:.05rem .1rem}.odds-value{font-size:.6rem;padding:.1rem .2rem}}[data-theme=dark] .odds-definition{background:#7c3aed;border-color:#a855f799;color:#fff}[data-theme=dark] .odds-value{background:#1e293b;border-color:#47556999;color:#fff}.score-badge{display:flex;align-items:center;justify-content:center;border-radius:8px;padding:.75rem 0;transition:all .3s ease;min-height:50px;border:2px solid transparent}.score-badge.home-score{background:#22c55e26;border-color:#22c55e80}.score-badge.away-score{background:#ef444426;border-color:#ef444480}.score-badge-number{font-size:1.5rem;font-weight:800;line-height:1}.score-badge.home-score .score-badge-number{color:#16a34a}.score-badge.away-score .score-badge-number{color:#dc2626}.score-badge.winner .score-badge-number{font-size:1.75rem}.score-badge.home-score.winner{background:#22c55e40;border-color:#22c55ecc}.score-badge.away-score.winner{background:#ef444440;border-color:#ef4444cc}.match-info-row{display:flex;align-items:center;justify-content:center;width:100%;height:100%;gap:0px;padding:.05rem .25rem}.match-time-info{display:flex;align-items:center;justify-content:center;background:var(--primary-blue);border-radius:4px;padding:.2rem;color:#fff;font-weight:700;width:25px;height:25px;flex:none}.match-minute{font-size:.8125rem;line-height:1;text-align:center}.match-time-suffix{display:none}.match-period-info{display:flex;align-items:center;justify-content:center;background:var(--primary-blue-light);border-radius:4px;padding:.2rem;color:#fff;font-weight:700;width:25px;height:25px;flex:none}.match-period{font-size:.8125rem;line-height:1;text-align:center}.match-period-text{display:none}.match-controls{display:flex;align-items:center;justify-content:center;min-width:20px}.match-controls .favorite-btn,.match-controls .stream-btn{background:transparent;border:1px solid var(--glass-border);border-radius:4px;padding:.2rem;cursor:pointer;transition:all .3s ease;color:var(--text-secondary);width:25px;height:25px;display:flex;align-items:center;justify-content:center}.match-controls .favorite-btn:hover{background:#fbbf241a;border-color:#fbbf24;color:#78350f;transform:scale(1.1)}.match-controls .favorite-btn.active{background:linear-gradient(135deg,#fbbf24,#f59e0b);border-color:#f59e0b;color:#000}.match-controls .stream-btn:hover{background:#22c55e26;border-color:#22c55e;color:#0f4720;transform:scale(1.1)}.match-controls .stream-btn.active{background:linear-gradient(135deg,#16a34a,#15803d);border-color:#15803d;color:#fff}.match-controls .star-icon,.match-controls .play-icon{width:15px;height:15px}.match-info-column{grid-column:1;grid-row:1 / -1;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:.1rem;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:2px;padding:0 .25rem;backdrop-filter:var(--backdrop-blur);min-height:38px;max-height:42px}.match-minute-display{display:flex;align-items:center;justify-content:center;background:var(--primary-blue);border-radius:6px;padding:.25rem;color:#fff;font-weight:700}.game-minute{font-size:.875rem;line-height:1;background:transparent;color:var(--text-secondary)}.match-period-display{display:flex;align-items:center;justify-content:center;background:var(--glass-bg-secondary);border:1px solid var(--glass-border);border-radius:6px;padding:.25rem;color:var(--text-primary);font-weight:600}.period-indicator{font-size:.75rem;line-height:1}.match-favorite-toggle{display:flex;align-items:center;justify-content:center}.favorite-btn{background:transparent;border:1px solid var(--glass-border);border-radius:6px;padding:.25rem;cursor:pointer;transition:all .3s ease;color:var(--text-secondary);width:100%;height:100%;display:flex;align-items:center;justify-content:center}.favorite-btn:hover{background:#fbbf2426;border-color:#fbbf24;color:#92400e;transform:scale(1.05)}.favorite-btn.favorited{background:linear-gradient(135deg,#d97706,#92400e);border-color:#92400e;color:#fff}.favorite-btn.favorited:hover{background:linear-gradient(135deg,#f59e0b,#d97706);transform:scale(1.05)}.favorite-btn.active{background:linear-gradient(135deg,#fbbf24,#f59e0b);border-color:#f59e0b;color:#000}.star-icon{width:14px;height:14px;transition:transform .2s ease}.favorite-btn.favorited .star-icon{transform:scale(1.2)}.match-stream-control{display:flex;align-items:center;justify-content:center}.stream-btn{background:transparent;border:1px solid var(--glass-border);border-radius:6px;padding:.25rem;cursor:pointer;transition:all .3s ease;color:var(--text-secondary);width:100%;height:100%;display:flex;align-items:center;justify-content:center}.stream-btn:hover{background:#22c55e1a;border-color:#22c55e;color:#052e16;transform:scale(1.05)}.stream-btn.active{background:linear-gradient(135deg,#22c55e,#16a34a);border-color:#16a34a;color:#000}.stream-btn.animation{background:linear-gradient(135deg,#1e40af,#1e3a8a);border-color:#1e3a8a;color:#fff}.stream-btn.passive{background:var(--glass-bg-secondary);border-color:var(--glass-border);color:var(--text-secondary);opacity:.6}.play-icon{width:14px;height:14px}.match-star-icon{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#fbbf24,#f59e0b);border-radius:6px;padding:.5rem;cursor:pointer;transition:all .3s ease;color:#000}.match-star-icon:hover{transform:scale(1.1)}.star-svg{width:18px;height:18px;fill:currentColor}.match-animation-icon{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#10b981,#059669);border-radius:6px;padding:.5rem;cursor:pointer;transition:all .3s ease;color:#000}.match-animation-icon:hover{transform:scale(1.1)}.animation-svg{width:18px;height:18px;fill:currentColor;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(.95)}}.team-info{display:flex;flex-direction:column;align-items:center;gap:.5rem;width:100%}.team-info-complete{display:flex;align-items:center;justify-content:space-between;width:100%;padding:.5rem;gap:.5rem}.team-logo-container{flex-shrink:0;width:14px;height:14px;border-radius:50%;background:#fff;border:1px solid rgba(0,0,0,.1);display:flex;align-items:center;justify-content:center;overflow:hidden;transition:all .3s ease;position:relative;transform:translateZ(0);-webkit-transform:translateZ(0);backface-visibility:hidden;-webkit-backface-visibility:hidden}[data-theme=dark] .team-logo-container{background:#fffffff2;border:2px solid rgba(255,255,255,.2)}@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){.team-logo-container{image-rendering:-webkit-optimize-contrast}.team-logo{image-rendering:-webkit-optimize-contrast;image-rendering:optimizeQuality}.stat-icon,.star-icon,.play-icon{shape-rendering:geometricPrecision}}.team-logo{width:100%;height:100%;object-fit:contain;object-position:center;border-radius:50%;image-rendering:-webkit-optimize-contrast;image-rendering:optimizeQuality;transform-origin:center;transition:transform .3s cubic-bezier(.4,0,.2,1);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;backface-visibility:hidden;-webkit-backface-visibility:hidden;transform:translateZ(0);-webkit-transform:translateZ(0);will-change:transform}.team-details{flex:1;display:flex;align-items:center;justify-content:space-between;gap:.5rem;min-width:0}.team-name{font-weight:600;font-size:.875rem;color:var(--text-primary);line-height:1.2;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.team-standing{font-size:.75rem;font-weight:500;color:var(--text-secondary);background:var(--glass-bg-secondary);padding:.125rem .5rem;border-radius:12px;border:1px solid var(--glass-border);line-height:1;flex-shrink:0;white-space:nowrap}[data-theme=dark] .team-standing{color:#fff!important;background:#0006!important;border-color:#ffffff4d!important}.score-item.home-team .team-standing{background:#22c55e1a;border-color:#22c55e4d;color:#052e16}[data-theme=dark] .score-item.home-team .team-standing{color:#fff!important;background:#15803d!important;border-color:#16a34a!important}.score-item.away-team .team-standing{background:#3b82f61a;border-color:#3b82f64d;color:#000}[data-theme=dark] .score-item.away-team .team-standing{color:#fff!important;background:#1e40af!important;border-color:#2563eb!important}.team-score{font-size:1.5rem;font-weight:800;color:var(--text-primary);line-height:1}[data-theme=dark] .team-score{color:#fff}[data-theme=light] .team-score{color:var(--primary-blue)}.rank-text,.position-text,.standings-position{font-weight:700;font-size:1.1rem}[data-theme=dark] .rank-text,[data-theme=dark] .position-text,[data-theme=dark] .standings-position{color:#fff}[data-theme=light] .rank-text,[data-theme=light] .position-text,[data-theme=light] .standings-position{color:var(--text-dark)}[data-theme=dark] .score-display,[data-theme=dark] .match-result,[data-theme=dark] .score-number{color:#fff;font-weight:700}[data-theme=light] .score-display,[data-theme=light] .match-result,[data-theme=light] .score-number{color:var(--primary-blue);font-weight:700}[data-theme=dark] .score-grid-item,[data-theme=dark] .match-score-item,[data-theme=dark] .team-score-display{color:#fff!important}[data-theme=dark] .score-value,[data-theme=dark] .result-score{color:#fff!important;font-weight:800}.match-status-new{position:absolute;top:.5rem;right:.5rem;font-size:.6rem;font-weight:600;padding:.2rem .4rem;border-radius:4px;text-transform:uppercase}.match-status-new.live{background:linear-gradient(135deg,#dc2626,#991b1b);color:#fff;animation:livePulse 2s ease-in-out infinite}.match-status-new.finished{background:#4b5563e6;color:#fff}.match-status-new.upcoming{background:#2563ebe6;color:#fff}@media (max-width: 768px){.stats-header{grid-template-columns:15% 35% 8% 42%;gap:.25rem;padding:0 .4rem}.scores-grid{grid-template-columns:15% 35% 8% 42%;grid-template-rows:1fr 1fr;gap:.25rem;padding:0 .4rem;min-height:50px;max-height:54px}.score-item:nth-child(4),.score-item:nth-child(9){display:none}.match-info-column{grid-row:1 / -1;padding:0 .5rem}.score-item{padding:.75rem}.team-name{font-size:.75rem}.score-number{width:40px;height:40px;font-size:20px}.team-logo-container{width:26px;height:26px}.team-logo{width:22px;height:22px}.team-standing{font-size:.625rem;padding:.125rem .375rem}.team-score{font-size:1.25rem}.match-minute{font-size:.875rem}.match-period{font-size:.625rem}}@media (max-width: 480px){.scores-grid{grid-template-columns:18% 40% 10% 1fr;grid-template-rows:1fr 1fr;gap:.5rem;padding:0 .8rem}.score-number{width:24px;height:24px;font-size:14px}.match-info-column{grid-column:1;grid-row:1 / -1;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;padding:0 .3rem}.game-minute{font-size:.75rem}.period-indicator{font-size:.625rem}.star-icon,.play-icon{width:12px;height:12px}.team-logo-container{width:30px;height:30px}.team-logo{width:26px;height:26px}.team-name{font-size:.75rem}.team-standing{font-size:.625rem;padding:.125rem .25rem}.team-info-complete{gap:.25rem;padding:.25rem}.team-details{gap:.25rem}.score-item.home-team{grid-row:2}.score-item.away-team{grid-row:3}}.fixture-item,.result-item{padding:.35rem .5rem;border-radius:.5rem;background:#ffffffe6;border:1px solid rgba(226,232,240,.6);transition:all .3s ease;display:flex;flex-direction:column;gap:.2rem}.fixture-item:hover,.result-item:hover{background:#fff;border-color:#3b82f640;transform:translateY(-1px)}.result-item .match-teams,.fixture-item .match-teams{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:.5rem;margin-bottom:.15rem}.result-item .match-teams .team,.fixture-item .match-teams .team{font-weight:600;color:var(--text-primary);display:flex;align-items:center;width:100%;line-height:1.2;min-height:16px}.result-item .match-teams .team:first-child,.fixture-item .match-teams .team:first-child{justify-content:flex-end}.result-item .match-teams .team:last-child,.fixture-item .match-teams .team:last-child{justify-content:flex-start}.result-item .match-teams .score,.result-item .match-teams .vs,.fixture-item .match-teams .score,.fixture-item .match-teams .vs{font-size:1.125rem;font-weight:800;color:var(--primary-blue);line-height:1;display:flex;align-items:center;justify-content:center;min-height:16px}.result-item .match-teams .vs,.fixture-item .match-teams .vs{color:var(--text-secondary);font-size:.9375rem;font-weight:600}.result-item .match-teams .team.winner,.fixture-item .match-teams .team.winner{color:var(--success-green);font-weight:700}@media (max-width: 1024px){.carousel-tabs{grid-template-columns:repeat(3,1fr)}.carousel-content{gap:1rem}.hero-title{font-size:2.5rem}.hero-stats{max-width:240px;gap:1.5rem;padding:.75rem 0}}@media (max-width: 768px){.hero-carousel{width:100%;height:520px;min-height:unset;overflow:hidden}.carousel-content{flex-direction:column;text-align:center;min-height:unset;gap:1rem}.hero-description{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden}.hero-main-content{max-width:100%}.hero-stats{grid-template-columns:repeat(3,1fr);max-width:100%;background:transparent;backdrop-filter:none;border:none;padding:1rem 0;margin:0}.carousel-tabs{grid-template-columns:repeat(2,1fr);gap:.75rem}.carousel-tab{padding:.75rem}.tab-title{font-size:.8rem}.tab-subtitle{font-size:.7rem}.hero-title{font-size:2rem}.hero-subtitle{font-size:1.25rem}.carousel-container{padding:1rem 1.25rem .5rem}.fixture-item,.result-item{grid-template-columns:1fr;gap:.5rem;text-align:center}.fixture-time,.result-date,.fixture-league,.result-league{text-align:center}}@media (max-width: 480px){.hero-carousel{height:560px}}.ad-sections{display:flex;width:100vw;margin-left:calc(-50vw + 50%);margin-right:calc(-50vw + 50%);margin-top:0;padding:0;background:var(--bg-primary);min-height:100vh;gap:20px;justify-content:center;align-items:flex-start}.left-ad{position:sticky;top:120px;height:fit-content;width:300px;flex-shrink:0;flex-basis:300px;order:1}.right-ad{position:sticky;top:120px;height:fit-content;width:300px;flex-shrink:0;flex-basis:300px;order:3}.ad-content{display:flex;align-items:center;justify-content:center;background:var(--bg-secondary, #2a2a2a);border-radius:4px;border:2px dashed var(--border-color, #444);overflow:hidden}.ad-image{max-width:100%;height:auto;border-radius:4px}.ad-section{margin:2rem 0;width:100%}.horizontal-ad .ad-container{max-width:800px;margin:0 auto;padding:1rem 0;background:var(--card-bg, #1a1a1a);border:1px solid var(--border-color, #333);border-radius:8px;transition:all .3s ease}.horizontal-ad .ad-content{min-height:120px;background:var(--bg-secondary, #2a2a2a);border-radius:4px;border:2px dashed var(--border-color, #444);display:flex;align-items:center;justify-content:center;overflow:hidden}.horizontal-ad .ad-image{max-width:100%;max-height:90px;width:auto;height:auto;object-fit:contain}@media (min-width: 1025px){.horizontal-ad{display:block}}.main-content-wrapper{flex:1;min-width:0;overflow:hidden;margin:0;background:var(--bg-primary);padding:0;border-radius:0;max-width:100%;width:100%;order:2}@media (max-width: 1200px){.ad-sections{gap:15px}.left-ad,.right-ad{width:250px;flex-basis:250px}.main-content-wrapper{max-width:100%;padding:0 15px}}@media (max-width: 1200px) and (min-width: 1025px){.ad-sections{gap:15px}.left-ad,.right-ad{width:200px;flex-basis:200px}.main-content-wrapper{max-width:100%;padding:0 15px}}@media (max-width: 1024px){.ad-sections{gap:15px}.left-ad{width:160px;flex-basis:160px;top:100px}.right-ad{display:none!important}.main-content-wrapper{max-width:100%;padding:0 20px 0 15px}.horizontal-ad:nth-of-type(2){display:none}}@media (max-width: 768px){.ad-sections{display:block;margin-left:0;margin-right:0;width:100%}.left-ad,.right-ad{display:none!important}.main-content-wrapper{max-width:100%;margin:0;padding:1rem}.horizontal-ad{display:block;margin:1.5rem 0}.horizontal-ad .ad-container{max-width:100%;padding:.75rem}.horizontal-ad .ad-content{min-height:100px}.horizontal-ad .ad-image{max-height:80px}}.news-hero-section{display:grid;grid-template-columns:40% 1fr;gap:1.5rem;margin-bottom:2rem}.news-hero-carousel{flex:1}.news-hero-filters{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 1px 3px #0000001a;display:flex;flex-direction:column;height:450px}[data-theme=light] .news-hero-filters{background:#fff;box-shadow:0 2px 4px #00000014}.news-carousel-section{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #0000001a}[data-theme=light] .news-carousel-section{background:#fff;box-shadow:0 2px 4px #00000014}.flash-news-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);gap:.75rem;height:450px}.flash-news-item{background:#fff;border-radius:8px;overflow:hidden;transition:all .3s ease;text-decoration:none;color:inherit;display:flex;flex-direction:column;height:100%}[data-theme=light] .flash-news-item{background:#fff;box-shadow:0 1px 4px #0000000f}[data-theme=dark] .flash-news-item{background:#1e293b}.flash-news-item:hover{transform:translateY(-2px)}[data-theme=light] .flash-news-item:hover{box-shadow:0 4px 12px #0000001a}.flash-news-image{width:100%;height:100px;position:relative;overflow:hidden;background:linear-gradient(135deg,#667eea,#764ba2)}.flash-news-image img{width:100%;height:100%;object-fit:cover}.flash-news-badge{position:absolute;top:.5rem;left:.5rem;background:#667eeaf2;color:#fff;padding:.25rem .625rem;border-radius:4px;font-size:.625rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.flash-news-content{padding:.875rem 1rem;flex:1;display:flex;flex-direction:column;gap:.5rem}.flash-news-title{font-size:.9375rem;font-weight:700;color:var(--text-primary);line-height:1.4;margin:0;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;flex:1}.flash-news-date{display:flex;align-items:center;gap:.375rem;font-size:.8125rem;color:var(--text-secondary);font-weight:500;margin-top:auto}.flash-ads-card{background:linear-gradient(135deg,#667eea,#764ba2);cursor:default;position:relative;overflow:hidden}.flash-ads-card:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:repeating-linear-gradient(45deg,transparent,transparent 10px,rgba(255,255,255,.05) 10px,rgba(255,255,255,.05) 20px);animation:ads-pattern 20s linear infinite}@keyframes ads-pattern{0%{transform:translate(0)}to{transform:translate(20px,20px)}}.flash-ads-content{position:relative;z-index:1;padding:1.5rem 1rem;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:1rem}.flash-ads-badge{background:#ffffff40;color:#fff;padding:.5rem 1rem;border-radius:20px;font-size:.6875rem;font-weight:800;text-transform:uppercase;letter-spacing:1px;border:2px solid rgba(255,255,255,.4);backdrop-filter:blur(8px)}.flash-ads-text{color:#fff}.flash-ads-text h4{font-size:1.125rem;font-weight:800;margin:0 0 .5rem}.flash-ads-text p{font-size:.875rem;margin:0;opacity:.95;line-height:1.5}@media (max-width: 1024px){.news-hero-section{grid-template-columns:1fr;gap:1.5rem}.news-hero-filters{height:auto}.flash-news-grid{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);height:auto;min-height:300px}}@media (max-width: 768px){.news-hero-filters{padding:1rem}.flash-news-grid{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);gap:.75rem;height:auto;min-height:240px}.flash-news-image{height:80px}.flash-news-title{font-size:.8125rem}}@media (max-width: 480px){.flash-news-grid{grid-template-columns:1fr;grid-template-rows:repeat(4,auto);height:auto}.flash-news-image{height:120px}}.news-page-sections{display:grid;grid-template-columns:40% 1fr;grid-template-rows:auto auto;grid-template-areas:"carousel carousel" "hero spotlight";gap:1.5rem;margin-bottom:1.5rem}.news-section-spotlight{grid-area:spotlight}.news-section-hero{grid-area:hero;margin-bottom:0!important}.news-section-carousel{grid-area:carousel}.news-hero-section--grid-only{display:block}.news-spotlight-card{text-decoration:none;color:inherit;display:flex;flex-direction:column;height:100%;min-height:450px;border-radius:12px;overflow:hidden;background:#fff;border:1px solid rgba(102,126,234,.1);box-shadow:0 4px 6px #00000012;transition:box-shadow .2s;cursor:pointer;position:relative}[data-theme=dark] .news-spotlight-card{background:#1e2130;border-color:#ffffff14}.news-spotlight-badge{position:absolute;top:1rem;left:1rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:.5rem 1rem;border-radius:20px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;z-index:2;box-shadow:0 2px 8px #667eea66}.news-spotlight-image-wrap{position:relative;width:100%;padding-bottom:56.25%;overflow:hidden;background:#f3f4f6}.news-spotlight-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.news-spotlight-image-gradient{position:absolute;bottom:0;left:0;right:0;height:50%;background:linear-gradient(to top,rgba(0,0,0,.7),transparent)}.news-spotlight-content{padding:1.5rem;display:flex;flex-direction:column;gap:.75rem;flex:1}.news-spotlight-category{font-size:.75rem;font-weight:700;color:#667eea;text-transform:uppercase;letter-spacing:1px}.news-spotlight-title{font-size:1.25rem;font-weight:700;color:#1f2937;line-height:1.4;margin:0}[data-theme=dark] .news-spotlight-title{color:#f9fafb}.news-spotlight-summary{font-size:.875rem;color:#6b7280;line-height:1.6;margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.news-spotlight-meta{display:flex;align-items:center;gap:.5rem;margin-top:auto;padding-top:.75rem;border-top:1px solid rgba(102,126,234,.1);font-size:.75rem;color:#9ca3af}@media (max-width: 1024px){.news-page-sections{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:1.5rem}.news-section-carousel{order:1}.news-section-spotlight{order:2}.news-section-hero{order:3;margin-bottom:0!important}.news-spotlight-card{min-height:auto}}.card{background:#fff;border-radius:16px;padding:1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);border:1px solid rgba(102,126,234,.1)}.card:hover{border-color:#667eea4d;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}[data-theme=light] .card{background:#fff!important;border:1px solid #e5e7eb}[data-theme=light] .card:hover{border-color:#667eea4d;box-shadow:0 4px 12px -2px #00000014,0 2px 6px -1px #0000000a}[data-theme=dark] .card{background:#1e293b99;border:1px solid rgba(148,163,184,.1)}[data-theme=dark] .card:hover{background:#1e293bcc;border-color:#667eea4d}.news-layout{display:grid;grid-template-columns:1fr;gap:1rem;align-items:start}.news-carousel{width:100%;border-radius:12px;overflow:hidden}.news-carousel-container{width:100%;height:auto}.news-slides{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);gap:1rem;width:100%;height:500px}.news-slide{position:relative;border-radius:8px;overflow:hidden;display:flex;align-items:flex-end;min-height:240px}.news-slide .news-background{position:absolute;inset:0;width:100%;height:100%;z-index:1}.news-slide .news-image{width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .3s ease}.news-slide:hover .news-image{transform:scale(1.08)}.news-slide .news-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.85) 0%,rgba(0,0,0,.4) 60%,transparent 100%);z-index:2}.news-slide .news-content{position:absolute;bottom:0;left:0;right:0;padding:1.5rem;z-index:3;background:transparent;backdrop-filter:none;display:flex;flex-direction:column;justify-content:flex-end;min-height:80px}.news-slide .news-badges{position:absolute;top:.75rem;left:.75rem;display:flex;flex-direction:column;align-items:flex-start;gap:.5rem;z-index:4}.news-slide .news-title{color:#fff;background:transparent;font-weight:700;font-size:1.125rem;line-height:1.3;margin-bottom:.5rem;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.news-slide .news-subtext{color:#ffffffe6;font-size:.875rem;line-height:1.4;background:transparent;padding:0;margin-bottom:0;display:-webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.news-slide .news-time{color:#ffffffe6;font-size:.875rem;background:#00000080;backdrop-filter:blur(8px);padding:.5rem .75rem;border-radius:6px}.news-slide .trending-badge{background:#c2410c;color:#fff;padding:.375rem .625rem;border-radius:4px;font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;backdrop-filter:blur(8px)}.news-slide .category-badge{background:#0009;color:#fff;border:1px solid rgba(255,255,255,.2);backdrop-filter:blur(4px);padding:.375rem .625rem;border-radius:4px;font-size:.6875rem;font-weight:500}.ad-slide .news-overlay{background:linear-gradient(to top,rgba(255,215,0,.4) 0%,rgba(255,215,0,.15) 60%,transparent 100%)}.ad-title{font-size:1.5rem;font-weight:800;margin-bottom:.5rem}.ad-description{font-size:1rem;margin-bottom:1rem;font-weight:600}.ad-cta{background:#9a3412;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:50px;font-weight:700;cursor:pointer;transition:all .3s ease}.ad-cta:hover{background:#7c2d12;transform:translateY(-2px)}.carousel-wrapper{position:relative;height:450px}.carousel-slide{position:absolute;width:100%;height:100%;transition:transform .5s ease-in-out;display:flex;flex-direction:column}@media (max-width: 768px){.carousel-wrapper{height:350px}.carousel-indicators{flex-direction:row;bottom:.5rem;left:.5rem;right:.5rem;justify-content:center;flex-wrap:wrap;max-height:80px;overflow-y:auto;gap:.375rem}.carousel-indicators .indicator{width:32px;height:32px;font-size:.75rem;flex-shrink:0}}[data-theme=light] .news-card-small{background:#fff;border-color:#e5e7eb;box-shadow:0 1px 2px #0000000d}[data-theme=light] .news-card-small:hover{border-color:#667eea;box-shadow:0 4px 12px #00000014}.news-article{background:var(--bg-secondary);border-radius:.5rem;padding:1.5rem;transition:transform .2s ease}.news-article:hover{transform:translateY(-2px)}.news-article h3{margin:0 0 .75rem;color:var(--text-primary);font-size:1.25rem;line-height:1.4}.news-article h3 a{color:inherit;text-decoration:none;transition:color .2s ease}.news-article h3 a:hover{color:#f97316}.news-description{color:var(--text-primary);font-size:1.1rem;font-weight:500;line-height:1.6;margin-bottom:1rem;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.news-meta{display:flex;justify-content:space-between;align-items:center;font-size:.875rem;color:var(--text-secondary)}.news-category{background:#c2410c;color:#fff;padding:.25rem .5rem;border-radius:.25rem;font-size:.75rem;font-weight:600}.news-date{opacity:.8}.news-loading,.news-error{text-align:center;padding:2rem;color:var(--text-secondary)}.news-error{color:#dc2626;background:var(--bg-secondary);border:1px solid #dc2626;border-radius:.5rem;margin-bottom:1rem}.news-section{padding:2rem;min-height:400px}.news-section .section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.news-section .section-header h2{color:var(--text-primary);font-size:1.5rem;font-weight:600;margin:0}.news-grid{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:1.5rem;height:340px}.news-box{background:var(--bg-secondary);border-radius:8px;overflow:hidden;transition:transform .2s ease;cursor:pointer;display:flex;flex-direction:column;padding:0;height:100%}.news-box:hover{transform:translateY(-2px)}.news-box-link{color:inherit;text-decoration:none;flex:1}.news-box-link:hover .news-box-text{color:#f97316}.news-carousel-link{color:inherit;text-decoration:none}.news-carousel-link:hover .news-description{color:#f97316}.news-box.loading{opacity:.6}.loading-placeholder{background:linear-gradient(90deg,var(--bg-tertiary) 25%,var(--bg-secondary) 50%,var(--bg-tertiary) 75%);background-size:200% 100%;animation:loading 1.5s infinite}.loading-text{height:1rem;background:linear-gradient(90deg,var(--bg-tertiary) 25%,var(--bg-secondary) 50%,var(--bg-tertiary) 75%);background-size:200% 100%;animation:loading 1.5s infinite;border-radius:.25rem;margin-bottom:.5rem}.loading-time{height:.75rem;width:50%;background:linear-gradient(90deg,var(--bg-tertiary) 25%,var(--bg-secondary) 50%,var(--bg-tertiary) 75%);background-size:200% 100%;animation:loading 1.5s infinite;border-radius:.25rem}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.news-box-image{width:100%;height:110px;object-fit:cover;border-radius:0;flex-shrink:0}.news-box-content{padding:.75rem;flex:1;display:flex;flex-direction:column;justify-content:space-between}.news-box-text{color:var(--text-primary);font-size:.8rem;line-height:1.3;margin-bottom:.5rem;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.news-box-time{color:var(--text-secondary);font-size:.75rem;opacity:.8}@media (max-width: 1024px){.news-slides{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(3,1fr);height:600px}.news-slide{min-height:190px}}@media (max-width: 768px){.news-slides{grid-template-columns:1fr;grid-template-rows:repeat(6,1fr);height:auto;gap:.75rem}.news-slide{min-height:160px}.news-slide .news-content{padding:1rem}.news-slide .news-title{font-size:1rem}.news-slide .news-subtext{font-size:.8125rem}}@media (max-width: 1024px){.news-layout{grid-template-columns:1fr;gap:1.5rem}.news-grid{grid-template-columns:repeat(4,1fr);gap:.75rem}.news-box-content{padding:.75rem}.news-box-text{font-size:.8rem}}@media (max-width: 1024px){.news-grid{height:220px}.news-slide .news-title{font-size:1.25rem}.news-slide .news-subtext{font-size:.9rem;-webkit-line-clamp:2;line-clamp:2}.news-slide .news-content{padding:1.5rem 4rem 1.5rem 1.5rem;min-height:100px}.carousel-pagination{bottom:1.5rem;right:1.5rem;gap:.375rem}.pagination-dot{width:2.25rem;height:2.25rem;font-size:.8rem}.pagination-dot.ad-dot{font-size:.75rem}}@media (max-width: 768px){.news-grid{height:200px}.news-slide .news-title{font-size:1.1rem;line-height:1.3}.news-slide .news-subtext{font-size:.85rem;-webkit-line-clamp:2;line-clamp:2}.news-slide .news-content{padding:1.25rem 3.5rem 1.25rem 1.25rem;min-height:90px}.news-slide .trending-badge{font-size:.625rem;padding:.375rem .5rem}.news-slide .news-time{font-size:.75rem;padding:.375rem .5rem}.carousel-pagination{bottom:1rem;right:1rem;gap:.25rem}.pagination-dot{width:2rem;height:2rem;font-size:.75rem}.pagination-dot.ad-dot{font-size:.625rem}}@media (max-width: 480px){.news-grid{height:180px}.news-slide .news-title{font-size:1rem;margin-bottom:.5rem}.news-slide .news-subtext{font-size:.8rem;-webkit-line-clamp:1;line-clamp:1}.news-slide .news-content{padding:1rem 3rem 1rem 1rem;min-height:80px}.news-slide .trending-badge{font-size:.5rem;padding:.25rem .375rem}.news-slide .news-time{font-size:.625rem;padding:.25rem .375rem}.carousel-pagination{bottom:.75rem;right:.75rem;gap:.25rem}.pagination-dot{width:1.75rem;height:1.75rem;font-size:.625rem}.pagination-dot.ad-dot{font-size:.5rem}}@media (max-width: 768px){.news-layout{gap:1rem}.news-grid{display:flex;flex-direction:column;gap:.75rem}.news-box{width:100%;display:flex;flex-direction:column}.news-box-image{width:100%;height:80px;object-fit:cover;flex-shrink:0}.news-box-content{flex:1;padding:.5rem}.news-box-text{font-size:.75rem;-webkit-line-clamp:2;line-clamp:2;margin-bottom:.25rem}}.livescores-page{padding:0;margin:0;background:var(--bg-primary);min-height:100vh;width:100%}.page-controls{background:linear-gradient(135deg,#1e293bf2,#334155e6);backdrop-filter:blur(16px);border-bottom:1px solid rgba(148,163,184,.2);padding:0 1rem;display:flex;align-items:center;justify-content:flex-start;gap:0;flex-wrap:nowrap;position:sticky;top:0;left:0;right:0;color:#f8fafcf2;z-index:100;margin:0 0 5px;height:var(--page-controls-height);min-height:var(--page-controls-height);width:100%;box-sizing:border-box;-webkit-backdrop-filter:blur(16px)}.control-group{display:flex;align-items:center;gap:0rem;padding:0 .25rem;background:transparent;border-radius:6px;border:none;position:relative;overflow:visible}.control-group:first-child{order:1;margin-right:0}.control-group:nth-child(2){order:2;flex:0 0 auto;justify-content:flex-start;max-width:400px;margin-left:0}.control-group:last-child{order:3;margin-left:auto}.page-container{width:100%;display:block!important;visibility:visible!important;opacity:1!important;font-family:"Exo 2",-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.fixtures-page-root *,.results-page-root *{font-family:"Exo 2",-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif!important}@media (max-width: 1024px){.page-container{padding:0 1rem}}.page-hero-header{position:relative;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;padding:.35rem 0;margin:0;overflow:hidden}.page-hero-header:before{content:"";position:absolute;inset:0;background-size:cover;background-position:center;background-repeat:no-repeat;opacity:.25;z-index:0}.page-hero-header.blue{background:linear-gradient(135deg,#3b82f6,#2563eb)}.page-hero-header.orange{background:linear-gradient(135deg,#f97316,#ea580c)}.page-hero-header.green{background:linear-gradient(135deg,var(--sport-primary, #5f8a6f) 0%,var(--sport-secondary, #4a7c59) 100%)}.page-hero-header.blue[data-page=livescores],.page-hero-header[data-page=livescores]{background:linear-gradient(135deg,#0f172ab8,#1e3a8aad),url(https://images.unsplash.com/photo-1470229722913-7c0e2dbbafd3?w=1600&q=80) center center / cover no-repeat!important}.page-hero-header.blue[data-page=livescores]:before,.page-hero-header[data-page=livescores]:before{display:none}.page-hero-header[data-page=fixtures]:before{background-image:url(https://images.unsplash.com/photo-1459865264687-595d652de67e?w=1600&q=80);background-position:center center}.page-hero-header[data-page=results]:before{background-image:url(https://images.unsplash.com/photo-1560272564-c83b66b1ad12?w=1600&q=80);background-position:center center}.page-hero-header[data-page=statistics]:before{background-image:url(https://images.unsplash.com/photo-1522778119026-d647f0596c20?w=1600&q=80);background-position:center center}.page-hero-header[data-page=predictions]:before{background-image:url(https://images.unsplash.com/photo-1551288049-bebda4e38f71?w=1600&q=80);background-position:center center}.page-hero-header[data-page=fun]{background:linear-gradient(135deg,#1d4ed8e0,#2563ebd1,#3b82f6cc),url(https://images.unsplash.com/photo-1547347298-4074fc3086f0?w=1600&q=80) center center / cover no-repeat}.page-hero-header[data-page=fun]:before{display:none}.page-hero-header[data-page=fun] .page-hero-content{justify-content:flex-start}.fun-ball{position:absolute!important;z-index:0!important;opacity:.18;pointer-events:none;user-select:none;line-height:1}.page-hero-header>*{position:relative;z-index:1}.page-hero-content{max-width:1920px;margin:0 auto;padding:0 calc(300px + 2.5rem);display:flex;justify-content:space-between;align-items:center}.page-hero-title{display:flex;align-items:center;gap:.625rem;font-size:1.375rem;font-weight:700;margin:0;text-transform:uppercase;letter-spacing:.5px}.page-hero-subtitle{display:none}.live-filter-toggle{display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:600;color:#475569;padding:.625rem 1rem;background:#f8fafc;border:2px solid #94a3b8;border-radius:12px;cursor:pointer;transition:all .2s ease;white-space:nowrap;flex-shrink:0;user-select:none}.live-filter-toggle:hover{background:#fff;border-color:#64748b;color:#1e293b}.live-filter-toggle.active{background:linear-gradient(135deg,#ef4444,#dc2626);border-color:#dc2626;color:#fff;box-shadow:0 2px 8px #dc262659}.live-filter-toggle.active:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 4px 12px #dc262673}.sub-content-header .live-filter-toggle{background:linear-gradient(135deg,#3b82f626,#2563eb1f);border-color:#3b82f666;color:#94a3b8;height:38px;border-radius:10px;padding:.5rem .625rem;gap:.375rem}.sub-content-header .live-filter-toggle:hover{background:linear-gradient(135deg,#3b82f640,#2563eb33);border-color:#3b82f6b3;color:#e2e8f0}.sub-content-header .live-filter-toggle.active{background:linear-gradient(135deg,#ef4444,#dc2626);border-color:#dc2626;color:#fff;box-shadow:0 2px 8px #dc262673}.sub-content-header .live-filter-toggle.active:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 4px 12px #dc262699}.status-indicator{width:8px;height:8px;border-radius:50%;background:#94a3b8;transition:all .3s ease}.status-indicator.live-pulse{position:relative;background:#22c55e}.status-indicator.live-pulse.active{animation:pulse-ring 1.5s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulse-ring{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.3);opacity:.5}}.sport-filter-section{background:#475569;border-bottom:2px solid #334155;padding:.3rem 0 0;margin:0 0 1rem}.sport-filter-content{max-width:1920px;margin:0 auto;padding:0 calc(300px + 2.5rem);position:relative}@media (max-width: 1400px){.page-hero-content,.sport-filter-content{padding:0 calc(140px + 1.5rem)}}@media (max-width: 1200px){.page-hero-content,.sport-filter-content{padding:0 1rem;max-width:none}.sport-filter-btn .sport-name{display:none}.sport-filter-btn{padding:.5rem;min-width:auto}.sport-filter-btn .sport-icon{font-size:1.25rem}}@media (max-width: 1024px){.page-hero-header{padding:.35rem 0;width:100vw;margin-left:calc(-50vw + 50%);margin-right:calc(-50vw + 50%);margin-top:0;margin-bottom:0}.page-hero-content{padding:0 1rem;max-width:none}.sport-filter-section{padding:.5rem 0 0;width:100vw;margin-left:calc(-50vw + 50%);margin-right:calc(-50vw + 50%);margin-top:0;margin-bottom:1rem}.sport-filter-content{max-width:none;padding:0}.sport-filter-buttons{gap:.375rem;padding:0 1rem;overflow-x:auto;scrollbar-width:none}.sport-filter-buttons::-webkit-scrollbar{display:none}.sport-filter-btn .sport-name{display:none}.sport-filter-btn{padding:.5rem;min-width:auto}.sport-filter-btn .sport-icon{font-size:1.25rem}.live-scores-layout{padding:0}}@media (max-width: 768px){.page-hero-title{font-size:1.25rem}.sport-filter-buttons{justify-content:flex-start;padding:0 1rem}.sport-filter-btn .sport-icon{font-size:1.125rem}}.sport-filter-buttons{display:flex;gap:.5rem;flex-wrap:nowrap;padding-bottom:0;align-items:center;overflow-x:clip;overflow-y:visible;-webkit-overflow-scrolling:touch}.sport-filter-more-dropdown{position:relative;display:inline-flex;flex-shrink:0;z-index:9999}.sport-filter-more-btn{padding:.5rem 1rem;background:linear-gradient(135deg,#1e3a8af2,#3b82f6d9);border-radius:.5rem;font-family:var(--font-family);font-size:14px;font-weight:500;color:#fff;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;display:inline-flex;align-items:center;justify-content:center;gap:.375rem;white-space:nowrap;flex-shrink:0;border:2px solid rgba(96,165,250,.4);box-shadow:0 4px 12px #3b82f64d,0 2px 4px #0003}.sport-filter-more-btn:before{content:"";position:absolute;top:0;left:0;right:0;height:50%;background:linear-gradient(180deg,rgba(255,255,255,.2) 0%,transparent 100%);border-radius:.375rem .375rem 0 0;pointer-events:none}.sport-filter-more-btn:hover{background:linear-gradient(135deg,#2563eb,#60a5faf2);border-color:#93c5fd99;transform:translateY(-2px);box-shadow:0 6px 20px #3b82f680,0 3px 8px #0000004d}.sport-filter-more-btn:active{transform:translateY(0)}.sport-filter-more-btn .dropdown-arrow{display:inline-block;transition:transform .3s ease;font-size:1rem}.sport-filter-more-btn.open .dropdown-arrow{transform:rotate(180deg)}.sport-filter-more-btn.open{background:linear-gradient(135deg,#2563eb,#1e3a8af2);border-color:#93c5fdcc;box-shadow:inset 0 2px 4px #0003,0 0 0 3px #3b82f633;transform:translateY(1px)}.sport-filter-more-btn.active{background:linear-gradient(135deg,#2563ebf2,#3b82f6d9);border-color:#93c5fde6;box-shadow:0 0 0 3px #3b82f659,0 4px 12px #3b82f666;color:#fff;font-weight:600}.sport-filter-dropdown-menu{position:absolute;top:calc(100% + .5rem);right:0;min-width:200px;background:linear-gradient(135deg,#1e293b,#334155);border:2px solid rgba(96,165,250,.4);border-radius:.75rem;box-shadow:0 12px 32px #0006,0 4px 12px #3b82f64d;z-index:9999;overflow:hidden;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .3s cubic-bezier(.4,0,.2,1);backdrop-filter:blur(16px)}.sport-filter-dropdown-menu.open{opacity:1;visibility:visible;transform:translateY(0)}.sport-filter-dropdown-menu .sport-filter-btn{width:100%;text-align:left;border-radius:0;border-bottom:1px solid rgba(148,163,184,.1);padding:.75rem 1rem;background:transparent;transition:all .2s ease}.sport-filter-dropdown-menu .sport-filter-btn:last-child{border-bottom:none}.sport-filter-dropdown-menu .sport-filter-btn:hover{background:#3b82f626;padding-left:1.25rem}.sport-filter-dropdown-menu .sport-filter-btn.active{background:#3b82f640;border-left:3px solid #60a5fa}.sport-filter-btn{padding:.5rem 1rem;border:none;background:transparent;border-radius:.375rem;font-family:var(--font-family);font-size:12px;font-weight:500;color:#fffffff2!important;cursor:pointer;transition:all .3s ease;position:relative;display:inline-flex;align-items:center;justify-content:center;gap:.375rem;white-space:nowrap;flex-shrink:0}.sport-filter-btn .sport-icon,.sport-filter-btn .sport-name{color:#fffffff2!important}.sport-filter-btn .sport-icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;font-size:16px;line-height:1;text-rendering:optimizeLegibility}.sport-icon-img{width:20px;height:20px;object-fit:contain;display:block;flex-shrink:0;filter:none;opacity:.9}[data-theme=light] .sport-icon-img{filter:none;opacity:1}.sport-filter-btn .sport-name{font-size:12px}[data-theme=light] .sport-filter-btn,[data-theme=light] .sport-filter-btn .sport-icon,[data-theme=light] .sport-filter-btn .sport-name{color:#fffffff2!important}.sport-filter-btn:after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:#3b82f6;opacity:.4;border-radius:0 0 .375rem .375rem;transition:all .3s ease}.sport-filter-btn:hover,[data-theme=light] .sport-filter-btn:hover{color:#fff;background:linear-gradient(180deg,#3b82f666,#1d4ed899)}.sport-filter-btn:hover:after{background:#60a5fa;opacity:1}.sport-filter-btn.active,[data-theme=light] .sport-filter-btn.active{color:#fff;background:linear-gradient(180deg,#0006,#0009);font-weight:700}.sport-filter-btn.active:after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#3b82f6,#60a5fa,#3b82f6);opacity:1;border-radius:0 0 .375rem .375rem;transform-origin:left center;animation:navLineActivate .35s cubic-bezier(.4,0,.2,1) forwards}.sport-filter-btn.active .sport-icon-img{opacity:1}[data-theme=light] .sport-filter-section{background:linear-gradient(135deg,#1e293bf2,#334155e6);border-bottom:2px solid rgba(59,130,246,.3)}.sport-selector-container{display:flex;align-items:center;position:relative;min-width:200px;width:auto;height:48px;background:linear-gradient(135deg,#1e293bf2,#334155e6,#475569d9);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(148,163,184,.3);border-radius:10px;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);overflow:visible}.sport-selector-container:after{content:"";position:absolute;right:16px;top:50%;transform:translateY(-50%);width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:7px solid rgba(248,250,252,.8);transition:all .3s ease;pointer-events:none;z-index:2}.sport-selector-container:hover:after{border-top-color:#f8fafc;transform:translateY(-50%) scale(1.1)}.sport-selector-container.open:after{transform:translateY(-50%) rotate(180deg);border-top-color:#3b82f6e6}.sport-selector-container:before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(135deg,#ffffff1a,#ffffff0d,#ffffff05);z-index:-1}.sport-selector-container:hover{border-color:#94a3b866}[data-theme=light] .sport-selector-container{background:linear-gradient(135deg,#fffffff2,#f8fafce6,#f1f5f9d9)!important;border:1px solid rgba(148,163,184,.4)!important}[data-theme=light] .sport-selector-container:before{background:linear-gradient(135deg,#3b82f60d,#3b82f605,#3b82f603)!important}[data-theme=light] .sport-selector-container:hover{border-color:#3b82f666!important}[data-theme=light] .sport-display,[data-theme=light] .sport-dropdown-option .sport-name,[data-theme=light] .sport-text{color:#1e293bf2!important}[data-theme=light] .sport-selector-container:after{border-top-color:#1e293bb3!important}[data-theme=light] .sport-selector-container:hover:after{border-top-color:#1e293be6!important}[data-theme=light] .sport-selector-container.open:after{border-top-color:#3b82f6e6!important}.sport-dropdown-custom{position:absolute;top:100%;left:0;width:100%;max-height:70vh;overflow-y:auto;overflow-x:hidden;background:linear-gradient(135deg,#0f172a,#1e293b);backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);border:1px solid rgba(59,130,246,.5);border-radius:0 0 6px 6px;z-index:10000;opacity:0;transform:translateY(-8px);transition:all .2s ease;pointer-events:none}@media (max-width: 1024px){.sport-dropdown-custom{width:300px}}@media (max-width: 768px){.sport-dropdown-custom{width:280px}}.sport-dropdown-custom.show{opacity:1;transform:translateY(0);pointer-events:all}[data-theme=dark] .sport-dropdown-custom{background:linear-gradient(135deg,#0f172a,#1e293b)!important;border:1px solid rgba(59,130,246,.5)!important}[data-theme=light] .sport-dropdown-custom{background:#fff!important;border:1px solid rgba(0,0,0,.2)!important}[data-theme=light] .sport-dropdown-option{color:var(--text-dark)!important;border-bottom:1px solid rgba(148,163,184,.08)!important}[data-theme=light] .sport-dropdown-option:hover{background:#3b82f614!important}[data-theme=light] .sport-dropdown-option.selected{background:#3b82f61f!important}[data-theme=light] .sport-dropdown-option .sport-name{color:#1e293be6!important}.sport-dropdown-option{display:flex;align-items:center;justify-content:flex-start;gap:0;padding:.875rem 1rem;width:100%;color:#f8fafcf2;font-weight:500;font-size:.875rem;cursor:pointer;transition:background .15s ease;background:transparent;border:none;border-bottom:1px solid rgba(148,163,184,.05)}.sport-dropdown-option>*{order:10}.sport-dropdown-option .live-count,.sport-dropdown-option .live-count-inline,.sport-dropdown-option .match-count,.sport-dropdown-option span[class*=count]{order:1!important;flex-shrink:0!important;margin-right:4px!important;min-width:32px!important;width:32px!important}.sport-dropdown-option img,.sport-dropdown-option svg,.sport-dropdown-option .sport-icon,.sport-dropdown-option .option-icon{order:2!important;flex-shrink:0!important;width:24px!important;height:24px!important}.sport-dropdown-option .sport-name,.sport-dropdown-option .option-label,.sport-dropdown-option span:not([class*=count]){order:3!important;min-width:0!important;max-width:100%!important;text-align:left!important;white-space:nowrap!important;overflow:visible!important;text-overflow:clip!important;color:#f8fafcf2!important;font-size:.95rem!important;font-weight:500!important}.sport-dropdown-option:hover{background:#3b82f61f}.sport-dropdown-option:last-child{border-bottom:none}.sport-dropdown-option.selected{background:#3b82f62e;font-weight:600}.sport-dropdown-option .live-count{display:inline-flex!important;align-items:center!important;justify-content:center!important;background:linear-gradient(135deg,#dc2626,#991b1b)!important;color:#fff!important;font-size:.75rem!important;font-weight:700!important;padding:4px 8px!important;border-radius:6px!important;min-width:28px!important;height:24px!important;text-align:center!important;opacity:1!important;visibility:visible!important;flex-shrink:0!important}.sport-dropdown-custom option{padding:6px 8px;cursor:pointer;background:transparent;border-radius:4px;transition:background-color .2s ease;color:#f8fafcf2}.sport-dropdown-custom::-webkit-scrollbar{width:6px}.sport-dropdown-custom::-webkit-scrollbar-track{background:#ffffff0d;border-radius:3px}.sport-dropdown-custom::-webkit-scrollbar-thumb{background:#9ca3af80;border-radius:3px}.sport-dropdown-custom::-webkit-scrollbar-thumb:hover{background:#9ca3afb3}.sport-display{flex:1;display:flex;align-items:center;padding:0 40px 0 16px;gap:10px;height:100%;background:none;border:none;color:#f8fafcf2;font-size:.95rem;font-weight:600;cursor:pointer;text-align:left;transition:color .3s ease}.sport-display:hover{color:#f8fafc}.sport-display>*{order:10}.sport-display .live-count,.sport-display .live-count-inline,.sport-display .match-count,.sport-display span[class*=count]{order:1!important;flex-shrink:0!important}.sport-display img,.sport-display svg,.sport-display .sport-icon{order:2!important;flex-shrink:0!important;display:flex!important;align-items:center!important;font-size:1.5rem!important;line-height:1!important}.sport-display .sport-name,.sport-display .sport-text{order:3!important;display:flex!important;align-items:center!important;line-height:1!important}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(.9)}}.sport-info{display:flex;flex-direction:column;gap:1px;flex:0 1 auto;min-width:0;max-width:fit-content}.sport-name{font-size:.95rem;font-weight:600;color:#fff;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.live-count{display:inline-flex!important;align-items:center!important;justify-content:center!important;background:linear-gradient(135deg,#dc2626,#991b1b)!important;color:#fff!important;font-size:.75rem!important;font-weight:700!important;padding:4px 8px!important;border-radius:6px!important;min-width:28px!important;height:24px!important;text-align:center!important;line-height:1!important;opacity:1!important;visibility:visible!important}.dropdown-arrow{width:16px;height:16px;display:flex;align-items:center;justify-content:center;color:#94a3b8;font-size:.7rem;transition:transform .2s ease;flex-shrink:0}.sport-text{display:inline;font-weight:600;overflow:hidden;text-overflow:ellipsis}@media (max-width: 400px){.sport-display{min-width:60px;max-width:60px;padding:.75rem .5rem;justify-content:center}.sport-text{display:none}}@media (max-width: 768px){.sport-text{display:none}.sport-display{padding:.75rem}.sport-icon{font-size:1.5rem}}.live-count-inline{display:flex;align-items:center;justify-content:center;gap:.4rem;padding:0 .75rem;background:#dc262659;border-left:1px solid rgba(255,255,255,.1);border-right:1px solid rgba(255,255,255,.1);color:#f8fafcfa;font-weight:600;align-self:stretch;letter-spacing:.025em}.dropdown-toggle-btn{background:transparent;border:none;padding:.375rem .6rem;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#f8fafccc;transition:all .3s cubic-bezier(.4,0,.2,1);border-radius:0 6px 6px 0;margin-right:-1px;position:relative}.dropdown-toggle-btn:hover,.dropdown-toggle-btn.active{color:#fff}.sport-dropdown{background:#ffffff1a;color:var(--text-primary);border:2px solid rgba(255,255,255,.2);border-radius:8px;padding:.75rem 1rem;font-size:.875rem;font-weight:500;min-width:140px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer}.sport-dropdown:focus{outline:none;border-color:var(--primary-color)}.live-count-display{display:flex;align-items:center;gap:.5rem;background:#dc262633;padding:.4rem .75rem;border-radius:12px;border:1px solid rgba(220,38,38,.3)}.live-indicator{width:10px;height:10px;background:linear-gradient(135deg,#ef4444,#dc2626);border-radius:50%;animation:livePulse 2s ease-in-out infinite;border:1px solid rgba(255,255,255,.2);position:relative}.live-indicator:after{content:"";position:absolute;inset:-2px;border:1px solid rgba(239,68,68,.3);border-radius:50%;animation:liveRipple 2s ease-in-out infinite}.live-number{color:#f87171;font-size:.8rem;font-weight:700;line-height:1;margin-left:6px}@keyframes livePulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}@keyframes liveRipple{0%{opacity:.8;transform:scale(1)}50%{opacity:.3;transform:scale(1.5)}to{opacity:0;transform:scale(2)}}.page-search{position:relative;display:flex;align-items:center;background:linear-gradient(135deg,#0f172a66,#1e293b4d,#33415533);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:.25rem;height:44px;backdrop-filter:blur(16px) saturate(180%);transition:all .4s cubic-bezier(.4,0,.2,1);overflow:visible}.page-search:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.05),transparent);transition:left .6s ease}.page-search:hover:before{left:100%}.page-search-input{background:transparent;color:#fffffff2;border:none;border-radius:1px;padding:.25rem 2.5rem .25rem 1rem;font-size:.8rem;font-weight:500;width:280px;min-width:180px;transition:all .4s cubic-bezier(.4,0,.2,1);letter-spacing:.02em;outline:none;position:relative;z-index:2}@media (min-width: 1280px){.page-search-input{width:340px}}@media (min-width: 1536px){.page-search-input{width:400px}}.page-search:hover{transform:translateY(-1px);border-color:#3b82f64d}.page-search:focus-within{transform:translateY(-2px);border-color:#3b82f699;background:linear-gradient(135deg,#0f172a99,#1e293b80,#33415566)}.page-search-input:focus{color:#fff;transform:translate(2px)}.page-search-input::placeholder{color:#fff9;font-weight:400;transition:all .3s ease}.page-search:hover .page-search-input::placeholder{color:#60a5fab3;transform:translate(2px)}.page-search:focus-within .page-search-input::placeholder{color:#60a5fa80;transform:translate(4px)}.page-search-icon{position:absolute;right:1rem;top:50%;transform:translateY(-50%);color:#fff9;transition:all .4s cubic-bezier(.4,0,.2,1);z-index:3;filter:drop-shadow(0 0 0 transparent)}.page-search:hover .page-search-icon{color:#60a5facc;transform:translateY(-50%) rotate(5deg)}.page-search:focus-within .page-search-icon{color:#60a5fa;transform:translateY(-50%) rotate(0);filter:none}.page-search-clear-btn{position:absolute;right:2.5rem;top:50%;transform:translateY(-50%);background:#6366f11a;border:1px solid rgba(99,102,241,.2);border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;color:#6366f1e6;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:3;backdrop-filter:blur(8px)}.page-search-clear-btn:hover{background:#6366f133;border-color:#6366f166;color:#6366f1;transform:translateY(-50%)}.page-search-results{position:absolute;top:calc(100% + 8px);left:0;right:0;background:linear-gradient(135deg,#0f172afa,#1e293bfa);border:2px solid rgba(59,130,246,.5);border-radius:12px;backdrop-filter:blur(20px);max-height:400px;overflow-y:auto;z-index:99999;animation:slideDown .2s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.page-search-result-item{display:flex;align-items:center;gap:12px;padding:12px 16px;cursor:pointer;transition:all .2s ease;border-bottom:1px solid rgba(255,255,255,.05)}.page-search-result-item:last-child{border-bottom:none}.page-search-result-item:hover{background:linear-gradient(135deg,#3b82f626,#2563eb1f)}.page-search-result-icon{font-size:20px;flex-shrink:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#3b82f61a;border-radius:8px}.page-search-result-content{flex:1;min-width:0}.page-search-result-name{color:#fffffff2;font-weight:600;font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.page-search-result-meta{color:#fff9;font-size:.75rem;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.page-search-result-type{color:#3b82f6cc;font-size:.7rem;font-weight:600;text-transform:uppercase;padding:4px 8px;background:#3b82f626;border-radius:6px;flex-shrink:0}.page-search-no-results{display:flex;align-items:center;gap:12px;padding:20px 16px;color:#fff9;font-size:.9rem;text-align:center;justify-content:center}.page-search-results::-webkit-scrollbar{width:6px}.page-search-results::-webkit-scrollbar-track{background:#0003;border-radius:6px}.page-search-results::-webkit-scrollbar-thumb{background:#3b82f666;border-radius:6px}.page-search-results::-webkit-scrollbar-thumb:hover{background:#3b82f699}.sort-dropdown{background:var(--bg-primary);color:var(--text-primary);border:1px solid var(--border-color);border-radius:6px;padding:.375rem .75rem;font-size:.875rem;min-width:120px}.view-controls{display:flex;align-items:center;gap:.25rem}.control-btn{background:#ffffff26;color:var(--text-white);border:1px solid rgba(255,255,255,.25);border-radius:6px;padding:.25rem;min-width:28px;min-height:28px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.control-btn:hover{background:#ffffff26;border-color:#ffffff40;color:var(--text-white)}.control-btn.active{background:#3b82f64d;border-color:var(--primary-blue);color:var(--text-white)}.sort-toggle-btn{padding:.4rem}.sort-toggle-btn.active{background:#7c3aed;border-color:#7c3aed;color:#fff}.expand-collapse-btn svg{transition:transform .2s ease}.livescores-content{width:100%;padding:0;box-sizing:border-box;background:transparent;border-radius:0;margin:0}.league-group{margin-bottom:.25rem;width:100%;margin-left:0;margin-right:0;padding:0}.league-header{display:flex;align-items:center;justify-content:space-between;padding:0 .5rem;min-height:24px;background:linear-gradient(135deg,#3b82f6e6,#2563ebf2);border-radius:8px 8px 0 0;border-bottom:1px solid rgba(59,130,246,.3);cursor:pointer;transition:all .3s ease;user-select:none;width:100%;border:none;text-align:left;font-family:inherit;color:#fff}.league-header:hover{background:linear-gradient(135deg,#3b82f6,#2563eb);transform:translateY(-1px)}.league-header:focus{outline:2px solid #7F82BB;outline-offset:2px}.league-header h3{margin:0;color:#fff;font-size:1rem;font-weight:700}.league-live-count{background:#0369a1;color:#fff;padding:.15rem .5rem;border-radius:12px;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;border:2px solid #06b6d4}.league-toggle-icon{transition:transform .2s ease;margin-left:.5rem;color:var(--text-secondary)}.livescores-page .no-matches{text-align:center;padding:3rem 1rem;color:var(--text-secondary)}.livescores-page .no-matches p{font-size:1.1rem;margin:0}.livescores-page .match-item.compact{padding:.75rem 1rem;gap:.75rem;grid-template-columns:80px 1fr 100px}.livescores-page .match-item.compact .match-time{min-width:60px}.livescores-page .match-item.compact .match-time .minute{font-size:.75rem}.livescores-page .match-item.compact .match-teams{gap:.75rem}.livescores-page .match-item.compact .team-name{font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:120px}.livescores-page .match-item.compact .team-score{font-size:.9rem;font-weight:700}.match-item.detailed-view{padding:1rem;border-radius:.5rem;background:#ffffffe6;border:1px solid rgba(226,232,240,.6);transition:all .3s ease;margin-bottom:.5rem;width:100%;display:block;box-sizing:border-box}.match-item.detailed-view:hover{background:#fff;border-color:#3b82f640;transform:translateY(-1px)}.match-item.detailed-view:hover{border-color:var(--primary-blue)}.match-item.detailed-view .match-teams{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:1rem;margin-bottom:.5rem}.match-item.detailed-view .match-teams .team{font-weight:600;color:var(--text-primary);display:inline-block;width:100%}.match-item.detailed-view .match-teams .team:first-child{text-align:right}.match-item.detailed-view .match-teams .team:last-child{text-align:left}.match-item.detailed-view .match-teams .score{font-size:1.25rem;font-weight:800;color:var(--primary-blue)}.match-item.detailed-view .match-info{display:flex;justify-content:space-between;align-items:center;font-size:.875rem}.match-item.detailed-view .match-time{background:#ef4444;color:var(--text-white);padding:.25rem .5rem;border-radius:.25rem;font-weight:600;font-size:.75rem}.match-item.detailed-view .match-league{color:var(--text-secondary)}.match-stats{display:flex;flex-direction:column;gap:.1rem;padding:.125rem .25rem;flex:1;min-width:250px;justify-content:center;background-color:var(--bg-secondary)}.match-stats .stats-row{display:flex;gap:.5rem;align-items:center}.match-stats .stat-item{font-size:.8125rem;font-weight:600;color:var(--text-primary);white-space:nowrap}.odds-section{display:flex;flex-direction:column;gap:.5rem;flex:1}.odds-group{display:flex;align-items:center;gap:.5rem}.odds-label{font-size:.75rem;font-weight:600;color:var(--text-secondary);min-width:35px;text-transform:uppercase}.odds-values{display:flex;gap:.375rem;flex-wrap:wrap}.odd{font-size:.8125rem;font-weight:700;color:var(--text-primary);background:#22c55e1a;border:1px solid rgba(34,197,94,.3);padding:.25rem .5rem;border-radius:4px;min-width:42px;text-align:center;transition:all .2s ease;cursor:pointer}.odd:hover{background:#22c55e33;border-color:#22c55e80;transform:translateY(-1px)}@media (max-width: 1800px){.league-group{max-width:100%}.match-stats{min-width:400px}.match-scores{width:150px}}@media (max-width: 1600px){.league-group{max-width:100%}.match-stats{min-width:350px}.match-scores{width:140px}}@media (max-width: 1400px){.league-group{max-width:100%}.match-stats{min-width:300px;padding:.5rem .75rem}.match-scores{width:100px}}@media (max-width: 1200px){.league-group{max-width:100%;padding:0}.match-stats{min-width:250px}.match-scores{width:80px}.match-stats .stats-row{gap:.5rem}}.livescores-page .match-time{display:flex;flex-direction:column;align-items:center;gap:.25rem}.status{padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:700;text-transform:uppercase}.status.live{background:#dc2626;color:#fff;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.minute{font-size:.875rem;color:var(--text-secondary);font-weight:600}.livescores-page .match-teams{display:flex;align-items:center;justify-content:center;gap:1rem}.team{display:flex;align-items:center;gap:.5rem;min-width:150px}.team.home{justify-content:flex-end}.team.away{justify-content:flex-start}.match-vs{font-size:.875rem;color:var(--text-secondary);font-weight:600}.livescores-page .match-info{display:flex;flex-direction:column;align-items:flex-end;gap:.25rem}.venue{font-size:.75rem;color:var(--text-secondary)}@media (max-width: 768px){.page-controls{padding:1rem;gap:1rem}.control-group{flex:1;min-width:0}.page-search-input{width:100%}.view-controls{margin-left:0;width:100%;justify-content:space-between}.livescores-content{padding:1rem}.match-item{grid-template-columns:80px 1fr;gap:1rem}.match-info{display:none}.team{min-width:100px}}.scroll-to-top-btn{position:fixed;bottom:2rem;right:2rem;width:50px;height:50px;background:linear-gradient(135deg,#f97316,#ea580c);color:#111;border:none;border-radius:50%;font-size:1.5rem;font-weight:700;cursor:pointer;z-index:1000;transition:all .4s cubic-bezier(.175,.885,.32,1.275);display:flex;align-items:center;justify-content:center;overflow:hidden}.scroll-to-top-btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:radial-gradient(circle,rgba(255,255,255,.3) 0%,transparent 70%);border-radius:50%;transform:translate(-50%,-50%);transition:all .6s ease}.scroll-to-top-btn:hover:before{width:100px;height:100px}.scroll-to-top-btn:hover{background:linear-gradient(135deg,#ea580c,#dc2626);transform:translateY(-4px) scale(1.1) rotate(5deg)}.scroll-to-top-btn:active{transform:translateY(-2px) scale(1.05) rotate(-2deg);transition:all .1s ease}@media (max-width: 1024px){.scroll-to-top-btn{bottom:calc(56px + .75rem);right:1rem;width:42px;height:42px;font-size:1.2rem}}@media (max-width: 767px){.scroll-to-top-btn{bottom:calc(106px + .75rem);right:1rem;width:40px;height:40px;font-size:1.1rem}}[data-theme=light] .dropdown-toggle-btn{color:#1f2937;border-left-color:#0000001a}[data-theme=light] .page-search{background:linear-gradient(135deg,#fffffff2,#f8fafce6,#f1f5f9d9);border:1px solid rgba(203,213,225,.4)}[data-theme=light] .page-search:before{background:linear-gradient(90deg,transparent,rgba(59,130,246,.03),transparent)}[data-theme=light] .page-search:hover{border-color:#3b82f64d}[data-theme=light] .page-search-input{color:#0f172af2;background:transparent;border:none}[data-theme=light] .page-search:focus-within{background:linear-gradient(135deg,#fff,#f8fafcfa,#f1f5f9f2);border-color:#3b82f699}[data-theme=light] .page-search-input:focus{color:#0f172a}[data-theme=light] .page-search-input::placeholder{color:#64748b99}[data-theme=light] .page-search:hover .page-search-input::placeholder{color:#3b82f6b3}[data-theme=light] .page-search:focus-within .page-search-input::placeholder{color:#2563eb80}[data-theme=light] .page-search-icon{color:#64748b99}[data-theme=light] .page-search:hover .page-search-icon{color:#3b82f6cc}[data-theme=light] .page-search:focus-within .page-search-icon{color:#2563eb;filter:none}[data-theme=light] .page-search-clear-btn{background:#ef444414;border-color:#ef444426;color:#ef4444cc}[data-theme=light] .page-search-clear-btn:hover{background:#ef444426;border-color:#ef44444d;color:#dc2626}.sport-theme-football{--sport-primary: #22c55e;--sport-secondary: #16a34a;--sport-accent: rgba(34, 197, 94, .1)}.sport-theme-basketball{--sport-primary: #f97316;--sport-secondary: #ea580c;--sport-accent: rgba(249, 115, 22, .1)}.sport-theme-tennis{--sport-primary: #eab308;--sport-secondary: #ca8a04;--sport-accent: rgba(234, 179, 8, .1)}.sport-theme-cricket{--sport-primary: #06b6d4;--sport-secondary: #0891b2;--sport-accent: rgba(6, 182, 212, .1)}.sport-theme-hockey{--sport-primary: #3b82f6;--sport-secondary: #2563eb;--sport-accent: rgba(59, 130, 246, .1)}.sport-theme-volleyball{--sport-primary: #8b5cf6;--sport-secondary: #7c3aed;--sport-accent: rgba(139, 92, 246, .1)}.sport-theme-handball{--sport-primary: #ec4899;--sport-secondary: #db2777;--sport-accent: rgba(236, 72, 153, .1)}.sport-theme-rugby{--sport-primary: #f59e0b;--sport-secondary: #d97706;--sport-accent: rgba(245, 158, 11, .1)}[class*=sport-theme-] .score-card{border-left:3px solid var(--sport-primary)}[class*=sport-theme-] .score-card-header{background:linear-gradient(135deg,var(--sport-accent) 0%,rgba(255,255,255,.02) 100%);border-bottom-color:var(--sport-primary)}[class*=sport-theme-] .live-indicator{background:var(--sport-primary)}[class*=sport-theme-] .match-score .score-number{color:var(--sport-primary)}[class*=sport-theme-] .stat-item,[class*=sport-theme-] .odds-btn{border-color:var(--sport-primary);background:var(--sport-accent)}[class*=sport-theme-] .odds-btn:hover{background:var(--sport-primary);color:#fff}[class*=sport-theme-] .odds-btn.placeholder{background:transparent!important;border:1px solid transparent!important;color:#3b82f633!important;cursor:default!important;pointer-events:none;opacity:.3}[class*=sport-theme-] .odds-btn.placeholder:hover{background:transparent!important;border-color:transparent!important;transform:none!important;opacity:.3}[class*=sport-theme-] .match-odds-button.disabled{pointer-events:none}[class*=sport-theme-] .header-stats-icons .stat-header{background:var(--sport-accent);border-color:var(--sport-primary);color:var(--sport-secondary)}.favorites-section{background:linear-gradient(135deg,#ff82bb,#6b6fa8,#5a5e95);border-radius:4px;margin:0 0 .5rem;overflow:hidden;position:relative;z-index:2;min-height:auto;display:flex;flex-direction:column}.favorites-section.empty{min-height:auto}.favorites-empty-state{padding:.5rem 1rem;text-align:center;color:#ffffffb3;font-size:.75rem;font-style:italic;display:flex;align-items:center;justify-content:center;gap:.5rem}.favorites-empty-state svg{width:16px;height:16px;flex-shrink:0}.favorites-empty-state p{margin:0;line-height:1}.favorites-section.drag-over{transform:scale(1.02)}.favorites-header{display:flex;align-items:center;justify-content:space-between;padding:.375rem .5rem;border-bottom:1px solid rgba(255,255,255,.1)}.favorites-title{display:flex;align-items:center;gap:.25rem;color:#64748b;font-weight:500;font-size:.875rem}[data-theme=dark] .favorites-title{color:#fff!important}.favorite-star-icon{color:#fbbf24}.favorites-toggle-btn{background:none;border:none;color:#fff;cursor:pointer;padding:.125rem;border-radius:3px;transition:background-color .2s ease}.favorites-toggle-btn:hover{background:#ffffff1a}.favorites-list{padding:.25rem .5rem .5rem}.favorite-match-item{display:flex;align-items:center;justify-content:space-between;gap:.5rem;background:#ffffff1a;border-radius:3px;padding:.25rem .375rem;margin-bottom:.25rem;backdrop-filter:blur(10px);transition:background-color .2s ease}.favorite-match-item:last-child{margin-bottom:0}.favorite-match-item:hover{background:#ffffff26}.favorite-left-section{display:flex;align-items:center;gap:.375rem;flex-shrink:0}.favorite-minute-section{display:flex;align-items:center;justify-content:flex-start}.favorite-match-info{display:flex;align-items:center;gap:.5rem;color:#fff;font-size:.75rem;font-weight:500;flex:1;justify-content:center}.favorite-right-section{display:flex;align-items:center;justify-content:flex-end;gap:.5rem;flex-shrink:0}.favorite-star-btn{background:none;border:none;color:#fbbf24;cursor:pointer;padding:.125rem;border-radius:3px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.favorite-star-btn:hover{color:#fbbf24;background:#0003}.favorite-game-minute{font-size:.625rem;font-weight:600;color:var(--text-secondary);padding:.125rem .25rem;border-radius:3px;min-width:2rem;text-align:center;background:transparent;border:1px solid rgba(255,255,255,.1)}.favorite-game-minute.live{background:transparent;color:#ef4444;border-color:#ef44444d}.favorite-game-minute.ht{background:transparent;color:#f97316;border-color:#f973164d}.favorite-game-minute.ft{background:transparent;color:#6b7280;border-color:#6b72804d}.favorites-container .home-team,.favorites-container .away-team{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.favorites-container .home-team{text-align:right}.favorites-container .away-team{text-align:left}.score-display{display:flex;align-items:center;align-content:center;background:#ffffff40;padding:.25rem .375rem;border-radius:4px;font-weight:700;min-width:3rem;justify-content:center;height:1.5rem}.home-score,.away-score{display:flex;align-items:center;justify-content:center;min-width:1rem;height:1rem;line-height:1;font-size:.8125rem;font-weight:700}.score-separator{display:flex;align-items:center;justify-content:center;margin:0 .125rem;opacity:.6;font-weight:400;line-height:1;height:1rem;font-size:.875rem}[data-theme=dark] .favorites-section{background:#0e2b52}[data-theme=dark] .favorite-match-item{background:#ffffff14}[data-theme=dark] .favorite-match-item:hover{background:#ffffff1f}.notification-settings-panel{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#0f0f0ff2;backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:8px;z-index:var(--z-modal);width:90%;max-width:420px;max-height:80vh;overflow-y:auto}.notification-settings-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;border-bottom:1px solid rgba(255,255,255,.1)}.notification-settings-header h3{margin:0;color:#fff;font-size:1.125rem;font-weight:600}.close-btn{background:none;border:none;color:#ffffffb3;cursor:pointer;font-size:1.5rem;line-height:1;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s ease}.close-btn:hover{background:#0003;color:#fff}.notification-settings-content{padding:1.25rem}.setting-group{margin-bottom:1.5rem}.setting-group:last-child{margin-bottom:0}.setting-group h4{margin:0 0 .75rem;color:#fff;font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.025em;opacity:.9}.setting-item{margin-bottom:.75rem}.setting-item:last-child{margin-bottom:0}.setting-item label{display:flex;align-items:center;gap:.5rem;color:#ffffffe6;font-size:.875rem;cursor:pointer;transition:color .2s ease}.setting-item label:hover{color:#fff}.setting-item input[type=checkbox]{appearance:none;width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-radius:3px;position:relative;cursor:pointer;transition:all .2s ease;flex-shrink:0}.setting-item input[type=checkbox]:checked{background:#22c55e;border-color:#22c55e}.setting-item input[type=checkbox]:checked:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:10px;font-weight:700}.setting-item input[type=range]{flex:1;margin-left:.5rem;appearance:none;background:#ffffff1a;height:4px;border-radius:2px;outline:none;cursor:pointer}.setting-item input[type=range]::-webkit-slider-thumb{appearance:none;width:16px;height:16px;background:#22c55e;border-radius:50%;cursor:pointer}.setting-item input[type=range]::-moz-range-thumb{width:16px;height:16px;background:#22c55e;border-radius:50%;cursor:pointer;border:none}.setting-item input[type=range]:disabled{opacity:.5;cursor:not-allowed}.test-notification-btn{background:#2563eb;color:#fff;border:none;padding:.5rem 1rem;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;width:100%}.test-notification-btn:hover{background:#2563eb;transform:translateY(-1px)}.test-notification-btn:active{transform:translateY(0)}.notification-settings-btn{background:none;border:none;color:#ffffffb3;cursor:pointer;padding:.25rem;border-radius:3px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.notification-settings-btn:hover{color:#fff;background:#0003}.favorites-header-controls{display:flex;align-items:center;gap:.5rem}.toast-container{position:fixed;top:1rem;right:1rem;z-index:var(--z-toast);display:flex;flex-direction:column;gap:.75rem;pointer-events:none}.toast{background:#0f0f0ff2;backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:.75rem 1rem;display:flex;align-items:center;justify-content:space-between;gap:.75rem;min-width:300px;max-width:400px;pointer-events:auto;animation:toastSlideIn .3s ease-out;transform-origin:right center}.toast-success{border-left:4px solid #22c55e}.toast-warning{border-left:4px solid #f59e0b}.toast-info{border-left:4px solid #3b82f6}.toast-error{border-left:4px solid #ef4444}.toast-content{display:flex;align-items:center;gap:.5rem;flex:1}.toast-message{color:#fff;font-size:.875rem;font-weight:500;line-height:1.4}.toast-close{background:none;border:none;color:#ffffffb3;cursor:pointer;font-size:1.25rem;line-height:1;padding:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:3px;transition:all .2s ease;flex-shrink:0}.toast-close:hover{background:#0003;color:#fff}@keyframes toastSlideIn{0%{transform:translate(100%) scale(.9);opacity:0}to{transform:translate(0) scale(1);opacity:1}}.page-with-ads{position:relative;transform:none!important}.live-scores-layout{display:flex;gap:1.5rem;max-width:1920px;margin:0 auto;padding:0 1rem 1rem;align-items:flex-start;overflow-x:hidden;box-sizing:border-box;min-height:calc(100vh - 120px);position:relative}.live-scores-left-ad{width:300px;flex-shrink:0;order:1;padding-top:20px}.live-scores-page{flex:1;min-width:300px;order:2;padding:0;overflow-x:hidden;box-sizing:border-box;font-family:"Exo 2",-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.live-scores-right-ad{width:300px;flex-shrink:0;order:3;padding-top:20px}.ad-sticky{position:sticky;top:calc(var(--total-header-height) + 1rem)}.ad-container{background:var(--dark-bg-secondary);border:2px solid var(--border-light);border-radius:12px;padding:1rem;overflow:hidden}.ad-label{text-align:center;font-size:.75rem;text-transform:uppercase;letter-spacing:1px;color:var(--text-gray);margin-bottom:.75rem;font-weight:600}.ad-placeholder{background:linear-gradient(135deg,#3b82f61a,#1e3a8a1a);border:2px dashed var(--border-light);border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--text-gray);font-size:.875rem;font-weight:600;transition:all .3s ease}.ad-placeholder:hover{background:linear-gradient(135deg,#3b82f626,#1e3a8a26);border-color:var(--primary-blue-light)}.vertical-ad{width:100%;height:600px;min-height:600px}.vertical-ad.large{height:600px;min-height:600px}.square-ad{width:100%;height:250px;min-height:250px}[data-theme=light] .ad-container{background:#fff;border-color:#e2e8f0}[data-theme=light] .ad-label{color:#64748b}[data-theme=light] .ad-placeholder{background:linear-gradient(135deg,#3b82f60d,#94a3b80d);border-color:#e2e8f0}[data-theme=light] .ad-placeholder:hover{background:linear-gradient(135deg,#3b82f61a,#94a3b81a);border-color:var(--primary-blue)}.content-header{display:flex;flex-direction:row;align-items:center;padding:0;margin:0;border-bottom:1px solid var(--border-light);background:linear-gradient(135deg,var(--dark-bg) 0%,var(--dark-bg-secondary) 100%);position:sticky;top:0;z-index:var(--z-sticky);backdrop-filter:blur(20px) saturate(180%);width:100%;height:44px;box-sizing:border-box;transition:all .2s ease;gap:0}.content-header-row-1{display:flex;justify-content:flex-start;align-items:center;width:auto;flex:1;height:100%;padding:0 12px;border-right:1px solid var(--border-light)}.content-header-row-2{display:flex;justify-content:flex-end;align-items:center;width:auto;flex:0 0 auto;height:100%;padding:0 12px;gap:12px}.content-header-left{display:flex;align-items:center;justify-content:flex-start;gap:0;flex-wrap:nowrap;height:100%;flex:1;min-width:0;overflow:visible;white-space:nowrap}.content-title{font-size:2rem;font-weight:800;color:var(--text-primary);margin:0;background:linear-gradient(135deg,#3b82f6,#60a5fa,#06b6d4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.5px;font-family:"Exo 2",system-ui,sans-serif}.content-header-left .match-count{display:inline-flex;align-items:center;justify-content:center;font-size:.875rem;font-weight:700;color:#fff;letter-spacing:.5px;background:linear-gradient(135deg,#3b82f6e6,#2563eb);border:2px solid rgba(59,130,246,.4);border-radius:50%;padding:0;backdrop-filter:blur(12px);width:36px;height:36px;min-width:36px;min-height:36px;margin:0 0 0 8px}.match-counter-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:linear-gradient(135deg,#3b82f626,#2563eb33);border:1px solid rgba(59,130,246,.3);border-radius:8px;font-size:.875rem;font-weight:600;backdrop-filter:blur(10px)}[data-theme=light] .match-counter-badge{background:linear-gradient(135deg,#3b82f61a,#2563eb26);border-color:#3b82f640}.match-counter-label{color:#fffc;letter-spacing:.3px}[data-theme=light] .match-counter-label{color:#1e293bb3}.match-counter-value{color:#fff;font-weight:700;font-size:1rem;background:linear-gradient(135deg,#3b82f6,#60a5fa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}[data-theme=light] .match-counter-value{color:#1e293b;background:linear-gradient(135deg,#2563eb,#3b82f6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.sport-selector-new{position:relative;min-height:20px;display:flex;align-items:center;flex-shrink:0;margin:0;padding:0;width:100%}.sport-select-new{font-family:"Exo 2",system-ui,-apple-system,sans-serif;font-size:14px;font-weight:600;padding:0 36px 0 12px;cursor:pointer;border:none;border-radius:0;background:transparent;color:var(--text-primary);height:100%;width:100%;min-width:max-content;box-sizing:border-box;transition:background .2s ease;display:flex;align-items:center;justify-content:space-between;text-align:left;position:relative;-webkit-appearance:none;-moz-appearance:none;appearance:none}.sport-select-new option{background:var(--bg-secondary);color:var(--text-primary);padding:16px 12px;border:none;font-size:16px;min-height:48px;line-height:1.4}.sport-select-content{display:flex;align-items:center;gap:8px;flex:1;overflow:visible;white-space:nowrap;min-width:max-content}.sport-select-arrow{display:flex;align-items:center;justify-content:center;transition:transform .2s ease;color:#64748b;flex-shrink:0}.sport-select-new:hover .sport-select-arrow{color:#1e293b}.sport-option-content{display:flex;align-items:center;gap:12px;flex:1}.sport-icon{font-size:1.2em;flex-shrink:0;width:24px;display:flex;justify-content:center}.sport-option-check{color:var(--primary-blue);font-weight:700;font-size:1.2em;flex-shrink:0}.sport-select-new:focus{outline:none;border-color:#3b82f6}.sport-select-new:hover{border-color:#cbd5e1;background:#f8fafc}.live-count-inline{border-left:none;border-right:none;background:transparent;padding:0;margin:0}.sport-counter-container,.content-header-left{display:inline-flex;align-items:center;gap:0}.sport-select-inline-counter{position:absolute;right:36px;top:50%;transform:translateY(-50%);background:linear-gradient(135deg,#ef4444,#dc2626);border:2px solid rgba(255,255,255,.9);border-radius:12px;padding:2px 8px;font-size:12px;font-weight:700;color:#fff;min-width:24px;height:24px;display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:2;letter-spacing:.02em}.sport-select-new:hover .sport-select-inline-counter{background:linear-gradient(135deg,#dc2626,#b91c1c);border-color:#fff;transform:translateY(-50%) scale(1.08)}.live-indicator{width:6px;height:6px;background:#ef4444;border-radius:50%;animation:pulse-live 1.5s ease-in-out infinite;margin-right:.25rem}@keyframes pulse-live{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.85)}}.content-header-right{display:flex;justify-content:flex-end;align-items:center;gap:0;flex:0 0 auto;min-width:0;overflow:visible;white-space:nowrap;flex-wrap:nowrap;flex-shrink:0;height:32px;margin-left:auto}.left-controls{display:flex;align-items:center;gap:.75rem}.right-controls{display:flex;align-items:center;gap:1rem}.filter-input{width:100%;height:100%;padding:.5rem 2.5rem .5rem 1rem;border:none;border-radius:8px;background:transparent;color:inherit;font-size:.875rem;transition:all .2s ease;box-sizing:border-box}.filter-input:focus{outline:none;background:#ffffff0d}.filter-input::placeholder{color:#fff9}.filter-clear-btn{position:absolute;right:.5rem;top:50%;transform:translateY(-50%);width:20px;height:20px;border:none;background:#fff3;color:#fff;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.filter-clear-btn:hover{background:#ef4444cc}[data-theme=light] .filter-input{background:#0000000d;border-color:#0003;color:#1e293b!important}[data-theme=light] .filter-input:focus{background:#3b82f60d;border-color:#3b82f666}[data-theme=light] .filter-input::placeholder{color:#00000080}[data-theme=light] .filter-clear-btn{background:#0000001a;color:var(--text-dark)}[data-theme=light] .filter-clear-btn:hover{background:#ef44441a;color:#dc2626}[data-theme=light] .sub-content-header{background:#fff9;border-color:#0000001a}.sort-selector.desktop-sort{display:flex;align-items:center;gap:.5rem;white-space:nowrap;flex-shrink:0;height:32px;order:1!important}.sort-selector.desktop-sort label{font-size:.875rem;font-weight:600;color:#fffc;margin:0;white-space:nowrap}.sub-content-header .sort-cycle-btn,.sort-cycle-btn{display:flex;align-items:center;gap:.375rem;height:38px;padding:0 .75rem;background:linear-gradient(135deg,#3b82f626,#2563eb1f);border:2px solid rgba(59,130,246,.4);border-radius:10px;cursor:pointer;font-size:.875rem;font-weight:600;color:#94a3b8;white-space:nowrap;flex-shrink:0;transition:all .2s ease;font-family:inherit}.sort-cycle-btn:hover{background:linear-gradient(135deg,#3b82f640,#2563eb33);border-color:#3b82f6b3;color:#e2e8f0}.sort-cycle-btn .sort-icon{display:flex;align-items:center;flex-shrink:0}.sort-cycle-btn .sort-label{font-size:.875rem}[data-theme=light] .sort-cycle-btn{background:#fff;border-color:#94a3b8;color:#475569}[data-theme=light] .sort-cycle-btn:hover{border-color:#3b82f6;color:#1e293b}.sub-content-header .view-controls-group .view-toggle-btn,.sub-content-header .view-controls-group .compact-toggle-btn,.sub-content-header .view-controls-group .collapse-all-btn{width:38px;height:38px;border-radius:10px;border:2px solid rgba(59,130,246,.4);background:linear-gradient(135deg,#3b82f626,#2563eb1f);color:#94a3b8;flex-shrink:0}.sub-content-header .view-controls-group .view-toggle-btn:hover,.sub-content-header .view-controls-group .compact-toggle-btn:hover,.sub-content-header .view-controls-group .collapse-all-btn:hover{border-color:#3b82f6b3;background:linear-gradient(135deg,#3b82f640,#2563eb33);color:#e2e8f0}[data-theme=light] .sub-content-header .view-controls-group .view-toggle-btn,[data-theme=light] .sub-content-header .view-controls-group .compact-toggle-btn,[data-theme=light] .sub-content-header .view-controls-group .collapse-all-btn{background:#fff;border-color:#94a3b8;color:#475569}[data-theme=light] .sub-content-header .view-controls-group .view-toggle-btn:hover,[data-theme=light] .sub-content-header .view-controls-group .compact-toggle-btn:hover,[data-theme=light] .sub-content-header .view-controls-group .collapse-all-btn:hover{border-color:#3b82f6;color:#1e293b}.sort-selector.desktop-sort{display:flex;align-items:center;gap:.75rem;flex-shrink:0;height:32px}.view-toggle-btn{display:flex;align-items:center;justify-content:center;width:38px;height:38px;background:#3b82f6;border:none;border-radius:7px;color:#fff;cursor:pointer;transition:background .2s ease;flex-shrink:0;order:2!important}.collapse-all-btn{display:flex;align-items:center;justify-content:center;width:38px;height:38px;background:#3b82f6;border:none;border-radius:7px;color:#fff;cursor:pointer;transition:background .2s ease;flex-shrink:0;order:4!important}.view-toggle-btn>svg,.collapse-all-btn>svg{display:block;transform:rotate(0);transition:transform .3s ease}.view-toggle-btn:hover,.collapse-all-btn:hover{background:#2563eb}.view-toggle-btn:hover>svg,.collapse-all-btn:hover>svg{transform:rotate(360deg)}.sort-select{appearance:none;background:linear-gradient(135deg,#0f172ae6,#1e293bcc);border:1px solid rgba(59,130,246,.3);border-radius:6px;padding:.25rem .75rem;font-size:.875rem;font-weight:600;color:#fff;cursor:pointer;transition:none;outline:none;min-width:140px;height:32px;box-sizing:border-box;backdrop-filter:blur(16px) saturate(180%);font-family:"Exo 2",system-ui,sans-serif}.sort-select option{background:var(--dark-bg-secondary);color:var(--text-primary);padding:.5rem}[data-theme=light] .sort-select{background:#fffc;border-color:#0000001a;color:var(--text-dark)}.view-toggle-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:#3b82f6;border:none;border-radius:7px;color:#fff;cursor:pointer;transition:background .2s ease;flex-shrink:0}.view-toggle-btn>svg{display:block;transform:rotate(0);transition:transform .3s ease}.view-toggle-btn:hover{background:#2563eb}.view-toggle-btn:hover>svg{transform:rotate(360deg)}.view-controls-group{display:flex;align-items:center;gap:.5rem;flex-shrink:0;margin-left:auto}.collapse-button-container{display:flex;align-items:center;gap:.5rem;white-space:nowrap;margin-left:.5rem}@media (max-width: 1400px){.live-scores-layout{gap:1rem;padding:.5rem}.live-scores-left-ad,.live-scores-right-ad{width:140px;min-width:140px;max-width:140px}}@media (max-width: 1200px){.live-scores-layout{gap:1rem}.live-scores-left-ad{width:120px;min-width:120px;max-width:120px}.live-scores-right-ad{display:none!important}.live-scores-page{max-width:none!important;width:100%!important;flex:1!important}}@media (max-width: 1024px){.live-scores-layout{gap:1rem}.live-scores-left-ad{width:100px;min-width:100px;max-width:100px}}@media (max-width: 768px){.live-scores-layout{display:block;padding:0}.live-scores-left-ad,.live-scores-right-ad{display:none!important}.live-scores-page{max-width:none!important;width:100%!important;flex:1!important}.content-header{padding:.25rem .375rem;gap:.375rem}.content-header-row-1,.content-header-row-2{flex-wrap:wrap;gap:.5rem}.content-header-left{gap:.5rem;flex-wrap:nowrap}.content-header-left .match-count{margin-left:0;margin-right:.5rem;min-width:40px;font-size:.7rem;padding:.2rem .4rem}.sport-select-new{min-width:120px;font-size:13px;padding:6px 10px}}.search-header{margin-bottom:1rem}.search-input-wrapper{position:relative;display:flex;align-items:center;background:#0f172af2;border:2px solid rgba(59,130,246,.4);border-radius:8px;padding:.5rem 1rem;min-height:32px;height:32px;transition:all .3s ease;max-width:600px;width:100%;backdrop-filter:blur(8px);overflow:hidden;box-sizing:border-box}.search-input-wrapper:before{content:"";position:absolute;inset:0;background:linear-gradient(45deg,transparent 30%,rgba(59,130,246,.03) 50%,transparent 70%);opacity:0;transition:opacity .5s ease;pointer-events:none}.search-input-wrapper:hover{border-color:#3b82f699;background:#1e293bf2}.search-input-wrapper:hover:before{opacity:1}.search-input-wrapper:focus-within{border-color:#3b82f6e6;background:#1e293b}.search-input-wrapper:focus-within:before{opacity:1;background:linear-gradient(45deg,transparent 20%,rgba(59,130,246,.08) 50%,transparent 80%)}.search-input-wrapper svg{color:#94a3b899;margin-right:.75rem;flex-shrink:0;transition:all .4s cubic-bezier(.4,0,.2,1);filter:drop-shadow(0 0 0 transparent);position:relative}.search-input-wrapper:hover svg{color:#3b82f6b3;transform:rotate(5deg)}.search-input-wrapper:focus-within svg{color:#60a5fa;transform:rotate(0);filter:drop-shadow(0 0 8px rgba(96,165,250,.5))}.search-input-wrapper input{flex:1;background:transparent;border:none;outline:none;color:#fff;font-size:.95rem;font-weight:500;padding:0;font-family:"Exo 2",sans-serif;letter-spacing:.01em;transition:all .3s ease}.search-input-wrapper:focus-within input{color:#fff}.search-input-wrapper input::placeholder{color:#94a3b8b3;font-weight:400;transition:all .3s ease}.search-input-wrapper:hover input::placeholder{color:#3b82f699;transform:translate(2px)}.search-input-wrapper:focus-within input::placeholder{color:#60a5fa66;transform:translate(6px);opacity:.7}.search-input-wrapper button{background:linear-gradient(135deg,#94a3b814,#cbd5e10d);border:1px solid rgba(148,163,184,.1);color:#94a3b899;cursor:pointer;padding:.4rem;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:all .4s cubic-bezier(.4,0,.2,1);backdrop-filter:blur(8px);margin-left:.5rem;position:relative;overflow:hidden;flex-shrink:0}.search-input-wrapper button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(239,68,68,.1),transparent);transition:left .5s ease}.search-input-wrapper button:hover{background:linear-gradient(135deg,#ef44441f,#dc262614);border-color:#ef44444d;color:#f87171;transform:rotate(-2deg)}.search-input-wrapper button:hover:before{left:100%}.search-input-wrapper button:active{transform:rotate(0);transition:transform .1s ease}@media (max-width: 768px){.search-input-wrapper{background:linear-gradient(135deg,#3b82f626,#9333ea1f,#ec48991a,#f5656514,#fb923c0d);border:2px solid rgba(59,130,246,.2);border-radius:16px;padding:.75rem 1rem;min-height:48px;height:48px;backdrop-filter:blur(20px) saturate(150%);transform:translateY(0);transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.search-input-wrapper:hover{background:linear-gradient(135deg,#3b82f640,#9333ea33,#ec48992e,#f5656526,#fb923c1f);border-color:#3b82f666;transform:translateY(-2px)}.search-input-wrapper:focus-within{background:linear-gradient(135deg,#3b82f64d,#9333ea40,#ec489938,#f565652e,#fb923c26);border-color:#3b82f699;transform:translateY(-3px)}.search-input-wrapper input{font-size:16px;font-weight:500;letter-spacing:.5px;color:var(--text-primary);background:transparent;border:none;outline:none;width:100%;height:100%;padding:0;text-align:left}.search-input-wrapper input::placeholder{color:#94a3b8b3;font-weight:400;font-style:italic}.search-input-wrapper svg{width:20px;height:20px;color:#3b82f6cc;transition:all .3s ease}.search-input-wrapper:hover svg,.search-input-wrapper:focus-within svg{color:#3b82f6;transform:scale(1.1)}}@media (max-width: 768px){.filters-container .search-input-wrapper{background:linear-gradient(135deg,#3b82f61f,#9333ea1a,#ec489914)!important;border:1.5px solid rgba(59,130,246,.25)!important;border-radius:12px!important;height:36px!important;min-height:36px!important;max-height:36px!important;padding:0 14px!important;margin:3px!important;backdrop-filter:blur(15px) saturate(130%)!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important}.filters-container .search-input-wrapper:hover{background:linear-gradient(135deg,#3b82f62e,#9333ea26,#ec48991f)!important;border-color:#3b82f666!important;transform:translateY(-1px)!important}.filters-container .search-input-wrapper:focus-within{background:linear-gradient(135deg,#3b82f638,#9333ea2e,#ec489926)!important;border-color:#3b82f680!important;transform:translateY(-2px)!important}}.favorites-section{background:#f8fafc;border-radius:0;padding:0;margin-bottom:1rem;transition:all .3s ease}.favorites-section:has(.favorites-empty){padding:0}.favorites-section.drag-over{background:#f0f9ff;border-color:#0ea5e9}.favorites-header{display:flex;align-items:center;justify-content:space-between;margin-top:0;margin-bottom:.25rem;padding:.125rem 1rem;background:transparent;border:none;position:relative}.favorites-header h3{font-size:.875rem;font-weight:500;color:#ffffffb3;margin:0;padding:0;line-height:1;letter-spacing:0}.favorites-actions{display:flex;align-items:center;gap:.375rem}.notification-toggle-btn{display:flex;align-items:center;justify-content:center;padding:.375rem;background:#fef3c7;border:1px solid #fcd34d;border-radius:5px;color:#b45309;cursor:pointer;transition:all .2s ease;flex-shrink:0}.notification-toggle-btn:not(.active){background:#f1f5f9;border-color:#cbd5e1;color:#64748b}.notification-toggle-btn svg{width:14px;height:14px}.notification-toggle-btn:hover{background:#fde68a;border-color:#f59e0b}.notification-toggle-btn:not(.active):hover{background:#e2e8f0;border-color:#94a3b8}.test-notification-btn{display:flex;align-items:center;justify-content:center;padding:.375rem;background:#f3e8ff;border:1px solid #d8b4fe;border-radius:5px;color:#9333ea;cursor:pointer;transition:all .2s ease;flex-shrink:0}.test-notification-btn svg{width:14px;height:14px}.test-notification-btn:hover{background:#e9d5ff;border-color:#a855f7;transform:translateY(-1px)}.test-notification-btn:active{transform:translateY(0);background:#ddd6fe}.favorites-toggle-btn{display:flex;align-items:center;gap:.25rem;padding:.375rem .5rem;background:#f0f9ff;border:1px solid #0ea5e9;border-radius:0;color:#0ea5e9;cursor:pointer;font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.025em;transition:all .2s ease;flex-shrink:0}.favorites-toggle-btn:hover{background:#e0f2fe;border-color:#0284c7;color:#0284c7}.favorites-toggle-btn svg{width:14px;height:14px}.clear-all-btn{display:flex;align-items:center;justify-content:center;padding:.375rem;background:#fef2f2;border:1px solid #fca5a5;border-radius:5px;color:#dc2626;cursor:pointer;transition:all .2s ease;flex-shrink:0}.clear-all-btn svg{width:14px;height:14px}.clear-all-btn:hover{background:#ef444426;border-color:#ef4444;transform:translateY(-1px)}.notification-settings{background:#3b82f60d;border:1px solid rgba(59,130,246,.15);border-radius:8px;padding:.625rem .75rem;margin-top:.5rem;margin-bottom:.25rem;animation:slideDown .2s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.notification-setting-row{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.notification-setting-row:last-child{margin-bottom:0}.notification-setting-row label{display:flex;align-items:center;gap:.5rem;font-size:.75rem;color:var(--text-secondary);cursor:pointer;user-select:none}.notification-setting-row input[type=checkbox]{width:16px;height:16px;cursor:pointer;accent-color:#3b82f6}.notification-setting-row.volume-control{padding:.375rem .5rem;background:#3b82f614;border-radius:6px;gap:.625rem}.notification-setting-row.volume-control svg{color:#3b82f6;flex-shrink:0}.notification-setting-row input[type=range]{flex:1;height:4px;border-radius:2px;background:#3b82f633;outline:none;cursor:pointer;-webkit-appearance:none;appearance:none}.notification-setting-row input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:#3b82f6;cursor:pointer;transition:all .2s ease}.notification-setting-row input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.2)}.notification-setting-row input[type=range]::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:#3b82f6;cursor:pointer;border:none;transition:all .2s ease}.notification-setting-row input[type=range]::-moz-range-thumb:hover{transform:scale(1.2)}.volume-label{font-size:.6875rem;color:#3b82f6;font-weight:600;min-width:35px;text-align:right}.favorites-empty{text-align:center;padding:.5rem .25rem;color:var(--text-gray);opacity:.7}.favorites-empty p{font-size:.75rem;line-height:1.2;margin:0}.favorites-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.5rem;transition:all .3s ease}.favorites-container.list-view{grid-template-columns:1fr;gap:.5rem}.favorites-container.list-view .favorite-match-card{border-radius:6px;padding:.25rem .75rem}.favorites-container.list-view .favorite-match-card .favorite-status{display:flex;order:1}.favorites-container.list-view .favorite-content{display:grid;grid-template-columns:auto 1fr auto;gap:1rem;align-items:center;order:2}.favorites-container.list-view .favorite-teams{display:grid;grid-template-columns:1fr auto 1fr;gap:.75rem;align-items:center;justify-items:center}.favorites-container.list-view .favorite-team{font-size:.75rem}.favorites-container.list-view .favorite-team:first-child{text-align:center;justify-self:end}.favorites-container.list-view .favorite-team:last-child{text-align:center;justify-self:start}.favorites-container.list-view .favorite-score{font-size:.875rem;padding:.1875rem .5rem;min-width:50px}.favorite-status{padding:.1875rem .375rem;background:#3b82f626;border-radius:5px;font-size:.5625rem;font-weight:700;color:#3b82f6;white-space:nowrap;text-align:center;min-width:40px;flex-shrink:0}.favorite-match-card{background:linear-gradient(135deg,#3b82f61f,#3b82f60f);border:2px solid rgba(59,130,246,.25);border-radius:6px;padding:.375rem .5rem;display:grid;grid-template-columns:auto auto auto 1fr auto 1fr;align-items:center;gap:.25rem;transition:all .3s ease;position:relative;font-size:.7rem;min-height:32px}.favorite-sport-badge{font-size:14px;opacity:.8;margin-right:2px;display:inline-flex;align-items:center;justify-content:center;line-height:1;text-rendering:optimizeLegibility}.favorite-sport-badge .sport-icon-img{width:16px;height:16px}.favorite-match-card .favorite-status{display:none}.favorite-match-card:hover{border-color:#3b82f6;transform:translate(-2px)}.favorite-match-card .favorite-star{background:none;border:none;color:#3b82f6;cursor:pointer;padding:.1875rem;display:flex;align-items:flex-start;justify-content:center;border-radius:5px;transition:all .2s ease;flex-shrink:0}.favorite-match-card:hover{border-color:#3b82f6;transform:translateY(-1px)}.favorite-match-card .favorite-star:hover{background:#3b82f633;transform:scale(1.15)}.favorite-time{font-size:.6875rem;font-weight:700;color:#e2e8f0;text-align:center;white-space:nowrap;min-width:70px;max-width:70px;width:70px;flex-shrink:0;overflow:hidden;text-overflow:ellipsis}.favorite-home,.favorite-away{font-size:.6875rem;font-weight:500;color:#f8fafc;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.favorite-home{text-align:right}.favorite-away{text-align:left}.favorite-score{font-size:.6875rem;font-weight:800;color:#fbbf24;text-align:center;white-space:nowrap}.favorite-content{flex:1;display:flex;flex-direction:row;align-items:center;gap:.5rem;min-width:0}.favorite-league{display:flex;align-items:center;gap:.25rem;font-size:.625rem;font-weight:600;color:var(--text-gray);overflow:hidden;flex-shrink:0;white-space:nowrap}.favorite-league span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.favorite-teams{display:flex;align-items:center;gap:.375rem;flex:1;min-width:0}.favorite-team{font-size:.6875rem;font-weight:700;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0}.favorite-score{font-size:.8125rem;font-weight:800;color:#fbbf24;padding:.125rem .375rem;background:#fbbf2426;border-radius:4px;text-align:center;flex-shrink:0;line-height:1.2;min-width:40px}.live-scores-grid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))!important;gap:.75rem;flex:1;min-width:0;transition:all .3s ease}.live-scores-grid.list-view{grid-template-columns:1fr!important;gap:0}@media (min-width: 1200px){.live-scores-grid:not(.list-view){grid-template-columns:repeat(auto-fit,minmax(270px,1fr))!important;gap:1rem}}@media (max-width: 1199px) and (min-width: 900px){.live-scores-grid:not(.list-view){grid-template-columns:repeat(auto-fit,minmax(250px,1fr))!important;gap:.75rem}}@media (max-width: 899px) and (min-width: 600px){.live-scores-grid:not(.list-view){grid-template-columns:repeat(auto-fit,minmax(230px,1fr))!important;gap:.5rem}}@media (max-width: 599px){.live-scores-grid:not(.list-view){grid-template-columns:repeat(auto-fit,minmax(200px,1fr))!important;gap:.5rem}}.live-scores-grid.list-view .score-card{border-radius:0;border:none;overflow:visible;margin-bottom:.125rem;position:relative;z-index:1;outline:none;margin-top:0}.live-scores-grid.list-view .list-header-card+.score-card{margin-top:0!important;border-top:none!important}[data-theme=light] .live-scores-grid.list-view .score-card{background:#eff1f5}[data-theme=dark] .live-scores-grid.list-view .score-card{background:#334155e6}.live-scores-grid.list-view .score-card:focus,.live-scores-grid.list-view .score-card:focus-visible,.live-scores-grid.list-view .score-card:focus-within{outline:none!important;border-color:var(--border-light)!important}.live-scores-grid.list-view .score-card *:focus,.live-scores-grid.list-view .score-card *:focus-visible,.live-scores-grid.list-view .score-card *:focus-within{outline:none!important}.live-scores-grid.list-view .score-card:has(.match-odds-button.active){z-index:9999}.live-scores-grid.list-view .score-card:last-child{margin-bottom:0}@media (max-width: 768px){.live-scores-grid.list-view .score-card{border-radius:6px;margin-bottom:0;margin-top:0;border:1px solid var(--border-light);overflow:visible}.live-scores-grid.list-view{gap:0!important;margin-top:0!important}.sub-content-header{margin-bottom:0}.favorites-section{margin-bottom:0;padding-bottom:5px}.live-scores-grid.list-view .score-card-body{padding:.175rem .5rem!important;column-gap:0!important}.live-scores-grid.list-view .teams-section{gap:.25rem!important}.live-scores-grid.list-view .grouped-match.last-in-group{margin-bottom:0!important}.live-scores-grid.list-view .score-card-header{padding:.375rem .75rem;display:flex;align-items:center;gap:.5rem;background:#3b82f60d;border:none;border-radius:0;min-height:auto}.live-scores-grid.list-view .score-card-header .league-info{display:flex;align-items:center;gap:.375rem;flex:1}.live-scores-grid.list-view .score-card-header .league-info .league-name{font-size:.75rem;font-weight:600}.live-scores-grid.list-view .score-card-header .header-stats-placeholder,.live-scores-grid.list-view .score-card-header .header-stats-icons,.live-scores-grid.list-view .score-card-header .header-spacer,.live-scores-grid.list-view .score-card-header .header-expand-spacer,.live-scores-grid.list-view .score-card-header .header-odds-labels,.live-scores-grid.list-view .score-card-header .header-odds-selector{display:none}.live-scores-grid.list-view .score-card-body{border:none!important}.live-scores-grid.list-view .team-align-bottom,.live-scores-grid.list-view .team-align-top{align-self:center!important}.notification-toggle-btn{padding:.5rem;min-width:40px;min-height:40px;border-width:2px}.notification-toggle-btn svg{width:18px;height:18px}.notification-toggle-btn:not(.active){background:#e2e8f0;border-color:#94a3b8;color:#475569}.notification-toggle-btn.active{background:#fef3c7;border-color:#f59e0b;color:#b45309}.test-notification-btn{padding:.5rem;min-width:40px;min-height:40px;border-width:2px}.test-notification-btn svg{width:18px;height:18px}.clear-all-btn{padding:.5rem;min-width:40px;min-height:40px;border-width:2px}.clear-all-btn svg{width:18px;height:18px}.live-scores-grid.list-view .list-header-card{margin-top:8px;margin-bottom:0;border-radius:0}.live-scores-grid.list-view .list-header-card.score-card{margin-top:8px}.live-scores-grid.list-view .list-header-card .score-card-header{padding:.3rem .5rem}.live-scores-grid.list-view .list-header-card+.score-card{border-top-left-radius:0;border-top-right-radius:0;margin-top:0}.live-scores-grid.list-view .score-card+.score-card:not(.list-header-card){border-top:none;margin-top:0}.live-scores-grid.list-view .score-card:has(+.list-header-card),.live-scores-grid.list-view .score-card:last-child:not(.list-header-card){border-bottom-left-radius:0;border-bottom-right-radius:0}}@media (min-width: 768px){.live-scores-grid.list-view .score-card-header{grid-template-columns:auto 1fr auto auto auto auto auto;column-gap:.75rem}}.live-scores-grid.list-view .score-card-header .league-info{grid-column:1;display:flex;align-items:center;gap:.5rem}@media (min-width: 768px){.live-scores-grid.list-view .score-card-header .league-info{grid-column:1 / 4}}.live-scores-grid.list-view .score-card-header .header-stats-icons{grid-column:4;display:none;gap:.75rem;align-items:center;justify-content:flex-start}@media (min-width: 768px){.live-scores-grid.list-view .score-card-header .header-stats-icons{display:flex}}.live-scores-grid.list-view .score-card-header .header-stats-icons .stat-icon{min-width:32px;flex:0 0 32px;height:20px;display:flex;align-items:center;justify-content:center;color:#3b82f6b3;cursor:help}.live-scores-grid.list-view .score-card-header .header-spacer{display:none}@media (min-width: 768px){.live-scores-grid.list-view .score-card-header .header-spacer{display:block;grid-column:5}}.live-scores-grid.list-view .score-card-header .header-expand-spacer{grid-column:6;display:none;width:20px}@media (min-width: 768px){.live-scores-grid.list-view .score-card-header .header-expand-spacer{display:block}}.live-scores-grid.list-view .score-card-header .header-odds-labels{grid-column:5;display:none;gap:.2rem;align-items:center;justify-content:center}@media (min-width: 768px){.live-scores-grid.list-view .score-card-header .header-odds-labels{display:flex}}.odds-header-label{min-width:36px;text-align:center;padding:.2rem .3rem;background:#3b82f614;border-radius:4px;font-size:.625rem;font-weight:700;color:var(--text-secondary)}.live-scores-grid.list-view .score-card-header .header-odds-selector{grid-column:5;display:none;justify-content:center;align-items:center}@media (min-width: 768px){.live-scores-grid.list-view .score-card-header .header-odds-selector{display:flex}}.odds-type-dropdown{padding:.25rem .5rem;font-size:.75rem;font-weight:600;background:#3b82f61a;border:1px solid rgba(59,130,246,.3);border-radius:4px;color:var(--primary-blue);cursor:pointer;outline:none;transition:all .2s ease}.odds-type-dropdown:hover{background:#3b82f633;border-color:var(--primary-blue)}.odds-type-dropdown:focus{border-color:var(--primary-blue)}.live-scores-grid.list-view .score-card-header .favorite-star{grid-column:2;margin-left:0}@media (min-width: 768px){.live-scores-grid.list-view .score-card-header .favorite-star{grid-column:5}}.live-scores-grid.list-view .list-header-card{position:sticky;top:0;z-index:10;background:transparent;margin-bottom:0;display:block;border-radius:0;margin-top:0;padding:0;line-height:1;overflow:hidden}.live-scores-grid.list-view .list-header-card:before{display:none!important}.live-scores-grid.list-view .list-header-card:after{display:none!important}.live-scores-grid.list-view .list-header-card .score-card-header{background:#1e293b;border-bottom:2px solid #3b82f6;color:#ffffffeb;padding:0 1rem;font-weight:700;cursor:pointer;transition:background .2s ease;display:grid;grid-template-columns:auto 1fr auto auto auto;grid-template-rows:minmax(28px,auto);column-gap:.75rem;align-items:center;min-height:28px;margin:0;line-height:1.2}[data-theme=light] .live-scores-grid.list-view .list-header-card .score-card-header{background:#1e293b;color:#ffffffeb}[data-theme=light] .live-scores-grid.list-view .list-header-card .score-card-header *{color:#ffffffeb!important}[data-theme=dark] .live-scores-grid.list-view .list-header-card .score-card-header{background:#1a3a60;color:#ffffffeb}[data-theme=dark] .live-scores-grid.list-view .list-header-card .score-card-header *{color:#ffffffeb!important}.live-scores-grid.list-view .list-header-card .header-spacer{grid-column:1;width:auto}.live-scores-grid.list-view .list-header-card .league-info{grid-column:2;display:flex;align-items:center;gap:.5rem;justify-self:start}.live-scores-grid.list-view .list-header-card .header-stats-icons{grid-column:4;display:flex;align-items:center;gap:.75rem;justify-content:flex-start;justify-self:start;align-self:center;padding-right:8px}.live-scores-grid.list-view .list-header-card .group-collapse-icon{grid-column:5;display:flex;align-items:center;justify-content:center;transition:all .2s ease;cursor:pointer;background:#3b82f61a;border:none;border-radius:0;padding:.25rem .5rem;position:relative;z-index:10;width:34px;min-width:34px;max-width:34px;height:20px;flex-shrink:0;margin:0 auto;justify-self:center}[data-theme=light] .live-scores-grid.list-view .list-header-card .group-collapse-icon,[data-theme=dark] .live-scores-grid.list-view .list-header-card .group-collapse-icon{color:#fffc}.live-scores-grid.list-view .list-header-card .header-stats-icons .stat-header{font-size:.625rem;padding:.125rem .25rem;border-radius:0;background:#3b82f626;border:none;min-width:32px;width:32px;text-align:center;cursor:help;transition:all .2s ease;font-weight:600;flex-shrink:0}.live-scores-grid.list-view .list-header-card .header-stats-icons .stat-header:hover{background:#3b82f64d;transform:scale(1.05);opacity:1}.header-stats-icons.stats-hidden{opacity:0;width:0;overflow:hidden;transition:all .3s ease}.header-stats-icons:not(.stats-hidden){opacity:1;transition:all .3s ease}.header-stats-icons{transition:opacity .3s ease,width .3s ease}[data-theme=light] .live-scores-grid.list-view .list-header-card .header-stats-icons .stat-header:hover{background:#1a2332cc;color:#ffffffe6;transform:scale(1.05)}[data-theme=dark] .live-scores-grid.list-view .list-header-card .header-stats-icons .stat-header:hover{background:#ffffffe6;color:#1a2332cc;transform:scale(1.05)}.live-scores-grid.list-view .list-header-card .score-card-header:hover{background:#1a2332}[data-theme=light] .live-scores-grid.list-view .list-header-card .score-card-header:hover{background:#263548;color:#fffffff2}[data-theme=light] .live-scores-grid.list-view .list-header-card .score-card-header:hover *{color:#fffffff2!important}[data-theme=dark] .live-scores-grid.list-view .list-header-card .score-card-header:hover{background:#1f4a78;color:#fffffff2}[data-theme=dark] .live-scores-grid.list-view .list-header-card .score-card-header:hover *{color:#fffffff2!important}.live-scores-grid.list-view .list-header-card .league-info{display:flex;align-items:center;gap:.5rem}.live-scores-grid.list-view .list-header-card .group-collapse-icon{display:inline-flex;align-items:center;margin-left:auto;transition:transform .2s ease;padding:.25rem;border-radius:0}[data-theme=light] .live-scores-grid.list-view .list-header-card .group-collapse-icon{color:var(--primary-blue)}[data-theme=dark] .live-scores-grid.list-view .list-header-card .group-collapse-icon{color:#ffffffe6}.live-scores-grid.list-view .list-header-card .score-card-header:hover .group-collapse-icon{background:#3b82f640;transform:scale(1.02)}[data-theme=light] .live-scores-grid.list-view .list-header-card .score-card-header:hover .group-collapse-icon{background:#1a2332cc;color:#ffffffe6;transform:scale(1.02)}[data-theme=light] .live-scores-grid.list-view .list-header-card .score-card-header:hover .group-collapse-icon *{color:#ffffffe6!important}[data-theme=dark] .live-scores-grid.list-view .list-header-card .score-card-header:hover .group-collapse-icon{background:#ffffffe6;color:#1a2332cc;transform:scale(1.02)}[data-theme=dark] .live-scores-grid.list-view .list-header-card .score-card-header:hover .group-collapse-icon *{color:#1a2332cc!important}.live-scores-grid.list-view .list-header-card .score-card-body{background:var(--card-bg);display:none}.live-scores-grid.list-view .list-header-card .match-stats-section .team-stats{gap:.5rem}.live-scores-grid.list-view .list-header-card{margin-bottom:0;border-radius:12px 12px 0 0}.live-scores-grid.list-view .grouped-match{margin-top:0;margin-bottom:0;border-top:none;border-bottom:2px solid rgba(59,130,246,.3);border-radius:0;outline:none}.live-scores-grid.list-view .grouped-match:focus,.live-scores-grid.list-view .grouped-match:focus-visible,.live-scores-grid.list-view .grouped-match:focus-within{outline:none!important;border-color:var(--border-light)!important}.live-scores-grid.list-view .grouped-match.first-in-group{border-top-left-radius:0;border-top-right-radius:0;margin-top:0!important}.live-scores-grid.list-view .grouped-match.last-in-group{border-bottom-left-radius:0;border-bottom-right-radius:0;margin-bottom:.5rem}.live-scores-grid.list-view .grouped-match .score-card-body{border-top:1px solid rgba(255,255,255,.05)}.live-scores-grid.list-view .grouped-match.first-in-group .score-card-body{border-top:none}.live-scores-grid.list-view .grouped-match{background:var(--card-bg);overflow:visible}[data-theme=dark] .live-scores-grid.list-view .grouped-match{border-bottom-color:#3b82f666}.live-scores-grid.list-view .score-card-body{padding:0 .75rem;display:grid;grid-template-columns:auto 1fr auto auto auto;grid-template-rows:minmax(22px,auto) minmax(22px,auto);column-gap:.5rem;outline:none}.live-scores-grid.list-view .score-card-body:focus,.live-scores-grid.list-view .score-card-body:focus-visible,.live-scores-grid.list-view .score-card-body:focus-within{outline:none!important}.live-scores-grid.list-view .score-card-body{align-items:center;border:none;border-top:none;border-bottom:none;background:transparent;position:relative;z-index:1}@media (min-width: 768px){.live-scores-grid.list-view .score-card-body{padding:0 .875rem}}.live-scores-grid.list-view .status-favorite-column{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;flex-shrink:0;grid-column:1;grid-row:1 / 3}.live-scores-grid.list-view .match-status{padding:.15rem .4rem;border-radius:3px;font-size:.6875rem;font-weight:700;text-align:center;background:var(--secondary-gray);color:var(--text-primary);white-space:nowrap;min-width:42px;flex-shrink:0;line-height:1.2}@media (min-width: 768px){.live-scores-grid.list-view .match-status{padding:.2rem .5rem;font-size:.6875rem;border-radius:.3rem;min-width:42px;line-height:1.2}}.live-scores-grid.list-view .score-card-body .favorite-star{padding:.2rem;width:auto;height:auto}.live-scores-grid.list-view .score-card-body .favorite-star svg{width:14px;height:14px}@media (min-width: 768px){.live-scores-grid.list-view .score-card-body .favorite-star{padding:.2rem}.live-scores-grid.list-view .score-card-body .favorite-star svg{width:14px;height:14px}}.live-scores-grid.list-view .team-name{display:flex;align-items:center;gap:.3rem;font-size:.8125rem;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:left;min-width:100px;max-width:250px;line-height:1.15;flex-shrink:0}.live-scores-grid.list-view .home-team{grid-column:2;grid-row:1;text-align:left}.live-scores-grid.list-view .away-team{grid-column:2;grid-row:2;text-align:left}.live-scores-grid.list-view .score-section{display:contents;gap:0;transform:translateY(-3px)}.swipe-indicator{display:flex;align-items:center;justify-content:center;gap:-2px;opacity:.4;transition:opacity .2s ease;width:34px;height:20px}[data-theme=light] .swipe-indicator{color:var(--text-gray)}[data-theme=dark] .swipe-indicator{color:#ffffffe6}.live-scores-grid:not(.list-view) .swipe-indicator{display:none}.live-scores-grid.list-view .swipe-indicator{grid-column:4;grid-row:1 / span 2;display:flex;align-items:center;justify-content:center;margin-left:.25rem;width:34px;height:20px}.score-card:hover .swipe-indicator{opacity:.7}.score-card.swiped .swipe-indicator{display:none}@media (min-width: 769px){.swipe-indicator{display:none!important}}.live-scores-grid.list-view .match-score:first-child{grid-column:3;grid-row:1;transform:translateY(5px)}.live-scores-grid.list-view .match-score:last-child{grid-column:3;grid-row:2;transform:translateY(-5px)}.live-scores-grid.list-view .match-score{font-size:1rem;font-weight:800;color:#3b82f6;text-align:center;padding:0;margin:0;background:none;border:none;border-radius:0;line-height:1;flex-shrink:0;min-width:26px;white-space:nowrap}.live-scores-grid.list-view .score-separator{color:var(--text-secondary);font-weight:600;font-size:1rem;line-height:1;display:inline;flex-shrink:0}.live-scores-grid:not(.list-view) .score-separator{display:none}@media (min-width: 768px){.live-scores-grid.list-view .match-score{font-size:.875rem;min-width:38px;width:fit-content;padding:.1rem .3rem;background:linear-gradient(145deg,#3b82f6,#2563eb);color:#fff;border-radius:4px;text-align:center;line-height:1.1;white-space:nowrap}}.live-scores-grid.list-view .score-separator{display:none}.live-scores-grid.list-view .match-stats-section{display:flex;flex-direction:column;gap:.3rem;grid-column:4;grid-row:1 / 3;justify-content:center;align-items:flex-start;align-self:center}@media (max-width: 768px){.live-scores-grid.list-view .match-stats-section{display:none!important;width:0;height:0;overflow:hidden;position:absolute}.live-scores-grid.list-view .match-odds-button,.live-scores-grid.list-view .list-header-card .header-stats-icons{display:none!important}.score-card.swiped .score-card-body>*:not(.match-stats-section){display:none!important}.score-card.swiped,.score-card.swiped:before,.score-card.swiped:after,.score-card.swiped .score-card-body,.score-card.swiped .stat-item{transition:none!important}.score-card.swiped *{animation:none!important;transform:none!important}.score-card.swiped .match-stats-section{display:flex!important;flex-direction:column;position:absolute!important;right:0%!important;top:0!important;width:auto!important;max-width:calc(100% - 42px)!important;height:100%!important;overflow:visible!important;background:var(--card-bg)!important;padding:.25rem .5rem!important;padding-right:42px!important;z-index:20!important;justify-content:center!important;align-items:flex-start!important;gap:.25rem!important;margin:0!important;grid-column:auto!important;grid-row:auto!important;animation:slideInRight .3s ease forwards!important;border-left:0px solid var(--primary-blue)!important;border-right:20px #1e3a8a solid}.score-card.swiped .match-stats-section:after{content:"› ›";position:absolute;right:-3rem;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;color:var(--text-gray);opacity:.6;font-size:1rem;letter-spacing:-1px;width:34px;height:20px}.live-scores-grid.list-view:has(.score-card.swiped) .list-header-card .header-stats-icons{display:flex!important;animation:slideInRight .3s ease-out}.score-card{position:relative;overflow:hidden!important;transition:transform .3s ease}.score-card-body{position:relative}.score-card.swiped .match-stats-section{align-items:flex-start!important;padding-left:.5rem!important}.team-stats{display:flex;gap:.75rem;width:100%;justify-content:flex-start;align-items:center;flex-wrap:wrap}.home-stats{margin-bottom:.5rem}.stat-item{position:relative;font-size:.95rem;font-weight:700;min-width:45px;text-align:center;color:var(--text-primary);padding:.35rem .5rem;background:#ffffff0d;border-radius:6px;border:1px solid rgba(255,255,255,.1)}.stat-item:before{content:attr(data-icon);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:2rem;opacity:.08;z-index:0;pointer-events:none}.stat-item{position:relative;z-index:1}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideOutRight{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}}.live-scores-grid.list-view .team-stats{display:flex;gap:.75rem;align-items:center;font-size:.75rem;font-weight:900;color:var(--text-primary)}.live-scores-grid.list-view .match-odds-button{display:flex;grid-column:5;grid-row:1 / 3;justify-content:center;align-items:center;position:relative;z-index:2;margin-left:5px}.live-scores-grid.list-view .match-odds-button.active{z-index:9999}.live-scores-grid.list-view .odds-btn{background:#22c55e1a;border:1px solid rgba(34,197,94,.3);border-radius:6px;padding:.5rem;cursor:pointer;transition:all .2s ease;color:#22c55e;display:flex;align-items:center;justify-content:center;position:relative;z-index:10;width:34px;min-width:34px;max-width:34px;height:34px;flex-shrink:0}.live-scores-grid.list-view .odds-btn:hover{background:#22c55e33;border-color:#22c55e80;transform:scale(1.05)}.live-scores-grid.list-view .odds-btn.placeholder{background:transparent!important;border:1px solid transparent!important;color:#22c55e33!important;cursor:default!important;pointer-events:none;opacity:.3}.live-scores-grid.list-view .odds-btn.placeholder:hover{background:transparent!important;border-color:transparent!important;transform:none!important;opacity:.3}.live-scores-grid.list-view .match-odds-button.disabled{pointer-events:none}.odds-dropdown{position:absolute;top:100%;right:0;margin-top:.5rem;background:var(--card-bg);border:2px solid var(--primary-color);border-radius:8px;min-width:220px;max-width:220px;z-index:10000;animation:dropdownSlide .2s ease-out;overflow:hidden}@keyframes dropdownSlide{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.odds-dropdown-header{padding:.625rem .875rem;background:var(--dark-bg-secondary);border-bottom:2px solid var(--primary-color);font-weight:700;font-size:.8125rem;color:var(--primary-color);text-align:center;letter-spacing:.5px}.odds-section{padding:.5rem .75rem;border-bottom:1px solid var(--border-light);background:var(--card-bg)}.odds-section:last-child{border-bottom:none}.odds-section-title{font-size:.625rem;font-weight:700;color:var(--primary-color);margin-bottom:.4rem;text-transform:uppercase;letter-spacing:1px;padding-bottom:.25rem;border-bottom:1px solid var(--border-light)}.odds-row{display:flex;justify-content:space-between;align-items:center;padding:.3rem 0;gap:.375rem;background-color:#fff}.odds-row .odds-label{font-size:.6875rem;font-weight:600;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.odds-row .odds-value{font-size:.6875rem;font-weight:700;color:var(--primary-color);background:var(--dark-bg-secondary);border:1px solid var(--primary-color);border-radius:4px;padding:.25rem .375rem;min-width:44px;max-width:52px;text-align:center;transition:all .2s ease;flex-shrink:0}.odds-row .odds-value:hover{background:var(--primary-color);color:var(--card-bg);border-color:var(--primary-color);transform:translateY(-1px);cursor:pointer}.live-scores-grid.list-view .header-odds-label{display:none}@media (min-width: 768px){.live-scores-grid.list-view .header-odds-label{display:flex;justify-content:center;align-items:center;font-size:.75rem;font-weight:600;color:var(--text-secondary)}}.live-scores-grid.list-view .stat-item{min-width:32px;width:32px;text-align:center;padding:.125rem .25rem;background:#3b82f614;border:1px solid rgba(59,130,246,.2);border-radius:4px;font-size:.625rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex-shrink:0}.live-scores-grid.list-view .match-odds-section{display:none}@media (min-width: 768px){.live-scores-grid.list-view .match-odds-section{display:flex;gap:.2rem;grid-column:5;grid-row:1 / 3;justify-content:center;align-items:center}}.live-scores-grid.list-view .odds-value{min-width:36px;text-align:center;padding:.25rem .35rem;background:#22c55e1a;border:1px solid rgba(34,197,94,.3);border-radius:4px;font-size:.625rem;font-weight:700;color:#22c55e;cursor:pointer;transition:all .2s ease}.live-scores-grid.list-view .odds-labels,.live-scores-grid.list-view .odds-values{display:flex;gap:.2rem;align-items:center}.live-scores-grid.list-view .odds-label{min-width:28px;text-align:center;padding:.15rem .25rem;background:#3b82f614;border-radius:4px;font-size:.625rem;font-weight:700;color:var(--text-secondary)}.live-scores-grid.list-view .odds-value{min-width:28px;text-align:center;padding:.2rem .3rem;background:#22c55e1a;border:1px solid rgba(34,197,94,.3);border-radius:4px;font-size:.625rem;font-weight:700;color:#22c55e;cursor:pointer;transition:all .2s ease}.live-scores-grid.list-view .match-odds-section{display:none;flex-direction:column;gap:.25rem;grid-column:6;grid-row:1 / 4;justify-content:center;min-width:0}@media (min-width: 1536px){.live-scores-grid.list-view .match-odds-section{display:flex;grid-column:6;grid-row:1}}.live-scores-grid.list-view .odds-groups,.live-scores-grid.list-view .odds-values{display:flex;gap:.25rem;flex-wrap:nowrap;justify-content:center}.live-scores-grid.list-view .odds-group{display:flex;gap:.15rem;align-items:center;background:#3b82f60d;border:1px solid rgba(59,130,246,.15);border-radius:6px;padding:.1rem .2rem;flex-shrink:0;white-space:nowrap}.live-scores-grid.list-view .odds-label{min-width:28px;text-align:center;padding:.1rem .2rem;font-size:.625rem;font-weight:700;color:var(--primary-blue);text-transform:uppercase;flex-shrink:0}.live-scores-grid.list-view .odds-value{min-width:28px;text-align:center;padding:.15rem .25rem;background:#22c55e1a;border:1px solid rgba(34,197,94,.3);border-radius:4px;font-size:.625rem;font-weight:700;color:#22c55e;cursor:pointer;transition:all .2s ease;flex-shrink:0}.live-scores-grid.list-view .odds-value:hover{background:#22c55e33;border-color:#22c55e;transform:scale(1.05)}.live-scores-grid.list-view .expand-indicator{display:flex;align-items:center;justify-content:center;color:var(--text-secondary);transition:transform .3s ease;flex-shrink:0;margin-left:auto}.live-scores-grid.list-view .expand-indicator svg{width:14px;height:14px}@media (min-width: 768px){.live-scores-grid.list-view .expand-indicator{grid-column:6;grid-row:1 / 3;margin-left:0;width:fit-content;justify-self:center}.live-scores-grid.list-view .expand-indicator svg{width:20px;height:20px}}.score-card{background:var(--glass-bg);backdrop-filter:blur(12px) saturate(150%);-webkit-backdrop-filter:blur(12px) saturate(150%);border:1px solid var(--glass-border);border-radius:var(--radius-xl);overflow:hidden;transition:all var(--transition-base);position:relative;outline:none}.score-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.2) 50%,transparent 100%);opacity:.5}.score-card:after{content:"";position:absolute;top:0;left:0;bottom:0;width:3px;background:var(--gradient-primary);opacity:0;transition:opacity var(--transition-base)}.score-card:focus,.score-card:focus-visible,.score-card:focus-within{outline:none!important;border-color:var(--glass-border)!important}.score-card *:focus,.score-card *:focus-visible,.score-card *:focus-within{outline:none!important}.score-card.dragging{opacity:.6;transform:scale(.98)}.score-card.is-favorite{border-color:#f9731666;background:linear-gradient(135deg,var(--glass-bg) 0%,rgba(249,115,22,.08) 100%)}.score-card.is-favorite:after{background:var(--gradient-warning);opacity:1}.score-card.live{background:#3b82f61f;border-color:#3b82f640;animation:none}.score-card.live:after{background:linear-gradient(180deg,#3b82f6,#2563eb);opacity:1}.score-card.live:not(.is-favorite):hover{background:#3b82f62e}.score-card.scheduled{background:#ffffff08;border-color:#ffffff14}.score-card.scheduled:after{opacity:0}.score-card.scheduled:not(.is-favorite):hover{background:#ffffff12}.score-card.finished{background:#94a3b821;border-color:#94a3b838}.score-card.finished:after{opacity:0}.score-card.finished:not(.is-favorite):hover{background:#94a3b833}.score-card:not(.is-favorite):hover{background:var(--glass-bg-secondary);transform:translateY(-1px)}.score-card.grid-card{padding:0;overflow:hidden}.score-card.grid-card .card-header{display:flex;align-items:center;justify-content:space-between;padding:0 .5rem 0 .375rem;min-height:18px;border-bottom:1px solid var(--glass-border);background:linear-gradient(135deg,#3b82f60d,#1e3a8a08)}.score-card.grid-card .card-header-left{display:flex;align-items:center;gap:.375rem;flex:1}.score-card.grid-card .card-favorite-star{background:none;border:none;padding:0;width:14px;height:14px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-tertiary);transition:all .2s ease}.score-card.grid-card .card-favorite-star:hover{color:var(--warning);transform:scale(1.1)}.score-card.grid-card .card-favorite-star.active{color:var(--warning)}.score-card.grid-card .card-live-badge{font-size:.875rem;font-weight:600;color:#fff;background:#ef4444;padding:.125rem .375rem;border-radius:.25rem;line-height:1;animation:blink-dot-blue 2s ease-in-out infinite}.score-card.grid-card .card-status{display:flex;align-items:center;justify-content:flex-start;gap:.25rem;font-size:.875rem;font-weight:500;padding:.125rem .375rem;border-radius:.25rem;background:#f1f5f9;color:#64748b;line-height:1}.score-card.grid-card .card-status.live{background:#fee2e2;color:#dc2626;animation:none}.score-card.grid-card .card-period,.score-card.grid-card .card-minute{font-weight:600}.score-card.grid-card .card-status-text{font-weight:500}.score-card.grid-card .card-status.live .card-period,.score-card.grid-card .card-status.live .card-minute,.score-card.grid-card .card-status.live .card-status-text{color:#dc2626}.score-card.grid-card .card-body{display:flex;align-items:center;gap:.75rem;padding:.75rem .5rem}.score-card.grid-card .card-teams{display:flex;flex-direction:column;gap:.625rem;flex:1;min-width:0;align-items:flex-start}.score-card.grid-card .card-teams .team-name{display:flex;align-items:center;gap:.5rem;min-width:0;width:100%;justify-content:flex-start;font-size:.8125rem;font-weight:500;color:var(--text-primary)}.score-card.grid-card .card-teams .team-logo{width:1.25rem;height:1.25rem;object-fit:contain;flex-shrink:0}.score-card.grid-card .card-teams .team-name span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:left}.score-card.grid-card .card-scores-vertical{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;background:#f8fafc;border:1px solid #e2e8f0;border-radius:.25rem;padding:.25rem .5rem;min-width:48px}.score-card.grid-card .card-score-value{font-size:1.25rem;font-weight:600;color:var(--text-primary);line-height:1}.score-card.grid-card .card-score-vs{font-size:.875rem;font-weight:500;color:var(--text-tertiary);background:#f8fafc;border:1px solid #e2e8f0;border-radius:.25rem;padding:.5rem;min-width:48px;display:flex;align-items:center;justify-content:center}.score-card.grid-card .card-stats-btn{display:flex;align-items:center;gap:.1875rem;padding:0 .375rem;min-height:24px;border:none;border-top:1px solid var(--glass-border);cursor:pointer;user-select:none;background:linear-gradient(135deg,#3b82f608,#1e3a8a05);width:100%;transition:all .2s ease}.score-card.grid-card .card-stats-btn:hover{background:linear-gradient(135deg,#3b82f60f,#1e3a8a0a)}.score-card.grid-card .card-stats-btn:active{cursor:pointer}.score-card.grid-card .card-league-name{font-size:.75rem;font-weight:500;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.score-card-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-2) var(--spacing-3);background:linear-gradient(135deg,#3b82f614,#1e3a8a0d);border-bottom:1px solid var(--glass-border);cursor:grab;user-select:none;gap:var(--spacing-2);pointer-events:auto;transition:all var(--transition-base)}.score-card-header:active{cursor:grabbing}.score-card-header:hover{background:linear-gradient(135deg,#3b82f61f,#1e3a8a14)}.league-info{display:flex;flex-direction:row;align-items:center;gap:.25rem;overflow:hidden;white-space:nowrap;flex:1;min-width:0;pointer-events:none}.league-info *{pointer-events:none}.league-info .league-name{font-size:.875rem;font-weight:700;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;pointer-events:none}.score-card-header .favorite-star{background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:var(--spacing-2);display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);transition:all var(--transition-base);position:relative}.score-card-header .favorite-star:before{content:"";position:absolute;inset:0;background:radial-gradient(circle,rgba(249,115,22,.2) 0%,transparent 70%);border-radius:var(--radius-md);opacity:0;transform:scale(.8);transition:all var(--transition-base)}.score-card-header .favorite-star:hover{background:#f973161a;color:var(--warning-orange);transform:scale(1.1)}.score-card-header .favorite-star:hover:before{opacity:1;transform:scale(1.2)}.score-card-header .favorite-star.active{color:var(--warning-orange);background:#f9731626}.score-card-header .favorite-star.active:before{opacity:1;transform:scale(1)}.score-card-body{display:grid;grid-template-columns:auto minmax(160px,1fr) 1fr auto;grid-template-rows:auto auto;column-gap:.4rem;row-gap:.1rem;align-items:center;cursor:pointer;user-select:none;transition:background .2s ease;position:relative;padding:.5rem}.live-scores-grid:not(.list-view) .score-card-body{padding:.4rem .5rem;row-gap:.15rem;column-gap:.3rem}.live-scores-grid:not(.list-view) .score-card{border:1px solid var(--border-light);border-radius:8px;transition:all .2s ease;overflow:hidden;min-height:70px;display:flex;flex-direction:column}[data-theme=light] .live-scores-grid:not(.list-view) .score-card{background:#eff1f5}[data-theme=dark] .live-scores-grid:not(.list-view) .score-card{background:#334155e6}[data-theme=light] .live-scores-grid:not(.list-view) .score-card:hover{background:#3b82f608}[data-theme=dark] .live-scores-grid:not(.list-view) .score-card:hover{background:#3b495ff2}[data-theme=dark] .score-card.grid-card .card-status{background:#334155cc;color:#94a3b8}[data-theme=dark] .score-card.grid-card .card-status.live{background:#ef444433;color:#ef4444}[data-theme=dark] .score-card.grid-card .card-status.live .card-period,[data-theme=dark] .score-card.grid-card .card-status.live .card-minute,[data-theme=dark] .score-card.grid-card .card-status.live .card-status-text{color:#ef4444}[data-theme=dark] .score-card.grid-card .card-scores-vertical,[data-theme=dark] .score-card.grid-card .card-score-vs{background:#33415599;border-color:#64748b66}[data-theme=dark] .score-card.grid-card .card-teams .team-name,[data-theme=dark] .score-card.grid-card .card-score-value{color:#e2e8f0}.live-scores-grid:not(.list-view) .score-card-header{padding:.3rem .4rem;cursor:grab!important}.live-scores-grid:not(.list-view) .score-card-header:active{cursor:grabbing!important}.live-scores-grid:not(.list-view) .league-name{font-size:.65rem;font-weight:600}.live-scores-grid:not(.list-view) .match-score{font-size:.8rem;min-width:24px;padding:.15rem .3rem}.live-scores-grid:not(.list-view) .status-favorite-column{gap:.2rem}.live-scores-grid:not(.list-view) .match-status{font-size:.65rem;padding:.1rem .25rem;min-width:26px}.live-scores-grid:not(.list-view) .favorite-star{padding:.15rem}.live-scores-grid:not(.list-view) .favorite-star svg{width:14px;height:14px}.live-scores-grid:not(.list-view) .expand-indicator{display:none}.status-favorite-column{display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:.375rem;grid-column:1;grid-row:1 / 3;width:fit-content}.status-favorite-column .match-status{width:auto}.match-status-container{display:flex;flex-direction:row;align-items:center;gap:.2rem;flex-shrink:0;min-width:65px;width:max-content;max-width:100px;height:18px;padding:.1rem .25rem;background:transparent;border-radius:4px}.match-status-text{font-size:.625rem;font-weight:700;text-transform:uppercase;letter-spacing:.3px;white-space:nowrap;line-height:1}.match-status-container.status-live .match-status-text{color:#dc2626}.match-status-container.status-finished .match-status-text{color:#fff}.match-status-container.status-scheduled .match-status-text{color:#fff;background:linear-gradient(135deg,#3b82f6,#2563eb);padding:.25rem .5rem;border-radius:6px;font-weight:700;font-size:.688rem;letter-spacing:.4px;box-shadow:0 2px 4px #3b82f64d;border:1px solid rgba(59,130,246,.4)}.match-status-container.status-halftime .match-status-text{color:#f59e0b}.match-period{font-size:.6875rem;font-weight:700;color:#fff;background:#dc2626;padding:.2rem .35rem;border-radius:3px;letter-spacing:.3px;text-transform:uppercase;display:inline-flex;align-items:center;white-space:nowrap}.match-minute{font-size:.8125rem;font-weight:700;color:#dc2626;letter-spacing:.3px;line-height:1;display:inline-flex;align-items:center;margin-top:2px}@keyframes blink-minute{0%,to{opacity:1}50%{opacity:1}}.status-favorite-column .favorite-star{background:none;border:none;color:var(--text-gray);cursor:pointer;padding:.25rem;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s ease}.score-card-body .team-name.home-team{grid-column:2;grid-row:1;align-self:flex-end;text-align:left;display:flex;align-items:center;gap:.5rem}.score-card-body .team-name.away-team{grid-column:2;grid-row:2;align-self:flex-start;text-align:left;display:flex;align-items:center;gap:.5rem}.score-card-body .team-name{font-weight:500;font-size:.8rem;color:var(--text-primary);white-space:nowrap}.live-scores-grid.list-view .team-name{display:flex;align-items:center;gap:.375rem;overflow:hidden;text-overflow:ellipsis;max-width:100%;flex-shrink:0}.live-scores-grid:not(.list-view) .team-name{font-weight:500;font-size:.8rem;gap:.3rem;max-width:none;white-space:nowrap;overflow:visible;text-overflow:clip;display:flex;align-items:center}.live-scores-grid.list-view .team-logo{width:20px;height:20px;object-fit:contain;flex-shrink:0}.team-align-bottom{align-self:flex-end!important;justify-self:start!important}.team-align-top{align-self:flex-start!important;justify-self:start!important}.score-card-body .score-section{grid-column:4;grid-row:1 / 3;display:flex;flex-direction:column-reverse;align-items:center;justify-content:space-between;gap:0}.score-card-body .match-stats-section{grid-column:3;grid-row:1 / 3;display:flex;flex-direction:column-reverse;justify-content:space-between;gap:0}.status-favorite-column .favorite-star:hover{background:#f973161a;color:var(--orange);transform:scale(1.1)}.status-favorite-column .favorite-star.active{color:var(--orange);background:#f9731626}.score-card-body:hover{background:#3b82f608}.expand-indicator{display:flex;align-items:center;justify-content:center;color:var(--text-gray);transition:all .2s ease;margin-left:.25rem;cursor:pointer;padding:.25rem;border-radius:4px;pointer-events:auto;z-index:2;position:relative}.expand-indicator:hover{color:var(--primary-blue);background:#3b82f626}.score-card-body:hover .expand-indicator{color:var(--primary-blue)}.teams-section{flex:1;display:flex;flex-direction:column;gap:.5rem}.team-name{display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:600;color:var(--text-primary);transition:color .2s ease}.team-logo.loading{opacity:0;animation:fadeIn .3s ease forwards}.team-logo.loaded{opacity:1}.team-logo.fallback-logo{border-radius:50%;padding:2px;background:#fff}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.team-logo-error{opacity:.7;filter:grayscale(.3)}.team-name>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0}.team-rank{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 .3rem;font-size:.5625rem;font-weight:700;color:var(--text-primary);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:3px;flex-shrink:0;line-height:1}.score-card:hover .team-name{color:var(--primary-blue-lighter)}.score-section{display:flex;flex-direction:column;align-items:center;gap:.25rem;flex-shrink:0;width:60px;min-width:60px;justify-self:center;outline:none}.match-score{font-size:.95rem;font-weight:900;color:#fff;line-height:1;text-align:center;font-family:"Exo 2",system-ui,-apple-system,sans-serif;letter-spacing:-.3px;background:linear-gradient(145deg,#3b82f6,#2563eb);padding:.25rem .5rem;border-radius:6px;min-width:50px;width:50px;white-space:nowrap;transform:translateY(0);transition:all .1s ease;outline:none;border:none;display:inline-flex;align-items:center;justify-content:center}.match-score:focus{outline:none;border:none}.match-score:active{transform:translateY(1px)}.match-row.live .match-score{background:linear-gradient(145deg,#ef4444,#dc2626);color:#fff}.match-status{padding:.0625rem .1875rem;border-radius:6px;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;text-align:center;width:fit-content;background:#dc2626;color:#fecaca;border:2px solid #991b1b;white-space:nowrap}.match-status.live{background:#dc2626;color:#fecaca;border-color:#991b1b;animation:pulse-live 2s cubic-bezier(.4,0,.6,1) infinite}.match-status.ht,.match-status.ft{background:#dc2626;color:#fecaca;border-color:#991b1b}@keyframes pulse-live{0%,to{opacity:1}50%{opacity:.8}}.stats-overlay-backdrop{position:fixed;inset:0;background:#000000b3;backdrop-filter:blur(4px);z-index:9998}.stats-overlay-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--dark-bg-secondary);border:2px solid var(--border-light);border-radius:12px;width:90%;max-width:600px;max-height:85vh;overflow-y:auto;z-index:9999}.stats-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;border-bottom:2px solid var(--border-light);background:#1e3a8a1a}.stats-modal-title{display:flex;align-items:center;gap:.625rem}.stats-modal-league{font-size:.9375rem;font-weight:700;color:var(--primary-blue);text-transform:uppercase;letter-spacing:.5px}.stats-modal-close{background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:6px;color:#ef4444;padding:.375rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.stats-modal-close:hover{background:#ef444433;border-color:#ef4444;transform:scale(1.05)}.stats-modal-match{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:1rem;padding:1.5rem 1.25rem;background:linear-gradient(135deg,#3b82f60d,#1e3a8a0d);border-bottom:1px solid var(--border-light)}.stats-modal-team{display:flex;flex-direction:column;align-items:center;gap:.5rem}.stats-modal-team-logo{width:64px;height:64px;object-fit:contain;border-radius:8px;background:#ffffff14;padding:6px;display:block;transition:opacity .2s ease;border:1px solid rgba(255,255,255,.1);image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}@media (max-width: 768px){.stats-modal-team-logo{width:40px;height:40px;padding:4px}}.stats-modal-team-logo.loading{opacity:0;animation:fadeIn .3s ease forwards}.stats-modal-team-logo.loaded{opacity:1}.stats-modal-team-logo.fallback-logo{border-radius:50%;background:#fff;padding:8px}@media (max-width: 768px){.stats-modal-team-logo.fallback-logo{padding:6px}}.stats-modal-team-info{display:flex;flex-direction:column;align-items:center;gap:.75rem}.stats-modal-team-rank{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:28px;padding:0 .5rem;font-size:.75rem;font-weight:700;color:var(--text-primary);background:var(--bg-secondary);border:1.5px solid var(--border-color);border-radius:6px}.stats-modal-team-name{font-size:1.125rem;font-weight:700;color:var(--text-primary);text-align:center;line-height:1.3}.stats-modal-score{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:1.5rem 2.5rem;background:#1e3a8a26;border-radius:10px;border:2px solid var(--border-light)}.stats-modal-score-value{font-size:2.25rem;font-weight:900;color:var(--text-primary);line-height:1;letter-spacing:.5px}.stats-modal-status{padding:.375rem .875rem;border-radius:6px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;text-align:center}.stats-modal-status.live{background:linear-gradient(135deg,#ef444433,#ef44441a);color:#ef4444;animation:pulse-live 2s cubic-bezier(.4,0,.6,1) infinite}.stats-modal-status.ht{background:linear-gradient(135deg,#f9731633,#f973161a);color:var(--orange)}.stats-modal-status.ft{background:linear-gradient(135deg,#64748b33,#64748b1a);color:var(--text-gray)}.stats-modal-content{padding:1.25rem}.stats-modal-subtitle{font-size:1rem;font-weight:700;color:var(--primary-blue);margin:0 0 1.25rem;text-transform:uppercase;letter-spacing:.5px;text-align:center;padding-bottom:.75rem;border-bottom:2px solid var(--border-light)}.stats-modal-content .stat-row{display:grid;grid-template-columns:1fr 2fr 1fr;align-items:center;gap:.75rem;font-size:.875rem;margin-bottom:.375rem}.stats-modal-content .stat-label{text-align:center;color:var(--text-gray);font-weight:600;font-size:.8125rem}.stats-modal-content .stat-value{font-weight:800;color:var(--text-primary);text-align:center;font-size:.9375rem}.stats-modal-content .stat-value.home{text-align:right;color:var(--primary-blue)}.stats-modal-content .stat-value.away{text-align:left;color:var(--text-primary)}.stats-modal-content .stat-value.yellow{color:#eab308}.stats-modal-content .stat-value.red{color:#ef4444}.stats-modal-content .stat-bar{display:flex;height:8px;background:var(--dark-bg-secondary);border-radius:4px;overflow:hidden;margin-bottom:1rem;border:1px solid var(--border-light)}.stats-modal-content .stat-bar-fill{height:100%;transition:width .5s ease}.stats-modal-content .stat-bar-fill.home{background:linear-gradient(90deg,var(--primary-blue) 0%,rgba(59,130,246,.7) 100%)}.stats-modal-content .stat-bar-fill.away{background:linear-gradient(90deg,rgba(100,116,139,.7) 0%,var(--text-gray) 100%)}.no-results{text-align:center;padding:4rem 2rem;color:var(--text-gray)}.no-results p{font-size:1.25rem;font-weight:600;margin-bottom:1rem}.no-results p:before{content:"";display:block;font-size:3rem;margin-bottom:1rem}[data-theme=light] .live-scores-page{background:var(--bg-primary)}[data-theme=light] .content-header{background:linear-gradient(135deg,#fffffff2,#f8fafce6)!important;border-bottom:2px solid rgba(226,232,240,.6)!important;backdrop-filter:blur(20px) saturate(120%)}[data-theme=light] .content-title{color:var(--text-primary)}[data-theme=light] .match-count{background:linear-gradient(135deg,#3b82f61a,#3b82f60d);border-color:var(--primary-blue);color:var(--primary-blue)}[data-theme=light] .sort-selector label{color:#64748b}[data-theme=light] .sort-select{background:#fff;border-color:#e2e8f0;color:var(--text-dark)}[data-theme=light] .sort-select:hover{border-color:var(--primary-blue);background-color:#f8fafc}[data-theme=light] .sort-select option{background:#fff;color:var(--text-dark)}[data-theme=light] .view-toggle-btn,[data-theme=light] .collapse-all-btn,[data-theme=light] .compact-toggle-btn{background:#3b82f6;border:none;color:#fff}[data-theme=light] .view-toggle-btn:hover,[data-theme=light] .collapse-all-btn:hover,[data-theme=light] .compact-toggle-btn:hover{background:#2563eb}[data-theme=light] .view-toggle-btn:hover>svg,[data-theme=light] .collapse-all-btn:hover>svg,[data-theme=light] .compact-toggle-btn:hover>svg{transform:rotate(360deg)}[data-theme=light] .search-input-wrapper{background:linear-gradient(135deg,#fffffffa,#f8fafcf2 25%,#f1f5f9e6 75%,#e2e8f0d9);border:1px solid rgba(203,213,225,.4);backdrop-filter:blur(20px) saturate(180%)}[data-theme=light] .search-input-wrapper:before{background:linear-gradient(45deg,transparent 30%,rgba(59,130,246,.02) 50%,transparent 70%)}[data-theme=light] .search-input-wrapper:hover{border-color:#3b82f64d}[data-theme=light] .search-input-wrapper:focus-within{border-color:#3b82f699;background:linear-gradient(135deg,#fff,#f8fafcfa 25%,#f1f5f9f2 75%,#e2e8f0e6);transform:translateY(-3px) scale(1.02)}[data-theme=light] .search-input-wrapper svg{color:#64748b99;transition:all .4s cubic-bezier(.4,0,.2,1);filter:drop-shadow(0 0 0 transparent)}[data-theme=light] .search-input-wrapper:hover svg{color:#3b82f6b3;transform:scale(1.05) rotate(5deg)}[data-theme=light] .search-input-wrapper:focus-within svg{color:#2563eb;transform:scale(1.1) rotate(0);filter:drop-shadow(0 0 6px rgba(37,99,235,.3))}[data-theme=light] .search-input-wrapper input{color:#0f172ae6;transition:all .4s cubic-bezier(.4,0,.2,1)}[data-theme=light] .search-input-wrapper:focus-within input{color:#0f172a;transform:translate(4px)}[data-theme=light] .search-input-wrapper input::placeholder{color:#64748b80;transition:all .4s cubic-bezier(.4,0,.2,1)}[data-theme=light] .search-input-wrapper:hover input::placeholder{color:#3b82f699;transform:translate(2px)}[data-theme=light] .search-input-wrapper:focus-within input::placeholder{color:#2563eb66;transform:translate(6px) scale(.95);opacity:.7}[data-theme=light] .filter-container{background:linear-gradient(135deg,#3b82f61f,#2563eb14);border:2px solid rgba(59,130,246,.3)}[data-theme=light] .filter-container:hover{border-color:#3b82f680;background:linear-gradient(135deg,#3b82f626,#2563eb1a)}[data-theme=light] .filter-container:focus-within{background:linear-gradient(135deg,#3b82f62e,#2563eb1f);border-color:#3b82f6b3}[data-theme=light] .filter-input{color:#0f172af2}[data-theme=light] .filter-input:focus{color:#0f172a}[data-theme=light] .filter-input::placeholder{color:#475569!important}[data-theme=light] .filter-container:focus-within .filter-input::placeholder{color:#3b82f680}[data-theme=light] .filter-icon{color:#3b82f6b3}[data-theme=light] .filter-container:focus-within .filter-icon{color:#22c55e}[data-theme=light] .filter-clear-btn{background:#ef444414;color:#ef4444cc}[data-theme=light] .filter-clear-btn:hover{background:#ef444426;color:#ef4444}[data-theme=light] .favorites-section{background:#c8e6ff}[data-theme=light] .favorites-header{background:transparent;border:none}[data-theme=light] .favorites-header h3{color:#1e293b99}[data-theme=light] .favorites-title{color:#64748b}[data-theme=light] .favorite-star-icon{color:#fbbf24}[data-theme=light] .favorites-toggle-btn{color:#fff}[data-theme=light] .favorites-toggle-btn:hover,[data-theme=light] .favorite-match-item{background:#ffffff26}[data-theme=light] .favorite-match-item:hover{background:#ffffff40}[data-theme=light] .favorites-section h3{color:var(--primary-blue)}[data-theme=light] .favorites-section.drag-over{background:linear-gradient(135deg,#f9731614,#f9731608);border-color:var(--orange)}[data-theme=light] .favorites-empty{color:#64748b}[data-theme=light] .favorites-empty-state{color:#1e293b}[data-theme=light] .favorite-match-card{background:#fff;border-color:#cbd5e1}[data-theme=light] .favorite-match-card:hover{border-color:#3b82f6}[data-theme=light] .favorite-match-card .favorite-star{color:#f59e0b}[data-theme=light] .favorite-home{text-align:right}[data-theme=light] .favorite-away{text-align:left}[data-theme=light] .favorite-score{color:#1d4ed8;font-weight:700}[data-theme=light] .favorite-time{color:#64748b}[data-theme=light] .favorite-home,[data-theme=light] .favorite-away{color:#1e293b;font-weight:600}[data-theme=light] .favorite-status{color:#64748b}[data-theme=dark] .favorite-home,[data-theme=dark] .favorite-away{color:#fff;font-weight:600}[data-theme=dark] .favorite-time{color:#e2e8f0;font-weight:600}[data-theme=dark] .favorite-score{color:#fbbf24;font-weight:800}[data-theme=light] .score-card{background:#eff1f5;border-color:#e2e8f0}[data-theme=dark] .score-card{background:#334155e6;border-color:#fff3}[data-theme=dark] .score-card.live{background:#3b82f626;border-color:#3b82f659;animation:none}[data-theme=dark] .score-card.scheduled{background:#ffffff0a;border-color:#ffffff1a}[data-theme=dark] .score-card.finished{background:#94a3b826;border-color:#94a3b847}[data-theme=light] .live-scores-grid.list-view .list-header-card{background:#f8fafc}[data-theme=light] .live-scores-grid.list-view .list-header-card .header-stats-icons .stat-header{background:#3b82f614;border-color:#3b82f633;color:#1e293be6}[data-theme=light] .live-scores-grid.list-view .list-header-card .header-stats-icons .stat-header:hover{background:#3b82f633;border-color:#3b82f666}[data-theme=light] .score-card.is-favorite{background:linear-gradient(135deg,#fff,#f973160d);border-color:#f9731633}[data-theme=light] .score-card:not(.is-favorite):hover{border-color:var(--primary-blue)}[data-theme=light] .score-card:before{background:linear-gradient(90deg,var(--primary-blue) 0%,var(--primary-blue-light) 100%)}[data-theme=light] .score-card-header{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom-color:#e2e8f0}[data-theme=light] .league-info .league-name{color:var(--text-dark)}[data-theme=light] .score-card-header .favorite-star{color:#94a3b8}[data-theme=light] .score-card-header .favorite-star:hover{background:#f973161a;color:var(--orange)}[data-theme=light] .score-card-header .favorite-star.active{color:var(--orange);background:#f9731626}[data-theme=light] .team-name{color:var(--text-dark)}[data-theme=light] .score-card:hover .team-name{color:var(--primary-blue)}[data-theme=light] .match-score{color:var(--text-dark);background:linear-gradient(135deg,#eff6ff,#dbeafe)}[data-theme=light] .match-row.live .match-score{color:#fff!important;background:linear-gradient(145deg,#ef4444,#dc2626)}[data-theme=light] .match-status{background:#dc2626;color:#fecaca;border-color:#991b1b}[data-theme=light] .match-status.live{background:#dc2626;color:#fecaca;border-color:#991b1b;animation:pulse-live 2s cubic-bezier(.4,0,.6,1) infinite}[data-theme=light] .match-status.ht,[data-theme=light] .match-status.ft{background:#dc2626;color:#fecaca;border-color:#991b1b}[data-theme=light] .stats-overlay-backdrop{background:#00000080}[data-theme=light] .stats-overlay-modal{background:#fff;border-color:#e2e8f0}[data-theme=light] .stats-modal-header{background:#3b82f60d;border-bottom-color:#e2e8f0}[data-theme=light] .stats-modal-league{color:var(--primary-blue)}[data-theme=light] .stats-modal-match{background:linear-gradient(135deg,#3b82f60d,#3b82f605);border-bottom-color:#e2e8f0}[data-theme=light] .stats-modal-team-name{color:var(--text-dark)}[data-theme=light] .stats-modal-score{background:#f1f5f9;border-color:#cbd5e1}[data-theme=light] .stats-modal-score-value{color:var(--text-dark)}[data-theme=light] .stats-modal-subtitle{color:var(--primary-blue);border-bottom-color:#e2e8f0}[data-theme=light] .stats-modal-content .stat-label{color:#64748b}[data-theme=light] .stats-modal-content .stat-value{color:var(--text-dark)}[data-theme=light] .stats-modal-content .stat-value.home{color:var(--primary-blue)}[data-theme=light] .stats-modal-content .stat-bar{background:#f1f5f9;border-color:#e2e8f0}[data-theme=light] .score-card-body:hover{background:#3b82f60d}[data-theme=light] .no-results{color:#64748b}[data-theme=light] .no-results p{color:#475569}@media (max-width: 1280px){.live-scores-left-ad,.live-scores-right-ad{display:none}.live-scores-layout{padding:0}.live-scores-page{padding:0;max-width:100%;overflow-x:hidden}.counter-filter-group{gap:.5rem}.filter-container{width:400px;max-width:400px}}@media (min-width: 1440px){.content-header{padding:.5rem 1rem;gap:1rem;flex-direction:row;height:44px}.content-header-left{gap:1rem;flex:0 0 55%}.content-header-right{gap:1rem;max-width:45%}.filter-container{min-width:300px;max-width:400px}}@media (max-width: 1439px){.content-header{flex-direction:column;height:auto;padding:.375rem .5rem}.content-header-row-1{width:100%;border-right:none;border-bottom:1px solid var(--border-light);padding:.25rem .5rem}.content-header-row-2{width:100%;justify-content:center;padding:.25rem .5rem}}@media (min-width: 1920px){.content-header{padding:.5rem 1.5rem;gap:1.5rem}.content-header-left{gap:1.5rem;flex:0 0 60%}.content-header-right{max-width:40%}.filter-container{min-width:350px;max-width:500px}}.page-enter{opacity:0;transform:translateY(20px)}.page-enter-active{opacity:1;transform:translateY(0);transition:opacity .3s ease-out,transform .3s ease-out}.page-exit{opacity:1;transform:translateY(0)}.page-exit-active{opacity:0;transform:translateY(-20px);transition:opacity .2s ease-in,transform .2s ease-in}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.05)}70%{transform:scale(.9)}to{transform:scale(1)}}@keyframes pulse{}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.skeleton{background:linear-gradient(90deg,var(--bg-secondary) 0%,rgba(255,255,255,.1) 50%,var(--bg-secondary) 100%);background-size:1000px 100%;animation:shimmer 2s infinite linear;border-radius:var(--radius-md)}.skeleton-text{height:1em;margin-bottom:.5em;border-radius:var(--radius-sm)}.skeleton-title{height:1.5em;width:40%;margin-bottom:1em}.skeleton-paragraph{height:.875em}.skeleton-avatar{width:40px;height:40px;border-radius:50%}.live-indicator{position:relative;display:inline-block;width:8px;height:8px;background:#ef4444;border-radius:50%;animation:pulse 2s infinite}.live-indicator:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;background:#ef4444;border-radius:50%;animation:pulse 2s infinite}.hover-lift{transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.hover-lift:hover{transform:translateY(-4px)}.hover-scale{transition:transform .2s ease}.hover-scale:hover{transform:scale(1.05)}.button-press:active{transform:scale(.97);transition:transform .1s ease}.fade-in{animation:fadeIn .4s ease-out forwards}.fade-in-delayed{animation:fadeIn .4s ease-out .2s forwards;opacity:0}.scale-in{animation:scaleIn .3s cubic-bezier(.34,1.56,.64,1) forwards}.slide-in-right{animation:slideInRight .4s ease-out forwards}.slide-in-left{animation:slideInLeft .4s ease-out forwards}.stagger-children>*{animation:fadeIn .4s ease-out forwards;opacity:0}.stagger-children>*:nth-child(1){animation-delay:.05s}.stagger-children>*:nth-child(2){animation-delay:.1s}.stagger-children>*:nth-child(3){animation-delay:.15s}.stagger-children>*:nth-child(4){animation-delay:.2s}.stagger-children>*:nth-child(5){animation-delay:.25s}.stagger-children>*:nth-child(6){animation-delay:.3s}.stagger-children>*:nth-child(7){animation-delay:.35s}.stagger-children>*:nth-child(8){animation-delay:.4s}.spinner{display:inline-block;width:20px;height:20px;border:3px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:currentColor;animation:rotate .8s linear infinite}.spinner-lg{width:40px;height:40px;border-width:4px}:root{--text-primary: #0f172a;--text-secondary: #475569;--text-tertiary: #64748b;--link-color: #1e40af;--link-hover: #1e3a8a;--success-dark: #16a34a;--warning-dark: #d97706;--error-dark: #dc2626;--info-dark: #0284c7}[data-theme=dark]{--text-primary: #f8fafc;--text-secondary: #cbd5e1;--text-tertiary: #94a3b8;--link-color: #60a5fa;--link-hover: #93c5fd;--success-dark: #22c55e;--warning-dark: #f59e0b;--error-dark: #ef4444;--info-dark: #0ea5e9}.match-card .team-name{color:var(--text-primary);font-weight:600}.match-card .match-time{color:var(--text-secondary)}.league-header h3,.filter-btn{color:var(--text-primary)}.filter-btn:hover{color:var(--link-color)}.badge-success{background:var(--success-dark);color:#fff;font-weight:600}.badge-warning{background:var(--warning-dark);color:#fff;font-weight:600}.badge-error{background:var(--error-dark);color:#fff;font-weight:600}.badge-info{background:var(--info-dark);color:#fff;font-weight:600}@media (min-width: 1920px){.content-header{padding:.75rem 2rem;gap:1rem}.content-header-left{gap:1rem;flex:0 0 65%}.content-header-right{max-width:35%}.filter-container{min-width:400px;max-width:600px}}@media (min-width: 1400px){.content-header-left{display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:1rem!important;flex:0 0 auto!important;min-width:300px!important;max-width:500px!important;height:40px!important;overflow:visible!important}.sport-selector-new{display:flex!important;width:100%!important;flex:1!important}.sport-select-new{display:flex!important;align-items:center!important;justify-content:space-between!important;font-size:18px!important;min-height:36px!important;width:100%!important;box-sizing:border-box!important;border-radius:0!important;background:var(--bg-secondary)!important;color:var(--text-primary)!important;border:1px solid var(--border-light)!important;padding:0 40px 0 16px!important}.sport-select-new option{background:var(--bg-secondary)!important;color:var(--text-primary)!important;padding:8px 12px!important}.sport-select-content{display:flex!important;align-items:center!important;gap:8px!important;flex:1!important;overflow:hidden!important}.sport-select-arrow{display:flex!important;align-items:center!important;justify-content:center!important;position:absolute!important;right:12px!important;top:50%!important;transform:translateY(-50%)!important;pointer-events:none!important;color:var(--text-secondary)!important}}.match-count{display:inline-flex!important;font-size:.9rem!important;min-width:32px!important;height:32px!important;padding:.3rem .6rem!important}@media (min-width: 1025px){.view-toggle{display:flex!important}}@media (max-width: 1280px){.collapse-button-container{display:flex!important;gap:.5rem;align-items:center;z-index:10}.view-toggle-btn.collapse-all-btn{font-size:.8125rem;padding:.5rem;min-width:40px}.sport-select{min-width:60px;max-width:70px;padding:.5rem 1.5rem .5rem .5rem;font-size:1.2rem;text-overflow:clip;overflow:hidden;white-space:nowrap}}@media (max-width: 768px){.favorites-container{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.content-header,.live-scores-page .content-header,div.live-scores-page .content-header{margin:0 0 10px!important;padding:.5rem!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important;position:sticky!important;top:0!important;z-index:var(--z-sticky)!important;overflow:visible!important;display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:space-between!important;gap:.5rem!important;flex-wrap:nowrap!important;min-height:48px!important;max-height:48px!important;height:48px!important;background:#1e293b!important;border-radius:0!important;border:none!important;border-bottom:2px solid var(--border-light)!important}.content-header-left{flex:1!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:.3rem!important;height:40px!important;margin:0!important;padding:0 10px 0 0!important;flex-direction:row!important;visibility:visible!important;opacity:1!important}.content-header-right{flex:0 0 auto!important;display:flex!important;align-items:center!important;gap:.25rem!important;height:40px!important;margin:0 10px 0 0!important;padding:0!important;justify-content:flex-end!important;flex-direction:row!important}.content-header-right:after{content:"";display:block;width:10px}.sport-select-new{max-width:160px!important;font-size:12px!important;padding:0 .3rem!important;height:32px!important;box-sizing:border-box!important;flex-shrink:0!important;margin-right:0!important}.match-count{margin:0!important;font-size:.65rem!important;padding:.15rem .25rem!important;min-width:24px!important;height:32px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;flex-shrink:0!important}.view-toggle-btn:not(.collapse-all-btn){display:none!important}.view-toggle-btn.collapse-all-btn{height:32px!important;width:32px!important;padding:0!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;flex-shrink:0!important;order:1!important}.sub-content-header .sort-selector.desktop-sort{display:none!important}.content-header-right .sort-selector{display:block!important}.content-header-right .sort-selector.mobile-sort{margin-right:0!important;margin-left:auto!important;order:0!important}.content-header-right .sort-select{font-size:12px!important;padding:0 .4rem!important;height:28px!important;min-width:100px!important;max-width:130px!important;border-radius:4px!important;background:#fff!important;border:1px solid #e2e8f0!important;outline:1px solid #ffffff!important;color:#1e293b!important}.content-header-right .collapse-all-btn.mobile-collapse{width:28px!important;height:28px!important;padding:0!important;margin-right:24px!important;margin-left:10px!important;display:flex!important;align-items:center!important;justify-content:center!important;background:var(--bg-secondary)!important;border:1px solid var(--border-light)!important;border-radius:4px!important;color:var(--text-primary)!important;order:1!important}[data-theme=light] .match-count{background:linear-gradient(135deg,#3b82f6f2,#2563eb)!important;border:2px solid rgba(255,255,255,.8)!important;color:#fff!important}}@media (min-width: 769px){.content-header-right .sort-selector.mobile-sort,.content-header-right .collapse-all-btn.mobile-collapse{display:none!important}.view-toggle{display:flex!important}.content-header-left{flex-direction:row;gap:0;align-items:center}.sport-counter-container{display:flex;align-items:center;gap:.25rem;flex-shrink:0}.content-header-left .sport-selector-new,.content-header-left .match-count{display:inline-flex;align-items:center;margin:0}.content-header-left .match-count{display:inline-flex!important;align-items:center!important;margin:0!important;font-size:.75rem!important;padding:.3rem .6rem!important;min-width:28px!important;height:32px!important;justify-content:center!important;gap:.25rem!important;flex-shrink:0!important}.content-header-left .match-count .live-indicator{width:6px!important;height:6px!important;margin:0!important;padding:0!important;flex-shrink:0!important}[data-theme=light] .content-header-left .match-count{border:1px solid #e2e8f0!important;background:linear-gradient(135deg,#3b82f60d,#2563eb14)!important}.sport-select-new{min-width:120px!important;max-width:160px!important;width:auto!important;font-size:13px!important;padding:0 45px 0 .3rem!important;flex-shrink:0!important;height:28px!important;box-sizing:border-box!important;border-radius:10px!important;margin-right:0!important}.sport-select-inline-counter{right:35px!important;font-size:10px!important;padding:1px 4px!important;height:16px!important;min-width:14px!important}.view-toggle-btn:not(.collapse-all-btn){display:inline-flex!important;align-items:center!important;justify-content:center!important;padding:.2rem .3rem!important;font-size:11px!important;min-width:28px!important;height:28px!important;box-sizing:border-box!important}.view-toggle-btn.collapse-all-btn{padding:.2rem .3rem!important;font-size:11px!important;min-width:28px!important;height:28px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;box-sizing:border-box!important;flex-shrink:0!important;margin:0!important;order:1!important}.live-scores-page{padding:0!important;margin:0!important;box-sizing:border-box!important;overflow-x:hidden!important;width:100%!important}.search-input-wrapper{max-width:100%;flex:1;min-width:250px}.live-scores-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.live-scores-grid.list-view{grid-template-columns:1fr}}@media (max-width: 640px) and (min-width: 481px){.content-header{padding:.5rem;gap:.75rem}.content-header-row-1,.content-header-row-2{gap:.75rem}.filter-container{height:38px}.filter-input{font-size:.875rem;padding:0 .75rem}.sport-select-new{font-size:.875rem;padding:0 .875rem}.sort-select{min-width:95px}}@media (max-width: 480px){.content-header{padding:.5rem;gap:.75rem}.content-header-row-1,.content-header-row-2,.content-header-left{gap:.75rem}.filter-container{height:36px}.filter-input{font-size:.8125rem;padding:0 .625rem}.sort-select{font-size:.6875rem;padding:.375rem .5rem;min-width:90px}.view-toggle{display:none!important}}@media (max-width: 768px){.content-header-row-1,.content-header-row-2{flex-direction:row;flex-wrap:wrap;width:100%;gap:.75rem}.content-header-row-1{justify-content:flex-start}.content-header-row-2{justify-content:space-between}.content-header-left{width:auto;gap:.75rem;align-items:center}.sport-selector-new{width:160px!important;max-width:160px!important}.filter-container{flex:1;width:auto;max-width:none;height:40px}.filter-input{font-size:.875rem;padding:0 .75rem;height:100%}.sort-selector{display:flex;gap:.5rem;align-items:center;flex-shrink:0}.sort-selector label{font-size:.75rem;white-space:nowrap}.sort-select{font-size:.75rem;padding:.5rem;min-width:100px}.view-toggle{position:static;padding:.2rem;z-index:10;margin-left:auto;width:90px}.view-toggle-btn{padding:.4rem}.view-toggle-btn svg{width:16px;height:16px}.search-input-wrapper{max-width:100%;width:100%}}.content-title{font-size:1.5rem}.live-scores-page{padding:0!important;max-width:100%!important;overflow-x:hidden!important;box-sizing:border-box!important}.favorites-container{grid-template-columns:1fr}.favorite-match-card{min-width:100%}.favorites-container.list-view .favorite-content{grid-template-columns:1fr;gap:.5rem}.favorites-container.list-view .favorite-match-card .favorite-status{order:0;margin:0 auto}.favorites-container.list-view .favorite-teams{grid-template-columns:1fr;gap:.375rem}.favorites-container.list-view .favorite-team:first-child,.favorites-container.list-view .favorite-team:last-child{text-align:center}.favorites-container.list-view .favorite-score{text-align:center;margin:0 auto}.live-scores-grid{grid-template-columns:1fr;gap:1rem}.live-scores-grid.list-view .score-section{justify-content:center}.live-scores-grid:not(.list-view) .match-score{font-size:.875rem;font-weight:900;color:#fff;line-height:1.1;text-align:center;font-family:"Exo 2",system-ui,-apple-system,sans-serif;letter-spacing:-.3px;background:linear-gradient(145deg,#3b82f6,#2563eb);padding:.15rem .35rem;border-radius:4px;min-width:35px;width:fit-content;white-space:nowrap}.live-scores-grid.list-view .match-score{font-size:.875rem;font-weight:900;color:#fff;line-height:1.1;text-align:center;font-family:"Exo 2",system-ui,-apple-system,sans-serif;letter-spacing:-.3px;background:linear-gradient(145deg,#3b82f6,#2563eb);padding:.15rem .35rem;border-radius:4px;min-width:35px;width:fit-content;white-space:nowrap}@media (max-width: 480px){.favorites-section h3{font-size:1.25rem}.favorite-teams{flex-direction:column;gap:.5rem}.favorite-team.home,.favorite-team.away{text-align:center}.favorite-score{font-size:.8125rem;font-weight:800;color:#fbbf24;padding:.125rem .375rem;background:#fbbf2426;border-radius:4px;text-align:center;flex-shrink:0;line-height:1.2;min-width:40px}}.score-notifications-container{position:fixed!important;bottom:0!important;left:0!important;right:0!important;z-index:2147483647!important;display:flex!important;flex-direction:column!important;pointer-events:none!important;transform:none!important;margin:0!important;padding:0!important;width:100vw!important;max-width:100vw!important}.score-notification{background:linear-gradient(135deg,#f0f9ff,#e0f2fe,#bae6fd);border-bottom:4px solid #0ea5e9;box-shadow:0 6px 20px #0ea5e940,0 2px 8px #0000001a;padding:.5rem 1.5rem;animation:slideUpNotification .5s cubic-bezier(.175,.885,.32,1.275);pointer-events:auto;cursor:pointer;transition:all .3s ease;width:100%;position:relative;overflow:hidden;margin:0}.score-notification:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:shimmer 3s infinite}@keyframes shimmer{to{left:100%}}@keyframes slideUpNotification{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.score-notification:hover{background:linear-gradient(135deg,#e0f2fe,#bae6fd,#7dd3fc);transform:translateY(-2px);box-shadow:0 8px 24px #0ea5e959,0 3px 10px #00000026}.notification-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.375rem}.notification-league{font-size:.6875rem;font-weight:700;color:#0284c7;text-transform:uppercase;letter-spacing:.8px;text-shadow:0 1px 2px rgba(255,255,255,.8)}.notification-content{display:flex;align-items:center;justify-content:center;gap:.5rem}.notification-content .team-name{font-size:1.5rem;font-weight:500;color:#1e293b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 1px 2px rgba(255,255,255,.5);letter-spacing:.2px;max-width:200px;flex-shrink:1}.notification-content .team-name.home{text-align:right}.notification-content .team-name.away{text-align:left}.notification-team-logo{width:32px;height:32px;min-width:32px;object-fit:contain;flex-shrink:0;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));transition:transform .2s ease}.score-notification:hover .notification-team-logo{transform:scale(1.05)}.score-display{display:flex;align-items:center;gap:.5rem;font-size:2rem;font-weight:900;color:#0f172a;flex-shrink:0;text-shadow:0 2px 4px rgba(14,165,233,.2);margin:0 .75rem;line-height:1;background:transparent}.score-display .score{font-size:2rem;min-width:2.5rem;text-align:center;transition:all .3s cubic-bezier(.175,.885,.32,1.275);background:transparent}.score-display .score.scored{color:#16a34a;animation:blinkScore 1.5s ease-in-out 3}.score-display .score.decreased{color:#dc2626;animation:blinkScore 1.5s ease-in-out 3}@keyframes blinkScore{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(1.2)}}.score-display .score-separator{color:#64748b;font-weight:800;font-size:1.5rem;background:transparent}@media (max-width: 768px){.score-notification{padding:.5rem .75rem}.notification-header{margin-bottom:.375rem}.notification-league{font-size:.625rem;letter-spacing:.6px}.notification-content{gap:.375rem}.notification-content .team-name{font-size:1.125rem;max-width:120px}.notification-team-logo{width:28px;height:28px;min-width:28px}.score-display{font-size:1.5rem;gap:.375rem;margin:0 .5rem}.score-display .score{font-size:1.5rem;min-width:2rem}.score-display .score{min-width:2.75rem}.score-display .score-separator{font-size:1.125rem}}.results-fixtures-layout{display:grid;grid-template-columns:300px 1fr 300px;grid-template-areas:"left-ad main-content right-ad";gap:1.5rem;padding:0 1rem;max-width:100%;margin:0 auto;min-height:calc(100vh - 120px);width:100%}.results-fixtures-left-ad{position:relative;grid-area:left-ad}.results-fixtures-right-ad{position:relative;grid-area:right-ad}.results-fixtures-page{grid-area:main-content;padding:0 1.5rem 1.5rem;width:100%;min-width:0}.results-fixtures-left-ad .ad-sticky,.results-fixtures-right-ad .ad-sticky{position:sticky;top:100px;height:fit-content}@media (max-width: 1400px) and (min-width: 1201px){.results-fixtures-layout{grid-template-columns:250px 1fr 250px;gap:1.25rem}}@media (max-width: 1200px) and (min-width: 1025px){.results-fixtures-layout{grid-template-columns:200px 1fr 200px;gap:1rem}}@media (max-width: 1024px) and (min-width: 769px){.results-fixtures-layout{grid-template-columns:160px 1fr;grid-template-areas:"left-ad main-content";gap:1rem;padding:0 .75rem}.results-fixtures-right-ad{display:none!important}}@media (max-width: 768px){.results-fixtures-layout{grid-template-columns:1fr;grid-template-areas:"main-content";gap:1rem;padding:0 .5rem}.results-fixtures-left-ad,.results-fixtures-right-ad{display:none!important}}.page-title-section{margin-bottom:1rem;padding-bottom:1.5rem;border-bottom:2px solid var(--border-color)}.page-title{font-size:2rem;font-weight:800;color:var(--text-primary);margin:0 0 .5rem}.page-subtitle{font-size:1rem;color:var(--text-secondary);margin:0}.results-fixtures-header{margin-bottom:.5rem}.date-picker-section{display:flex;justify-content:center;margin-bottom:.5rem}.calendar-header{width:100%;margin-top:2px;margin-bottom:.5rem;padding:0 .75rem;background:var(--card-bg);border:none}.mobile-nav-arrow{background:linear-gradient(135deg,#fff3,#ffffff1a);border:2px solid rgba(255,255,255,.3);border-radius:12px;padding:7px;color:#fff;cursor:pointer;transition:all .3s ease;width:38px;height:38px;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(15px);position:relative;overflow:hidden}.mobile-nav-arrow:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent,rgba(255,255,255,.1),transparent);transform:rotate(45deg);transition:transform .6s ease;opacity:0}.mobile-nav-arrow:hover{background:linear-gradient(135deg,#ffffff4d,#ffffff26);border-color:#ffffff80}.mobile-nav-arrow:hover:before{opacity:1;transform:rotate(45deg) translate(100%)}.mobile-nav-arrow:active{background:linear-gradient(135deg,#ffffff59,#fff3);transform:scale(.95)}.mobile-nav-arrow svg{width:24px;height:24px;stroke-width:2.5;filter:drop-shadow(0 1px 2px rgba(0,0,0,.3))}.mobile-nav-arrow-left,.mobile-nav-arrow-right{flex-shrink:0}[data-theme=light] .mobile-nav-arrow{background:linear-gradient(135deg,#ffffffe6,#f8fafccc);border:2px solid rgba(71,85,105,.3);color:#475569}[data-theme=light] .mobile-nav-arrow:hover{background:linear-gradient(135deg,#fff,#f1f5f9e6);border-color:#47556980}[data-theme=light] .mobile-nav-arrow:active{background:linear-gradient(135deg,#f1f5f9,#e2e8f0e6)}[data-theme=light] .mobile-nav-arrow svg{filter:drop-shadow(0 1px 2px rgba(71,85,105,.2))}.calendar-scroll-container{display:flex;align-items:center;width:100%;gap:.5rem}.calendar-days{flex:1;display:flex;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;gap:.375rem;min-width:0}.calendar-days::-webkit-scrollbar{display:none}.calendar-header.mobile-view .calendar-scroll-container{overflow-x:auto;padding-bottom:.25rem}.calendar-header.mobile-view .calendar-days{gap:.25rem;justify-content:flex-start;min-width:max-content}.calendar-header.mobile-view .calendar-day-btn{flex:1;min-width:40px}.calendar-scroll-container{width:100%;overflow:visible}.calendar-scroll-container::-webkit-scrollbar{height:6px}.calendar-scroll-container::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:3px}.calendar-scroll-container::-webkit-scrollbar-thumb{background:var(--primary-color);border-radius:3px}.calendar-days{display:flex;gap:.375rem;justify-content:space-between;width:100%}.calendar-day-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.05rem;padding:.25rem .1rem;flex:1 1 auto;min-width:35px;max-width:60px;height:38px;background:var(--bg-secondary);border:1px solid rgba(148,163,184,.2);border-radius:6px;cursor:pointer;transition:all .2s ease;flex-shrink:1;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;color:var(--text-secondary)}.calendar-day-btn.future{background:#3b82f61a;border-color:#3b82f64d;color:#3b82f6cc}.calendar-day-btn.future:hover{background:#3b82f633;border-color:#3b82f680;color:#3b82f6}.calendar-day-btn.selected{background:#dc2626;border:1px solid rgb(220,38,38);color:#fff;font-weight:600}.calendar-day-btn.today{background:linear-gradient(135deg,#f59e0b26,#fbbf241a);border:2px solid rgba(245,158,11,.6);color:#f59e0b;font-weight:700}.calendar-day-btn.today:hover{background:linear-gradient(135deg,#f59e0b40,#fbbf2426);border-color:#f59e0bcc}.calendar-day-btn.today.selected{background:linear-gradient(135deg,#dc2626,#b91c1ce6);border:2px solid rgba(220,38,38,1);color:#fff}[data-theme=light] .calendar-day-btn.past{background:#47556926;border-color:#47556966;color:#475569}[data-theme=light] .calendar-day-btn.past:hover{background:#47556940;border-color:#47556999;color:#475569}[data-theme=light] .calendar-day-btn.future{background:#1d4ed826;border-color:#1d4ed866;color:#1d4ed8}[data-theme=light] .calendar-day-btn.future:hover{background:#1d4ed840;border-color:#1d4ed899;color:#1d4ed8}[data-theme=light] .calendar-day-btn.today{background:linear-gradient(135deg,#d9770633,#f59e0b26);border:2px solid rgba(217,119,6,.8);color:#b45309;font-weight:700}[data-theme=light] .calendar-day-btn.today:hover{background:linear-gradient(135deg,#d977064d,#f59e0b40);border-color:#d97706;color:#9a3412}[data-theme=light] .calendar-day-btn.selected{color:#fff!important;background:#dc2626!important;border:1px solid rgb(220,38,38)!important}[data-theme=light] .calendar-day-btn.selected:hover{color:#fff!important;background:#b91c1c!important;border:1px solid rgb(185,28,28)!important}[data-theme=light] .calendar-day-btn.today.selected{color:#fff!important;background:#dc2626!important;border:1px solid rgb(220,38,38)!important}[data-theme=light] .calendar-day-btn.today.selected:hover{color:#fff!important;background:#b91c1c!important;border:1px solid rgb(185,28,28)!important}.calendar-day-btn.past{background:#94a3b81a;border-color:#94a3b866;color:#94a3b8cc}.calendar-day-btn.past:hover{background:#94a3b833;border-color:#94a3b899;color:#94a3b8}.calendar-weekday{font-size:.55rem;font-weight:600;text-transform:uppercase;letter-spacing:.3px;color:inherit;line-height:1;opacity:.8}.calendar-day-btn.selected .calendar-weekday,.calendar-day-btn.today.selected .calendar-weekday{color:#fff;opacity:1}.calendar-date{font-size:1.125rem;font-weight:700;color:inherit;line-height:1}.calendar-day-btn.selected .calendar-date,.calendar-day-btn.today.selected .calendar-date{color:#fff}@media (max-width: 480px){.calendar-header.mobile-view .calendar-days{gap:.1rem}.calendar-header.mobile-view .calendar-day-btn{min-width:32px;height:36px;padding:.1rem}.calendar-day-btn.selected{background:#dc2626!important;border:1px solid rgb(220,38,38)!important;color:#fff!important;flex:1!important;min-width:32px!important;font-weight:600!important}.calendar-weekday{display:none!important}.calendar-date{font-size:.5625rem!important;font-weight:600!important}.calendar-day-btn.selected .calendar-date{color:#fff!important;font-weight:700!important}.mobile-nav-arrow{width:32px!important;height:32px!important;padding:4px!important}.mobile-nav-arrow svg{width:18px!important;height:18px!important}.calendar-scroll-container{gap:.25rem!important}}.date-picker-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;min-height:32px;height:32px;background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:12px;color:var(--text-primary);font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap;box-sizing:border-box}.date-picker-btn:hover{border-color:var(--primary-color);background:var(--primary-color);color:#fff}.date-picker-backdrop{position:fixed;inset:0;background:#00000080;z-index:1000;backdrop-filter:blur(4px)}.date-picker-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--card-bg);border:2px solid var(--border-color);border-radius:16px;padding:2rem;z-index:1001;min-width:320px}.date-picker-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.date-picker-header h3{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin:0}.date-picker-header button{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:.5rem;border-radius:6px;transition:all .2s ease}.date-picker-header button:hover{background:var(--bg-secondary);color:var(--text-primary)}.date-picker-input{width:100%;padding:.875rem;border:2px solid var(--border-color);border-radius:8px;background:var(--bg-secondary);color:var(--text-primary);font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease}.date-picker-input:hover,.date-picker-input:focus{border-color:var(--primary-color);outline:none}.selected-date-display{display:flex;flex-direction:column;justify-content:center;gap:.125rem;padding:.25rem 1rem;min-height:32px;height:32px;background:var(--bg-secondary);border-radius:12px;border:1px solid var(--border-color);box-sizing:border-box}.date-label{font-size:.875rem;font-weight:700;color:var(--text-primary);line-height:1}.matches-count{font-size:.625rem;color:var(--text-secondary);font-weight:500;line-height:1}.results-fixtures-header{margin:0;padding:0;line-height:1;font-size:0;border:none;outline:none;box-sizing:border-box}.tab-navigation{display:flex;gap:1rem;margin-bottom:1.5rem;border-bottom:2px solid var(--border-color)}.tab-btn{display:flex;align-items:center;gap:.5rem;padding:1rem 1.5rem;background:transparent;border:none;border-bottom:3px solid transparent;color:var(--text-secondary);font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;position:relative;bottom:-2px}.tab-btn:hover{color:var(--primary-color)}.tab-btn.active{color:var(--primary-color);border-bottom-color:var(--primary-color)}.tab-icon{font-size:1.25rem}.filters-row{display:flex;gap:0;align-items:center;flex-wrap:nowrap;justify-content:flex-start;width:100%;margin:0;padding:0;box-sizing:border-box;line-height:1;font-size:0;border:none;outline:none;vertical-align:top}.filters-container-full{display:grid;grid-template-columns:22% 32% 23% 23%;gap:0;align-items:center;width:100%;background:linear-gradient(135deg,#1e293bf2,#334155e6);margin:0;min-height:30px;height:40px;backdrop-filter:blur(12px);box-sizing:content-box;position:relative;z-index:10;transform:none!important;-webkit-transform:none!important;line-height:1;font-size:0;vertical-align:center}.results-fixtures-header .filter-column-1{overflow:visible!important;position:relative;z-index:10000}.filter-column{height:38px;max-height:38px;min-height:38px;display:flex;align-items:center;padding:0;box-sizing:border-box;transform:none!important;-webkit-transform:none!important;border-right:1px solid rgba(148,163,184,.2);transition:all .3s ease;position:relative;overflow:hidden}.filter-column:last-child{border-right:none}.filter-column:hover{background:#ffffff1a}[data-theme=light] .filter-column{border-right-color:#e2e8f080!important}[data-theme=light] .filter-column:hover{background:#93c5fd1a!important}.filter-column-4{justify-content:center;text-align:center;font-weight:600;color:var(--text-primary);font-size:12px;background:#ffffff1a;border:1px solid rgba(255,255,255,.15);border-radius:4px;margin:4px 3px;height:30px;max-height:30px;min-height:30px;width:calc(100% - 6px);transition:all .3s ease;overflow:hidden}.filter-column-4:hover{background:#fff3;border-color:#ffffff40;transform:translateY(-1px)}[data-theme=light] .filter-column-4{background:#ffffffb3;border:1px solid rgba(147,197,253,.3);color:var(--primary-blue)}[data-theme=light] .filter-column-4:hover{background:#fffffff2;border-color:#3b82f680}.filter-column-1{padding:0!important}.filter-column-1 .sport-selector-new{width:100%;height:100%;border-radius:0;padding:0 56px 0 8px}.filter-column-1 .sport-select-new{border-radius:0;padding:0 36px 0 8px}.filter-column *,.filter-column *:hover,.filter-column *:active,.filter-column *:focus{transform:none!important;-webkit-transform:none!important;animation:none!important;transition:background-color .2s ease,color .2s ease,opacity .2s ease!important}.filters-container-full,.filters-container-full *,.filters-container-full *:before,.filters-container-full *:after{transform:none!important;-webkit-transform:none!important;-moz-transform:none!important;-ms-transform:none!important;animation:none!important;-webkit-animation:none!important}.filter-column-1,.filter-column-2,.filter-column-3{border-right:1px solid rgba(148,163,184,.15)}.filter-column-4{border-right:none}@keyframes expandSearchBox{0%{width:42px;padding:0 8px}to{width:calc(100% - 6px);padding:0 12px}}@keyframes fadeInInput{0%{opacity:0}60%{opacity:0}to{opacity:1}}.filter-column-2 .search-input-wrapper{width:calc(100% - 6px);height:30px!important;max-height:30px!important;min-height:30px!important;background:#eee!important;border:2px solid rgba(59,130,246,.4)!important;border-radius:10px!important;color:#1f2937!important;font-size:14px!important;font-weight:600!important;font-family:"Exo 2",system-ui,-apple-system,sans-serif!important;padding:0 12px!important;margin:4px 3px!important;box-sizing:border-box!important;cursor:text!important;outline:none!important;transition:all .4s cubic-bezier(.4,0,.2,1)!important;text-align:left!important;letter-spacing:.5px!important;display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;gap:8px!important;overflow:hidden!important;backdrop-filter:blur(16px)!important;-webkit-backdrop-filter:blur(16px)!important;position:relative}.filter-column-2 .search-input-wrapper:hover{border-color:#3b82f699!important}.filter-column-2 .search-input-wrapper:focus-within{border-color:#3b82f6cc!important}[data-theme=light] .filter-column-2 .search-input-wrapper{background:#374151!important;border:2px solid rgba(59,130,246,.4)!important;border-radius:10px!important;color:#fff!important;backdrop-filter:blur(8px)!important;-webkit-backdrop-filter:blur(8px)!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important}[data-theme=light] .filter-column-2 .search-input-wrapper:hover{background:#4b5563!important;border-color:#3b82f699!important}[data-theme=light] .filter-column-2 .search-input-wrapper:focus-within{background:#1f2937!important;border-color:#3b82f6cc!important}[data-theme=light] .filter-column-2 .search-input-wrapper svg{color:#fffc!important}[data-theme=light] .filter-column-2 .search-input-wrapper:hover svg{color:#fff!important}[data-theme=light] .filter-column-2 .search-input-wrapper input{color:#fff!important}[data-theme=light] .filter-column-2 .search-input-wrapper input::placeholder{color:#ffffffbf!important}.filter-column-2 .search-input-wrapper svg{color:#1f2937b3!important;flex-shrink:0}.filter-column-2 .search-input-wrapper:hover svg{color:#1f2937!important}.filter-column-2 .search-input-wrapper input{color:#1f2937!important;background:transparent!important;border:none!important;outline:none!important;flex:1;height:100%;animation:fadeInInput 1.5s ease-out forwards}.filter-column-2 .search-input-wrapper input::placeholder{color:#1f293799!important}.filter-column .sport-selector-container{display:flex;width:100%;height:30px;max-height:30px;min-height:30px;background:transparent;position:relative;margin:4px 3px;box-sizing:border-box}.sport-selector-new{width:100%;position:relative;height:30px;max-height:30px;min-height:30px;z-index:1001;display:flex;align-items:center;margin:0;box-sizing:border-box}.sport-select-new{height:30px!important;max-height:30px!important;min-height:30px!important;border:none!important;border-radius:4px!important;background:#ffffff26!important;color:var(--text-primary)!important;font-weight:600!important;font-size:13px!important;padding:0 32px 0 12px!important;transition:all .3s ease!important;width:calc(100% - 6px)!important;box-sizing:border-box!important;justify-content:flex-start!important;text-align:left!important;display:flex!important;align-items:center!important;position:relative!important;cursor:pointer!important;margin:4px 3px!important;border:1px solid rgba(255,255,255,.2)!important}.sport-select-new:hover{background:#ffffff40!important;border-color:#fff6!important;transform:translateY(-1px)!important}[data-theme=light] .sport-select-new{background:#fffc!important;border:1px solid rgba(147,197,253,.4)!important;color:var(--text-primary)!important}[data-theme=light] .sport-select-new:hover{background:#fff!important;border-color:#3b82f699!important;color:var(--primary-blue)!important}.filter-column .sport-select-button{flex:1;height:100%;border:none;border-radius:0;background:transparent;color:var(--text-primary);font-weight:600;font-size:14px;padding:0 12px;transition:background-color .3s ease,color .3s ease;box-sizing:border-box;text-align:left;display:flex;align-items:center;cursor:pointer;transform:none!important}.filter-column .sport-arrow-container{width:32px;height:100%;display:flex;align-items:center;justify-content:center;background:#ffffff0d;border-left:1px solid rgba(255,255,255,.1);color:var(--text-secondary);cursor:pointer;transition:all .3s ease}.sport-select-content,.filter-column .sport-select-content,.sport-selector-new .sport-select-content{display:flex!important;align-items:center!important;gap:8px!important;flex:1!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;padding-right:24px!important;max-width:calc(100% - 24px)!important}.filter-column .sport-select-button:hover{background:#ffffff14!important;color:var(--text-primary)!important}.filter-column .sport-arrow-container:hover{background:#ffffff1a;color:var(--text-primary);transform:rotate(180deg)}.filter-column .sport-dropdown-custom.show~.sport-selector-container .sport-arrow-container{background:#ffffff1a;color:var(--text-primary);transform:rotate(180deg)}.filter-column .search-input-wrapper{width:100%;height:100%;background:transparent;border:none;padding:0 12px;margin:0;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:8px;transition:none;position:relative;cursor:text}.filter-column .search-input-wrapper:hover,.filter-column .search-input-wrapper:focus-within,.filter-column .search-input-wrapper:active{border:none!important;border-top:none!important;border-bottom:none!important;outline:none!important;background:#ffffff0d!important}.filter-column .search-input-wrapper input{background:transparent;border:none;color:var(--text-primary);font-size:14px;font-weight:500;min-width:0;height:100%;outline:none;text-align:left;transition:none;padding:0 0 0 8px;flex:1}.filter-column .search-input-wrapper input::placeholder{color:var(--text-secondary);opacity:.7}.filter-column .search-input-wrapper svg{position:relative!important;color:var(--text-secondary);flex-shrink:0;width:18px;height:18px;margin-right:0;right:auto!important;top:auto!important;transform:none!important;pointer-events:auto}.filter-column .search-input-wrapper button{background:none;border:none;color:#94a3b8b3;cursor:pointer;padding:2px;display:flex;align-items:center;justify-content:center;flex-shrink:0;width:20px;height:20px;margin-left:4px;transition:color .2s ease}.filter-column .search-input-wrapper button:hover{color:#ef4444e6}.sport-dropdown-backdrop{position:fixed;inset:0;background:#0000001a;z-index:999}.filter-column .sport-dropdown-custom{position:absolute;top:100%;left:0;right:auto;width:auto;min-width:100%;max-width:280px;max-height:400px;overflow-y:auto;background:var(--bg-secondary);border:1px solid var(--border-light);z-index:10001!important;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease;backdrop-filter:blur(20px)}.filter-column .sport-dropdown-custom.show{opacity:1!important;visibility:visible!important;pointer-events:all!important;z-index:10001!important}.filter-column .sport-dropdown-option{display:flex!important;align-items:center!important;justify-content:space-between!important;padding:14px 18px!important;cursor:pointer!important;pointer-events:auto!important;user-select:none!important;transition:all .2s ease;border-bottom:1px solid rgba(148,163,184,.1);font-weight:500}.filter-column .sport-dropdown-option:last-child{border-bottom:none}.filter-column .sport-dropdown-option:first-child{border-top:none}.filter-column .sport-dropdown-option:hover{background:linear-gradient(135deg,#6366f11a,#a855f70d);color:var(--text-primary);transform:translate(2px)}.filter-column .sport-dropdown-option.selected{background:linear-gradient(135deg,#6366f126,#a855f71a);color:var(--text-primary);font-weight:600}.filter-column .sport-dropdown-option .sport-option-content{display:flex;align-items:center;gap:12px}.filter-column .sport-dropdown-option .sport-icon{font-size:18px;display:flex;align-items:center}.filter-column .sport-dropdown-option .sport-name{font-size:15px;color:var(--text-primary)}.filter-column .sport-dropdown-option .sport-option-check{color:var(--primary-color);font-weight:700;font-size:16px}.filter-column .sport-dropdown-custom.show{opacity:1;transform:translateY(0);pointer-events:all}.filters-container{display:flex;gap:0;align-items:stretch;background:linear-gradient(135deg,#fffffff2,#f8fafce6);border:none;padding:0;margin:-1px 0 0;min-height:38px;height:38px;width:fit-content;max-width:800px;backdrop-filter:blur(12px);box-sizing:border-box;overflow:hidden;position:relative;line-height:1;font-size:0;vertical-align:top}@media (max-width: 1439px){.filters-container-full{display:flex!important;flex-wrap:wrap!important;grid-template-columns:none!important;gap:2px!important;align-items:stretch!important;height:auto!important;max-height:none!important;min-height:76px!important;padding:4px 6px 6px!important;overflow:visible!important;box-sizing:border-box!important}.filter-column-1{order:1;flex:1 1 220px;min-width:220px;max-width:none;width:auto;height:30px}.filter-column-3{order:2;flex:0 0 140px;min-width:140px;height:30px}.filter-column-4{order:3;flex:0 0 90px;min-width:90px;height:30px;display:none!important}.filter-column-2{order:4;flex:1 1 100%!important;width:100%!important;max-width:100%!important;margin-top:2px;margin-left:0!important;margin-right:0!important;display:block!important;height:38px!important;min-height:38px!important;max-height:38px!important;box-sizing:border-box!important;overflow:visible!important;border-right:none!important}.filter-column-2 .search-input-wrapper{width:100%!important;max-width:100%!important;display:flex!important;height:38px!important;min-height:38px!important;max-height:38px!important;margin:0!important;padding:0 14px!important;font-size:15px!important;box-sizing:border-box!important;border-radius:10px!important;overflow:visible!important}.filter-column-2 .search-input-wrapper input{font-size:15px!important;width:100%!important;flex:1!important}.filter-column-2 .search-input-wrapper svg{width:18px;height:18px}.filter-column{height:30px!important;max-height:30px!important;min-height:30px!important}.filter-column-1 .sport-select-new{font-size:12px!important}.filter-column-4{margin:0!important;padding:0!important;width:auto!important;background:#ffffff1a!important;border:1px solid rgba(255,255,255,.15)!important;border-radius:4px!important;font-size:11px!important;font-weight:600!important}}@media (max-width: 480px){.filters-container-full{min-height:82px!important;max-height:none!important;padding:5px 7px 7px!important;gap:3px!important;overflow:visible!important;box-sizing:border-box!important}.filter-column-2{height:40px!important;min-height:40px!important;max-height:40px!important;flex:1 1 100%!important;width:100%!important;max-width:100%!important;margin-left:0!important;margin-right:0!important;box-sizing:border-box!important;overflow:visible!important;border-right:none!important}.filter-column-2 .search-input-wrapper{height:40px!important;min-height:40px!important;max-height:40px!important;font-size:16px!important;padding:0 15px!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important;overflow:visible!important;margin:0!important}.filter-column-2 .search-input-wrapper input{font-size:16px!important}.filter-column-2 .search-input-wrapper svg{width:20px;height:20px}.filter-column-1{min-width:160px!important;max-width:none!important;flex:1 1 160px!important}.filter-column-1 .sport-select-new{font-size:11px!important}.filter-column-3{min-width:110px!important}.filter-column-4{display:none!important}}.filters-container:before{content:"";position:absolute;inset:0;background:linear-gradient(45deg,transparent 40%,rgba(148,163,184,.03) 50%,transparent 60%);opacity:0;transition:opacity .3s ease;pointer-events:none}.filters-container:hover:before{opacity:1}[data-theme=light] .filters-container .search-input-wrapper,.filters-container .search-input-wrapper{width:calc(100% - 6px);height:30px!important;max-height:30px!important;min-height:30px!important;border:1px solid rgba(148,163,184,.2);border-radius:0;background:#ffffff08;color:var(--text-primary);font-size:14px;font-weight:600;font-family:"Exo 2",system-ui,-apple-system,sans-serif;padding:0 12px;margin:4px 3px;box-sizing:border-box;cursor:pointer;outline:none;transition:all .3s cubic-bezier(.4,0,.2,1);text-align:center;letter-spacing:.5px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;gap:6px;overflow:hidden}.filter-column label.search-input-wrapper,label.search-input-wrapper{height:30px!important;max-height:30px!important;min-height:30px!important;margin:4px 3px!important;box-sizing:border-box!important}.filters-container .search-input-wrapper:hover{background:#ffffff14;border-color:#6366f166;transform:translateY(-1px)}.filters-container .search-input-wrapper:focus-within{background:#ffffff1a;border-color:#6366f199;transform:translateY(-2px)}[data-theme=light] .filters-container .search-input-wrapper{background:#ffffff08!important;border:1px solid rgba(148,163,184,.2)!important;border-radius:0!important;backdrop-filter:blur(8px)!important;-webkit-backdrop-filter:blur(8px)!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important}[data-theme=light] .filters-container .search-input-wrapper:hover{background:#ffffff14!important;border-color:#6366f166!important;transform:translateY(-1px)!important}[data-theme=light] .filters-container .search-input-wrapper:focus-within{background:#ffffff1a!important;border-color:#6366f199!important;transform:translateY(-2px)!important}.filters-container .search-input-wrapper input{background:transparent;border:none;color:var(--text-primary);font-size:14px;font-weight:600;font-family:"Exo 2",system-ui,-apple-system,sans-serif;width:100%;height:100%;outline:none;text-align:center;padding:0;margin:0;box-sizing:border-box;transition:all .3s ease;letter-spacing:.5px}[data-theme=light] .filters-container .search-input-wrapper input{color:var(--text-primary)}.filters-container .search-input-wrapper input::placeholder{color:#94a3b899;text-align:left}[data-theme=light] .filters-container .search-input-wrapper input::placeholder{color:var(--text-secondary);opacity:.7}.filters-container .search-input-wrapper svg{color:#94a3b8b3;flex-shrink:0}.filters-container .sport-selector-new{flex-shrink:0;min-width:120px;max-width:140px;position:relative;height:30px;max-height:30px;min-height:30px;margin:4px 3px;box-sizing:border-box}.filters-container .sport-select-new{height:30px;max-height:30px;min-height:30px;border:none;border-radius:12px 0 0 12px;background:#47556980;color:var(--text-primary);font-weight:600;font-size:14px;padding:0 35px 0 14px;transition:all .3s cubic-bezier(.4,0,.2,1);border-right:1px solid rgba(148,163,184,.15);width:100%;box-sizing:border-box}.filters-container .sport-select-new:hover{background:#475569b3;color:#e2e8f0}.filter-column .sport-select-new:hover{background:linear-gradient(135deg,#ffffff1a,#ffffff0d)!important;color:#fff!important;backdrop-filter:blur(12px)!important}.filter-column .sport-selector-new{width:calc(100% - 6px);height:30px;max-height:30px;min-height:30px;display:flex;align-items:center;margin:4px 3px;box-sizing:border-box}.filter-column .sport-select-new{width:100%;height:30px;max-height:30px;min-height:30px;display:flex;align-items:center;justify-content:space-between;padding:0 12px;margin:0;box-sizing:border-box}.filter-column .sport-select-content{display:flex;align-items:center;gap:8px}.filter-column .sport-select-arrow,.sport-selector-new .sport-select-arrow{display:flex!important;align-items:center!important;justify-content:center!important;width:16px!important;height:16px!important;flex-shrink:0!important;position:absolute!important;right:12px!important;top:50%!important;transform:translateY(-50%)!important;color:var(--text-secondary)!important;transition:all .3s ease!important;z-index:10!important}.filter-column .sport-select-arrow svg,.sport-selector-new .sport-select-arrow svg{width:16px!important;height:16px!important;display:block!important}.sport-select-new:hover .sport-select-arrow,.filter-column .sport-select-new:hover .sport-select-arrow{color:var(--text-primary)!important;transform:translateY(-50%) rotate(180deg)!important}.filters-container .date-picker-btn{white-space:nowrap;flex-shrink:0;background:#0f172af2;border:2px solid rgba(59,130,246,.4);border-radius:8px;margin:4px 3px;padding:6px 12px;height:30px;max-height:30px;min-height:30px;color:#fff;font-weight:600;font-size:12px;display:flex;align-items:center;gap:6px;cursor:pointer;transition:all .3s ease;min-width:90px}.filters-container .date-picker-btn:hover{background:#1e293bf2;border-color:#3b82f699}[data-theme=light] .filters-container .date-picker-btn{background:#ffffffb3;border:1px solid rgba(147,197,253,.3);color:var(--text-primary)}[data-theme=light] .filters-container .date-picker-btn:hover{background:#fffffff2;border-color:#3b82f680;color:var(--primary-blue)}.filters-container .selected-date-display{white-space:nowrap;flex-shrink:0;background:linear-gradient(135deg,#22c55e1a,#10b9810d);border:none;margin:0;padding:0 14px;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1px;border-radius:0 12px 12px 0;transition:all .3s ease;min-width:80px;position:relative}.filters-container .selected-date-display:before{content:"";position:absolute;left:0;top:20%;bottom:20%;width:2px;background:linear-gradient(to bottom,transparent,rgba(34,197,94,.5),transparent);border-radius:1px}.filters-container .selected-date-display:hover{background:linear-gradient(135deg,#22c55e26,#10b9811a)}.filters-container .date-label{font-size:12px;font-weight:700;color:var(--text-primary);line-height:1;text-align:center}.filters-container .matches-count{font-size:10px;color:#22c55ee6;font-weight:600;line-height:1;text-align:center;text-transform:uppercase;letter-spacing:.5px}.results-fixtures-content{margin-top:1rem}.matches-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem;min-height:60vh;padding-bottom:2rem}.time-group{margin-bottom:1.5rem}.time-group-header{background:linear-gradient(135deg,var(--primary-color),var(--primary-color-light));color:#fff;padding:.75rem 1rem;border-radius:8px 8px 0 0;font-weight:700;font-size:1rem;display:flex;align-items:center;gap:.5rem;margin-bottom:0;position:sticky;top:0;z-index:10}.time-display{font-size:1.1rem;font-weight:800;letter-spacing:.5px}.league-group{border:1px solid var(--border-color);border-top:none;background:var(--card-bg)}.league-group:last-child{border-radius:0 0 8px 8px;margin-bottom:0}.league-group-header{background:#243447;border-bottom:1px solid var(--border-color);padding:0 .75rem 0 .875rem;display:flex;align-items:center;gap:.75rem;font-weight:600;font-size:.875rem;color:var(--text-primary);position:relative;min-height:30px;max-height:30px}.league-group-header .league-name{flex:1;font-weight:700;font-size:.925rem}.league-group-header .matches-count{color:var(--text-secondary);font-size:.8rem;font-weight:600;opacity:.8}.league-matches{background:var(--card-bg)}.league-matches .match-result-row,.league-matches .match-fixture-row{border-bottom:1px solid rgba(255,255,255,.1);border-radius:0}.league-matches .match-result-row:last-child,.league-matches .match-fixture-row:last-child{border-bottom:none}[data-theme=light] .league-matches .match-result-row,[data-theme=light] .league-matches .match-fixture-row{border-bottom:1px solid #e5e7eb;border-radius:0}[data-theme=light] .time-group-header{background:linear-gradient(135deg,#3b82f6,#60a5fa);color:#fff}[data-theme=light] .league-group-header{background:#cbd5e1f2;border-color:#bac7d5f2;color:#1f2937}[data-theme=light] .match-row-home-team,[data-theme=light] .match-row-away-team,[data-theme=light] .match-row-score-section{color:#1f2937}[data-theme=light] .match-row-time-status{color:#4b5563}[data-theme=light] .match-row-vs{color:#6b7280}[data-theme=light] .match-status-text{color:#1f2937!important}[data-theme=light] .match-status-container.status-scheduled .match-status-text{color:#fff!important}[data-theme=light] .match-row .home-team-name,[data-theme=light] .match-row .away-team-name{color:#1e293b}[data-theme=light] .match-row .match-score,[data-theme=light] .match-row .score-home,[data-theme=light] .match-row .score-away{color:#1e293b!important}[data-theme=light] .match-row .score-separator{color:#64748b!important}[data-theme=light] .match-row.scheduled .score-separator{color:#fff!important}[data-theme=light] .match-row .match-minute,[data-theme=light] .match-row .match-period{color:#dc2626}[data-theme=light] .match-row .match-status-text{color:#475569!important}[data-theme=light] .match-status-container.status-scheduled .match-status-text,[data-theme=light] .match-row .match-status-container.status-scheduled .match-status-text,[data-theme=light] .home-match-row .match-status-container.status-scheduled .match-status-text{color:#fff!important}[data-theme=light] .match-row .favorite-star{color:#94a3b8}[data-theme=light] .match-row .vs-text{color:#64748b}[data-theme=light] .match-row .stats-toggle-btn{color:#94a3b8}[data-theme=light] .match-row .team-logo-placeholder{background:#0000001a}[data-theme=light] .match-row{border-bottom:1px solid #e5e7eb;border-radius:0}[data-theme=light] .match-row:hover{background:#00000008}[data-theme=light] .match-row.live{background:#3b82f62e;border-bottom:1px solid #e5e7eb;border-radius:0}[data-theme=light] .match-row.live:hover{background:#3b82f640}[data-theme=light] .match-row.finished{background:#94a3b833;border-bottom:1px solid #e5e7eb;border-radius:0}[data-theme=light] .match-row.finished:hover{background:#94a3b847}[data-theme=light] .match-row.scheduled{background:#fff;border-bottom:1px solid #e5e7eb;border-radius:0}[data-theme=light] .match-row.scheduled:hover{background:#00000005}[data-theme=light] .score-card.live{background:#3b82f612;border-color:#3b82f633}[data-theme=light] .score-card.live:not(.is-favorite):hover{background:#3b82f61f}[data-theme=light] .score-card.finished{background:#94a3b814;border-color:#94a3b82e}[data-theme=light] .score-card.finished:not(.is-favorite):hover{background:#94a3b824}[data-theme=light] .score-card.scheduled{background:#fff;border-color:#00000014}[data-theme=light] .score-card.scheduled:not(.is-favorite):hover{background:#00000005}[data-theme=light] .league-group-header .league-name{color:#1f2937}[data-theme=light] .league-group-header .matches-count{color:#6b7280}@media (max-width: 768px){.time-group-header{padding:.5rem .75rem;font-size:.9rem}.league-group-header{padding:0 .75rem;font-size:.8rem;max-height:36px}.time-display{font-size:1rem}}.match-result-row,.match-fixture-row{display:grid;grid-template-columns:50px 1.8fr 85px 1.2fr 60px;align-items:center;gap:.5rem;padding:0 .75rem;border-bottom:1px solid rgba(255,255,255,.1);border-radius:0;transition:all .2s ease;height:auto;min-height:32px;max-height:36px;font-size:.85rem;cursor:pointer;box-sizing:border-box}.match-result-row:hover,.match-fixture-row:hover{background:#3b82f608}[data-theme=dark] .match-result-row,[data-theme=dark] .match-fixture-row{background:#36506b;border-bottom-color:#ffffff1a}[data-theme=light] .match-result-row,[data-theme=light] .match-fixture-row{border-bottom:1px solid #e5e7eb;border-radius:0}[data-theme=dark] .match-result-row:hover,[data-theme=dark] .match-fixture-row:hover{background:#3b82f60d}.match-notification-column{display:flex;align-items:center;justify-content:center}.match-result-row.finished .match-notification-toggle{visibility:hidden;pointer-events:none}.match-row-status-indicator{display:flex;align-items:center;justify-content:center;flex-direction:column;min-width:42px}.match-status-text{font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.5px;text-align:center;line-height:1.2;padding:.25rem .5rem;border-radius:6px;min-height:18px;min-width:40px;display:flex;align-items:center;justify-content:center;font-family:Monaco,Menlo,Ubuntu Mono,monospace;color:#fff}.match-result-row.finished .match-status-text,.match-fixture-row.finished .match-status-text{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;border:none;font-weight:800}.match-result-row.live .match-status-text,.match-fixture-row.live .match-status-text{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:none;animation:live-pulse 2s ease-in-out infinite;font-weight:800}.match-result-row.upcoming .match-status-text,.match-fixture-row.upcoming .match-status-text{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;font-weight:700}.match-result-row.upcoming .match-status-text[data-time=true],.match-fixture-row.upcoming .match-status-text[data-time=true],.match-status-text.time-indicator{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-weight:800;font-size:.75rem;letter-spacing:1px;border:2px solid rgba(59,130,246,.4)}.match-notification-toggle{width:24px;height:24px;border:none;background:transparent;cursor:pointer;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s ease;color:var(--text-secondary);opacity:.6}.match-notification-toggle:hover{background:#3b82f61a;color:#3b82f6;opacity:1}.match-notification-toggle.active{background:#3b82f6;color:#fff;opacity:1}.match-notification-toggle.active:hover{background:#2563eb}.match-notification-toggle svg{width:14px;height:14px}.match-notification-toggle.auth-required{opacity:.4;cursor:help}.match-notification-toggle.auth-required:hover{background:#f59e0b1a;color:#f59e0b;opacity:.8}.login-prompt-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:10000;backdrop-filter:blur(4px)}.login-prompt-modal{background:var(--card-bg);border-radius:12px;max-width:420px;width:90%;border:1px solid var(--border-color);overflow:hidden}.login-prompt-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem 1.5rem 0}.login-prompt-header h3{margin:0;color:var(--text-primary);font-size:1.25rem;font-weight:600}.login-prompt-close{background:none;border:none;font-size:1.5rem;color:var(--text-secondary);cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease}.login-prompt-close:hover{background:#ff00001a;color:#ef4444}.login-prompt-content{padding:1.5rem;text-align:center}.login-prompt-icon{width:48px;height:48px;margin:0 auto 1rem;display:flex;align-items:center;justify-content:center;background:#3b82f61a;border-radius:50%;color:#3b82f6}.login-prompt-icon svg{width:24px;height:24px}.login-prompt-content p{margin:0 0 .75rem;color:var(--text-secondary);line-height:1.5}.login-prompt-content p:last-child{margin-bottom:0}.login-prompt-actions{display:flex;gap:.75rem;padding:0 1.5rem 1.5rem}.login-prompt-actions .btn{flex:1;padding:.75rem 1rem;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s ease;border:none;font-size:.9rem}.login-prompt-actions .btn-secondary{background:var(--bg-secondary);color:var(--text-secondary);border:1px solid var(--border-color)}.login-prompt-actions .btn-secondary:hover{background:var(--bg-tertiary);color:var(--text-primary)}.login-prompt-actions .btn-primary{background:#3b82f6;color:#fff}.login-prompt-actions .btn-primary:hover{background:#2563eb}.match-row-home-team,.match-row-away-team{font-weight:600;color:var(--text-primary);text-align:right;padding-right:.5rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.875rem;line-height:1.2;display:flex;align-items:center;justify-content:flex-end;gap:.5rem}.match-row-away-team{text-align:left;padding-left:.5rem;padding-right:0;justify-content:flex-start}@media (max-width: 768px){.results-fixtures-page{padding:0 0 1.5rem}.league-group,.league-group-header{padding:0}.match-result-row,.match-fixture-row{grid-template-columns:45px 30% 70px 1fr 60px;padding:0;max-height:36px;align-items:center}.match-result-row .match-row-status-indicator,.match-fixture-row .match-row-status-indicator{height:100%;display:flex;align-items:center;justify-content:center;margin-left:15px}.match-result-row .match-row-home-team,.match-result-row .match-row-away-team,.match-fixture-row .match-row-home-team,.match-fixture-row .match-row-away-team{height:100%;display:flex;align-items:center}.match-result-row .match-row-score-section,.match-fixture-row .match-row-score-section,.match-result-row .match-row-time-status,.match-fixture-row .match-row-time-status,.match-result-row .match-notification-column,.match-fixture-row .match-notification-column{height:100%;display:flex;align-items:center;justify-content:center}.match-row-home-team,.match-row-away-team{padding-right:.25rem}.match-row-away-team{padding-left:.25rem;padding-right:0}}@media (max-width: 480px){.match-result-row,.match-fixture-row{font-size:.75rem;align-items:center;grid-template-columns:42px 30% 55px 1fr 55px;max-height:36px}.match-result-row .match-row-status-indicator,.match-fixture-row .match-row-status-indicator{height:100%;display:flex;align-items:center;justify-content:center;margin-left:15px}.match-result-row .match-row-home-team,.match-result-row .match-row-away-team,.match-fixture-row .match-row-home-team,.match-fixture-row .match-row-away-team{height:100%;display:flex;align-items:center}.match-result-row .match-row-score-section,.match-fixture-row .match-row-score-section,.match-result-row .match-row-time-status,.match-fixture-row .match-row-time-status,.match-result-row .match-notification-column,.match-fixture-row .match-notification-column{height:100%;display:flex;align-items:center;justify-content:center}.match-row-home-team,.match-row-away-team{font-size:.7rem}.match-row-score-section{font-size:.7rem;gap:.25rem}.match-status-text{font-size:.6rem;padding:.15rem .3rem;min-height:12px}.match-notification-toggle{width:18px;height:18px}.match-notification-toggle svg{width:10px;height:10px}}.match-row-score-section{display:flex;align-items:center;justify-content:center;gap:.375rem;font-weight:800;font-size:1rem;text-align:center;font-family:Monaco,Menlo,Ubuntu Mono,monospace;letter-spacing:.5px}.match-row-score-section .winner{color:#22c55e;font-weight:900}.match-row-vs{color:var(--text-secondary);font-weight:600;font-size:.75rem;opacity:.7}.match-row-time-status{text-align:center;font-size:.75rem;color:var(--text-secondary);font-weight:500}.match-result-row.finished,.match-fixture-row.finished{background:#22c55e05}.match-result-row.finished:hover,.match-fixture-row.finished:hover{background:#22c55e0d}.match-result-row.finished .match-status-text{color:#fff}.match-result-row.live,.match-fixture-row.live{background:#ef444408;animation:live-row-glow 3s ease-in-out infinite}.match-result-row.live:hover,.match-fixture-row.live:hover{background:#ef44440f}.match-result-row.live .match-status-text{color:#fff}.match-result-row.live .match-row-score-section,.match-fixture-row.live .match-row-score-section{color:#dc2626;font-weight:900}@keyframes live-row-glow{0%,to{background:#ef444408}50%{background:#ef44440d}}.match-result-row.upcoming,.match-fixture-row.upcoming{background:#3b82f605}.match-result-row.upcoming:hover,.match-fixture-row.upcoming:hover{background:#3b82f60d}.match-result-row.upcoming .match-status-text{color:#fff}.match-result-row:hover,.match-fixture-row:hover{background:#00000008}.matches-rows-container{background:var(--card-bg);border-radius:8px;overflow:hidden;border:1px solid var(--border-color);margin-bottom:1rem}.matches-rows-header{display:grid;grid-template-columns:40px 60px 1fr 80px 1fr 100px;align-items:center;padding:.75rem 1rem;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);font-weight:600;font-size:.75rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;height:40px}.match-date-badge{position:absolute;top:1rem;right:1rem;padding:.375rem .75rem;background:var(--primary-color);color:#fff;border-radius:6px;font-size:.75rem;font-weight:700}.match-header-info{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid var(--border-color)}.match-header-info .league-name{font-size:.875rem;font-weight:600;color:var(--text-secondary)}.match-body{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem}.team-row{display:flex;justify-content:space-between;align-items:center;padding:.5rem;background:var(--bg-secondary);border-radius:6px}.team-row .team-name{font-size:1rem;font-weight:600;color:var(--text-primary)}.team-row .team-score{font-size:1.5rem;font-weight:700;color:var(--text-secondary);min-width:40px;text-align:center}.team-row .team-score.winner{color:var(--primary-color)}.score-divider{height:1px;background:var(--border-color);margin:.25rem 0}.vs-time{display:flex;flex-direction:column;align-items:center;gap:.375rem;padding:.75rem;background:var(--bg-secondary);border-radius:6px}.vs-label{font-size:.875rem;font-weight:700;color:var(--text-secondary)}.match-time{font-size:1.125rem;font-weight:700;color:var(--primary-color)}.match-status-badge{display:inline-block;padding:.0625rem .5625rem;background:#22c55e26;border:1px solid rgba(34,197,94,.3);border-radius:6px;font-size:.75rem;font-weight:700;color:#22c55e;text-align:center}.match-status-badge.upcoming{background:#3b82f626;border-color:#3b82f64d;color:#3b82f6}@media (max-width: 768px){.results-fixtures-page{padding:0 0 1.5rem}.tab-navigation{gap:.5rem}.tab-btn{padding:.75rem 1rem;font-size:.875rem}.matches-list{grid-template-columns:1fr;gap:1rem}.match-result-card,.match-fixture-card{padding:1rem}.calendar-header{flex-direction:column;gap:.75rem}.calendar-day-btn{min-width:70px;padding:.625rem .75rem}.calendar-date{font-size:1.25rem}.date-picker-modal{min-width:280px;padding:1.5rem}}.results-fixtures-tabs button:disabled{opacity:.4;cursor:not-allowed;background:var(--bg-secondary);border-color:var(--border-color);color:var(--text-secondary)}.results-fixtures-tabs button:disabled:hover{transform:none;border-color:var(--border-color);color:var(--text-secondary)}.match-status-badge.live{background:#ef444426;border:1px solid rgba(239,68,68,.3);color:#ef4444;animation:pulse-badge 2s ease-in-out infinite}@keyframes pulse-badge{0%,to{opacity:1}50%{opacity:.7}}.content-header-right{width:100%!important;flex-direction:row!important;justify-content:space-between!important;gap:.75rem!important;min-width:0!important;overflow:visible!important;align-items:center!important;flex-wrap:wrap!important}@media (max-width: 768px){.page-with-ads{width:100%!important;max-width:100%!important;overflow-x:hidden!important;box-sizing:border-box!important}.content-header *{box-sizing:border-box!important}.content-title{font-size:.875rem!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;font-weight:600!important}.view-toggle button,.collapse-button-container button,.sort-dropdown,.right-controls>*{flex-shrink:0!important;min-width:0!important;padding:.25rem!important;font-size:.75rem!important}.collapse-btn{width:32px!important;height:32px!important;min-width:32px!important}}@media (max-width: 480px){.content-title{font-size:.8125rem!important}.view-toggle button{padding:.1875rem!important;font-size:.6875rem!important}.sort-select{font-size:.6875rem!important;min-width:60px!important;height:32px!important;padding:.25rem!important}.collapse-btn{width:28px!important;height:28px!important;min-width:28px!important}}.live-scores-grid:not(.list-view) .team-name{font-size:.75rem;display:flex;align-items:center;gap:.3rem}.live-scores-grid:not(.list-view) .match-score{font-size:.85rem}.live-scores-grid:not(.list-view) .match-status{font-size:.65rem;padding:.3rem .4rem}.live-scores-grid:not(.list-view) .league-name{font-size:.75rem}.live-scores-grid:not(.list-view) .team-rank{font-size:.55rem;min-width:18px;height:18px;padding:0 .3rem;line-height:1}.live-scores-grid:not(.list-view) .team-logo{width:20px;height:20px;flex-shrink:0}.filter-column .sport-dropdown-option *{pointer-events:none!important}.filter-column .sport-dropdown-option{pointer-events:auto!important;position:relative!important;z-index:10003!important}.filter-column .date-picker-column{display:flex;align-items:center;width:100%;height:30px;max-height:30px;min-height:30px;position:relative;box-sizing:border-box;overflow:hidden}.filter-column .date-picker-wrapper{width:calc(100% - 6px);height:30px;max-height:30px;min-height:30px;display:flex;align-items:center;padding:0;margin:4px 3px;position:relative;box-sizing:border-box;overflow:hidden}.filter-column .date-picker-input-inline{width:100%;height:30px;max-height:30px;min-height:30px;border:2px solid rgba(59,130,246,.6);border-radius:6px;background:#0f172af2;color:#fff;font-size:14px;font-weight:600;font-family:"Exo 2",system-ui,-apple-system,sans-serif;padding:0 12px;box-sizing:border-box;cursor:pointer;outline:none;transition:all .3s ease;text-align:center;letter-spacing:.5px}.filter-column .date-picker-input-inline:hover{background:#1e293bf2;border-color:#3b82f6cc}.filter-column .date-picker-input-inline:focus{background:#1e293b;border-color:#3b82f6}.filter-column .date-picker-input-inline::-webkit-calendar-picker-indicator{width:18px;height:18px;background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%233b82f6' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3C/svg%3E") no-repeat center;background-size:16px 16px;cursor:pointer;opacity:1;transition:all .3s ease;margin-left:8px}.filter-column .date-picker-input-inline:hover::-webkit-calendar-picker-indicator{opacity:1;transform:scale(1.15);filter:drop-shadow(0 0 6px rgba(59,130,246,.6))}.filter-column .date-picker-wrapper:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#ffffff1a,#ffffff0d,#ffffff05);border-radius:0;pointer-events:none;opacity:0;transition:opacity .3s ease}.filter-column .date-picker-wrapper:hover:before{opacity:1}[data-theme=light] .filter-column .date-picker-input-inline{background:#00000008;color:var(--text-primary);border-color:#0000001a}[data-theme=light] .filter-column .date-picker-input-inline:hover{background:#00000014;border-color:#6366f166}[data-theme=light] .filter-column .date-picker-input-inline:focus{background:#0000001a;border-color:#6366f199}[data-theme=light] .filter-column .date-picker-input-inline::-webkit-calendar-picker-indicator{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23000000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3C/svg%3E") no-repeat center;opacity:.6}@media (max-width: 768px){.filter-column .date-picker-input-inline{font-size:13px;padding:0 8px}.filter-column .date-picker-input-inline::-webkit-calendar-picker-indicator{width:16px;height:16px;background-size:14px 14px}}.filter-column .date-counter-column{display:flex;flex-direction:column;align-items:center;justify-content:center;width:calc(100% - 6px);height:30px;max-height:30px;min-height:30px;padding:0 4px;margin:4px 3px;gap:0;box-sizing:border-box;overflow:hidden}.filter-column .date-display{display:flex;align-items:center;justify-content:center;margin:0;padding:0;height:auto;box-sizing:border-box}.filter-column .day-name{font-size:10px;font-weight:700;color:var(--text-primary);text-transform:uppercase;letter-spacing:.5px;line-height:1;opacity:.9;font-family:"Exo 2",system-ui,-apple-system,sans-serif;margin:0;padding:0}.filter-column .game-counter{display:flex;align-items:baseline;justify-content:center;gap:3px}.filter-column .counter-number{font-size:12px;font-weight:800;color:#22c55e;line-height:1;margin:0;padding:0}.filter-column .counter-label{font-size:8px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.3px;line-height:1;opacity:.8;margin:0;padding:0}.filter-column-4:hover .day-name{color:#6366f1e6;transition:color .3s ease}.filter-column-4:hover .counter-number{color:#16a34a;transform:scale(1.05);transition:all .3s ease}.filter-column-4:hover .counter-label{opacity:1;transition:opacity .3s ease}[data-theme=light] .filter-column .day-name{color:var(--text-primary);opacity:.8}[data-theme=light] .filter-column .counter-number{color:#059669}[data-theme=light] .filter-column .counter-label{color:var(--text-secondary)}@media (max-width: 768px){.filter-column .day-name{font-size:11px;letter-spacing:.6px}.filter-column .counter-number{font-size:14px}.filter-column .counter-label{font-size:9px}}@keyframes live-pulse{0%{opacity:1;transform:scale(1)}50%{opacity:.85;transform:scale(1.02)}to{opacity:1;transform:scale(1)}}@media (max-width: 480px){.league-group-header{padding:0 .5rem;font-size:.75rem;max-height:36px}.league-name{font-size:.75rem}.matches-count{font-size:.65rem}.calendar-container{padding:.3rem;margin:0 .3rem}.calendar-day-btn{padding:.3rem .2rem;font-size:.65rem;min-width:35px;height:28px}.search-input{font-size:.85rem;padding:.5rem 2rem .5rem .8rem}.sport-selector{font-size:.85rem;padding:.5rem .8rem}.results-fixtures-content{padding:.3rem}.matches-rows-container{margin-bottom:.5rem;border-radius:4px}.time-group{margin-bottom:.5rem}.page-with-ads{padding:0}.main-content-wrapper{padding:.25rem}.login-prompt-modal{max-width:95%;margin:.5rem;border-radius:8px}.login-prompt-header{padding:1rem 1rem 0}.login-prompt-header h3{font-size:1rem}.login-prompt-content{padding:.75rem 1rem}.login-prompt-content p{font-size:.9rem;line-height:1.4}.login-prompt-actions{padding:0 1rem 1rem;flex-direction:column;gap:.5rem}.login-prompt-actions .btn{width:100%;font-size:.85rem;padding:.55rem}}@media (max-width: 360px){.match-result-row,.match-fixture-row{grid-template-columns:24px 30px 1fr 45px 1fr 50px;padding:0;height:32px;max-height:36px;font-size:.75rem}.match-row-home-team,.match-row-away-team{font-size:.7rem}.match-status-text{font-size:.55rem;padding:.1rem .2rem}.league-group-header{padding:0 .4rem;font-size:.7rem;max-height:36px}.calendar-day-btn{padding:.2rem .1rem;font-size:.6rem;min-width:30px;height:24px}}.league-matches{overflow-x:auto}@media (max-width: 768px){.match-result-row,.match-fixture-row{min-height:36px;max-height:36px}.match-notification-toggle{min-width:20px;min-height:20px;touch-action:manipulation}}@media (min-width: 1440px) and (max-width: 1919px){html,body{width:100%;max-width:100vw;overflow-x:hidden}.app,.app-container,.main-content,.page,.container{max-width:100%!important;width:100%!important}.header-container{max-width:100%!important;width:100%!important;padding:0 2rem}.live-scores-layout,.results-fixtures-layout{max-width:100%!important;width:100%!important;padding:0 1.5rem}.content-header{padding:.5rem 1.5rem}.filter-container{max-width:600px}.match-result-row,.match-fixture-row{grid-template-columns:60px 1.8fr 95px 1.2fr 65px;padding:0 1rem;max-height:36px}.match-row-home-team,.match-row-away-team{font-size:.95rem}.match-row-score-section{font-size:1.1rem}.match-status-text{font-size:.75rem;padding:.3rem .6rem;min-width:45px}.league-group-header{padding:0 1.25rem;font-size:.95rem;max-height:36px}}@media (min-width: 1280px){.match-status-text{padding:.1875rem .4375rem;min-width:42px}}@media (min-width: 1920px){html,body{width:100%;max-width:100vw;overflow-x:hidden}.app,.app-container,.main-content,.page,.container{max-width:100%!important;width:100%!important}.header-container{max-width:100%!important;width:100%!important;padding:0 3rem}.live-scores-layout,.results-fixtures-layout{max-width:100%!important;width:100%!important;padding:0 2rem}.content-header{padding:.75rem 2rem;gap:2rem}.content-header-left{gap:2rem}.filter-container{max-width:700px}.live-scores-grid:not(.list-view){grid-template-columns:repeat(auto-fit,minmax(280px,1fr))!important;gap:1.25rem}.match-result-row,.match-fixture-row{grid-template-columns:65px 1.8fr 105px 1.2fr 70px;padding:0 1.25rem;max-height:36px}.match-row-home-team,.match-row-away-team{font-size:1rem}.match-row-score-section{font-size:1.2rem}.match-status-text{font-size:.8rem;padding:.125rem .375rem;min-width:45px}.league-group-header{padding:0 2.5rem;font-size:1.5rem;max-height:36px}.league-group-header .league-name{font-size:1.05rem}.calendar-day-btn{max-width:75px;min-width:45px;padding:.35rem .25rem}}@media (min-width: 2560px){.header-container{padding:0 4rem}.live-scores-layout,.results-fixtures-layout{padding:0 3rem}.match-result-row,.match-fixture-row{grid-template-columns:75px 1.8fr 115px 1.2fr 80px;padding:0 1.5rem;max-height:36px}.match-row-home-team,.match-row-away-team{font-size:1.1rem}.match-row-score-section{font-size:1.3rem}.match-status-text{font-size:.85rem;padding:.4rem .8rem;min-width:55px}.league-group-header{padding:0 3.5rem;font-size:.5rem;max-height:36px}.league-group-header .league-name{font-size:1.15rem}.league-group-header .matches-count{font-size:.9rem}.calendar-day-btn{max-width:90px;min-width:55px;padding:.4rem .35rem;height:42px}.calendar-weekday{font-size:.75rem}.calendar-date{font-size:1rem}}.ad-placeholder:hover{background:#64646414;border-color:#64646440}.ad-close-btn{position:absolute;top:4px;right:4px;background:#0009;color:#fff;border:none;border-radius:50%;width:20px;height:20px;font-size:14px;line-height:1;cursor:pointer;z-index:10;display:flex;align-items:center;justify-content:center;transition:background .2s}.ad-close-btn:hover{background:#000c}.ad-spacing-top{margin-top:1.5rem}.ad-banner-top,.mobile-sticky-top-banner{display:none!important}.mobile-sticky-bottom-banner{display:none;position:fixed;bottom:0;left:0;right:0;width:100%;background:var(--bg-primary);border-top:1px solid var(--border-color);z-index:999;padding:.5rem;text-align:center}.mobile-sticky-bottom-banner .mobile-banner{width:320px;height:50px;margin:0 auto}.floating-corner-ad{display:none;position:fixed;bottom:80px;right:20px;z-index:998;background:var(--bg-secondary);border-radius:8px;padding:.5rem;animation:floatIn .4s ease}.floating-corner-ad .corner-ad{width:200px;height:200px}@keyframes floatIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.native-ad-container{width:100%;margin:.5rem 0;padding:0;position:relative}.native-ad-container:before{content:"Sponsored";display:block;font-size:.6rem;font-weight:600;color:#ffffff4d;text-transform:uppercase;letter-spacing:.08em;text-align:center;padding:.2rem 0}.native-ad-card{background:#ffffff0a;border-radius:6px;border:1px solid rgba(255,255,255,.08);overflow:hidden}.native-ad-content{display:flex;gap:.75rem;padding:.625rem .75rem;align-items:center}.native-ad-image{flex-shrink:0;width:56px;height:56px;background:#6464641a;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:.7rem;color:var(--text-secondary)}.native-ad-text{flex:1;min-width:0}.native-ad-title{font-size:.8125rem;font-weight:600;color:var(--text-primary);margin:0 0 .2rem}.native-ad-description{font-size:.7rem;color:var(--text-secondary);margin:0;line-height:1.4}.vertical-ad.large,.square-ad{width:160px;height:600px}.video-ad{width:300px;height:250px;position:relative;background:#0000000d}.video-ad-controls{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem}.video-ad-icon{font-size:2rem}.video-ad-text{font-size:.875rem}.video-ad-muted{font-size:1rem}.live-scores-left-ad .ad-sticky,.live-scores-right-ad .ad-sticky{display:flex;flex-direction:column;gap:1.5rem}@media (max-width: 767px){.live-scores-left-ad,.live-scores-right-ad,.floating-corner-ad{display:none!important}.mobile-sticky-top-banner,.mobile-sticky-bottom-banner{display:block}.ad-banner-top .banner-ad{height:50px;max-width:320px}.desktop-ad-text{display:none}.mobile-ad-text{display:inline}.native-ad-container{margin:.5rem 0;padding:0}.native-ad-content{flex-direction:row;text-align:left}.native-ad-image{width:56px;max-width:56px;height:56px}.live-scores-page{padding-bottom:1rem}}@media (min-width: 768px) and (max-width: 1023px){.mobile-sticky-top-banner,.mobile-sticky-bottom-banner{display:none}.floating-corner-ad{display:block}.desktop-ad-text{display:inline}.mobile-ad-text{display:none}.live-scores-left-ad,.live-scores-right-ad{display:none!important}.native-ad-content{flex-direction:row}.native-ad-image{width:120px;height:100px}}@media (min-width: 1024px) and (max-width: 1279px){.live-scores-left-ad,.live-scores-right-ad{display:block!important}.floating-corner-ad{display:block}.vertical-ad.large,.square-ad{width:160px;height:600px}.video-ad{width:300px;height:250px}}@media (min-width: 1280px) and (max-width: 1535px){.live-scores-left-ad,.live-scores-right-ad{display:block!important}.floating-corner-ad{display:block}.vertical-ad.large{width:160px;height:600px}.square-ad,.video-ad{width:300px;height:250px}.live-scores-right-ad .vertical-ad.large{width:300px;height:600px}}@media (min-width: 1536px) and (max-width: 1919px){.vertical-ad.large{width:300px;height:600px}.square-ad,.video-ad{width:300px;height:250px}.native-ad-container{max-width:100%}.native-ad-image{width:150px;height:100px}}@media (min-width: 1920px){.vertical-ad.large{width:300px;height:600px}.square-ad,.video-ad{width:300px;height:250px}.floating-corner-ad .corner-ad{width:250px;height:250px}.ad-banner-top .banner-ad{max-width:970px;height:90px}}[data-theme=dark] .ad-placeholder{background:#ffffff08;border-color:#ffffff1a}[data-theme=dark] .ad-placeholder:hover{background:#ffffff0d;border-color:#ffffff26}[data-theme=dark] .native-ad-card{background:var(--bg-tertiary)}[data-theme=dark] .mobile-sticky-top-banner,[data-theme=dark] .mobile-sticky-bottom-banner{background:var(--bg-secondary);border-color:var(--border-color)}@keyframes adRefresh{0%{opacity:1}50%{opacity:.5}to{opacity:1}}[data-ad-refresh=true] .ad-placeholder{animation:adRefresh .5s ease}[data-ad-loading=true] .ad-placeholder{opacity:.3;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.3}50%{opacity:.5}}.statistics-layout{display:grid;grid-template-columns:300px 1fr 300px;gap:1.5rem;max-width:1920px;margin:0 auto;padding:0 1.5rem 1.5rem;min-height:calc(100vh - 120px)}.statistics-page{background:var(--bg-primary);border-radius:12px;padding:0 2rem 2rem;min-width:0}.statistics-header{margin-bottom:2rem}.statistics-header h1{font-size:2rem;font-weight:700;color:var(--text-primary);margin:0 0 .5rem}.statistics-subtitle{color:var(--text-secondary);font-size:.875rem;margin:0}.statistics-search-container{margin-bottom:1.5rem}.statistics-search-wrapper{position:relative;max-width:600px}.statistics-search-input{width:100%;padding:.875rem 3rem .875rem 1rem;background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:10px;color:var(--text-primary);font-size:.9375rem;font-weight:500;outline:none;transition:all .3s ease}.statistics-search-input:focus{border-color:#3b82f6;background:var(--bg-primary)}.statistics-search-input::placeholder{color:var(--text-secondary);opacity:.6}.statistics-search-icon{position:absolute;right:1rem;top:50%;transform:translateY(-50%);font-size:1.25rem;opacity:.5;pointer-events:none}.statistics-search-results{position:absolute;top:calc(100% + .5rem);left:0;right:0;background:var(--bg-primary);border:2px solid var(--border-color);border-radius:10px;max-height:400px;overflow-y:auto;z-index:1000}.statistics-search-result-item{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;cursor:pointer;transition:all .2s ease;border-bottom:1px solid var(--border-color)}.statistics-search-result-item:last-child{border-bottom:none}.statistics-search-result-item:hover{background:var(--bg-secondary)}.result-type-badge{display:inline-flex;align-items:center;justify-content:center;padding:.25rem .625rem;border-radius:6px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;flex-shrink:0}.statistics-search-result-item.league .result-type-badge{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.statistics-search-result-item.team .result-type-badge{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.statistics-search-result-item.player .result-type-badge{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff}.result-name{flex:1;color:var(--text-primary);font-size:.875rem;font-weight:500}[data-theme=light] .statistics-search-input{background:#f1f5f9;border-color:#cbd5e1;color:#1e293b}[data-theme=light] .statistics-search-input:focus{background:#fff;border-color:#3b82f6}[data-theme=light] .statistics-search-results{background:#fff;border-color:#cbd5e1}[data-theme=light] .statistics-search-result-item{border-bottom-color:#e2e8f0}[data-theme=light] .statistics-search-result-item:hover{background:#f8fafc}[data-theme=light] .result-name{color:#1e293b}.statistics-tabs{display:flex;gap:0;margin-bottom:2rem;background:var(--bg-secondary);border-radius:12px;padding:.5rem;overflow:hidden;user-select:none}.statistics-tab{display:flex;align-items:center;justify-content:center;gap:.625rem;padding:.625rem 2rem;background:transparent;border:none;border-radius:8px;color:var(--text-secondary);font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap;flex:1;position:relative}.statistics-tab:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#3b82f61a,#6366f11a);border-radius:8px;opacity:0;transition:opacity .3s ease}.statistics-tab:hover:before{opacity:1}.statistics-tab:hover{color:var(--text-primary);transform:translateY(-2px)}.statistics-tab.active{background:linear-gradient(135deg,#3b82f6,#6366f1);color:#fff;transform:translateY(-2px)}.statistics-tab.active:before{opacity:0}.statistics-tab.active .tab-icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.tab-icon{font-size:1.25rem;transition:transform .3s ease}.statistics-tab:hover .tab-icon{transform:scale(1.1)}.statistics-tab.active .tab-icon{transform:scale(1.15)}.tab-label{font-weight:600;letter-spacing:.3px}[data-theme=light] .statistics-tabs{background:#f1f5f9}[data-theme=light] .statistics-tab{color:#475569}[data-theme=light] .statistics-tab:hover{color:#1e293b}[data-theme=light] .statistics-tab.active{background:linear-gradient(135deg,#3b82f6,#6366f1);color:#fff}.statistics-filters{display:flex;align-items:flex-end;gap:.75rem;margin-bottom:1.5rem;padding:.875rem 1rem;background:var(--bg-secondary);border-radius:8px}.filter-dropdown{display:flex;flex-direction:column;gap:.375rem;flex:1;min-width:0;transition:all .3s ease}.filter-dropdown.hidden{display:none}.filter-dropdown label{font-size:.75rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.stats-select{padding:.5rem .75rem;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);font-size:.8125rem;font-weight:500;cursor:pointer;transition:all .3s ease;outline:none;height:36px}.stats-select:hover{border-color:#3b82f6}.stats-select:focus{border-color:#3b82f6}.stats-select:disabled{opacity:.5;cursor:not-allowed;background:var(--bg-secondary);color:var(--text-secondary)}.stats-select:disabled:hover{border-color:var(--border-color)}.stats-select option{padding:.5rem;background:var(--bg-primary);color:var(--text-primary)}[data-theme=light] .statistics-filters{background:#f1f5f9}[data-theme=light] .stats-select{background:#fff;border-color:#cbd5e1;color:#1e293b}[data-theme=light] .stats-select:hover{border-color:#3b82f6}[data-theme=light] .stats-select:disabled{background:#e2e8f0;color:#94a3b8;border-color:#cbd5e1}[data-theme=light] .filter-dropdown label{color:#64748b}.statistics-content{animation:fadeIn .3s ease}.stats-tab-panel{padding:1.5rem 0}.stats-tab-panel h2{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin:0 0 .75rem}.stats-tab-panel p{color:var(--text-secondary);font-size:.9375rem;margin:0 0 1.5rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.statistics-left-ad,.statistics-right-ad{position:relative}.statistics-left-ad .ad-sticky,.statistics-right-ad .ad-sticky{position:sticky;top:80px}@media (max-width: 767px){.statistics-layout{grid-template-columns:1fr;gap:0;padding:0}.statistics-left-ad,.statistics-right-ad{display:none!important}.statistics-page{border-radius:0;padding:1rem}.statistics-search-wrapper{max-width:100%}.statistics-search-input{padding:.75rem 2.5rem .75rem .875rem;font-size:.875rem}.statistics-search-icon{right:.75rem;font-size:1rem}.statistics-header h1{font-size:1.5rem}.statistics-tabs{gap:0;margin-bottom:1.5rem}.statistics-tab{flex:1;padding:.75rem .5rem;font-size:.8125rem;justify-content:center}.tab-icon{font-size:1rem}.tab-label{display:none}.statistics-filters{flex-direction:column;gap:.75rem;padding:1rem}.filter-dropdown{width:100%}.stats-select{padding:.625rem .875rem;font-size:.875rem}.stats-tab-panel{padding:1rem 0}.stats-tab-panel h2{font-size:1.25rem}}@media (min-width: 768px) and (max-width: 1023px){.statistics-layout{grid-template-columns:1fr;padding:1rem}.statistics-left-ad,.statistics-right-ad{display:none!important}.statistics-page{padding:1.5rem}.statistics-tabs{gap:.75rem}.statistics-tab{padding:.875rem 1.25rem}.statistics-filters{flex-wrap:wrap;gap:.875rem}.filter-dropdown{flex:1 1 calc(50% - .5rem);min-width:200px}}@media (min-width: 1024px) and (max-width: 1279px){.statistics-layout{grid-template-columns:200px 1fr 200px;gap:1rem;padding:1rem}.statistics-left-ad,.statistics-right-ad{display:block!important}}@media (min-width: 1280px) and (max-width: 1535px){.statistics-layout{grid-template-columns:300px 1fr 300px;gap:1.25rem}}@media (min-width: 1536px){.statistics-layout{grid-template-columns:300px 1fr 300px;gap:1.5rem;padding:2rem}}.league-statistics-container{display:flex;flex-direction:column;gap:.75rem;animation:fadeIn .3s ease-in-out;user-select:none}.league-info-header{display:flex;align-items:center}.league-info-main{display:flex;align-items:center;gap:.875rem}.league-logo{font-size:2.5rem;width:50px;height:50px;display:flex;align-items:center;justify-content:center;background:#ffffffe6;border-radius:50%}.league-info-details h2{margin:0;font-size:1.25rem;font-weight:700;color:var(--text-primary)}.league-country{margin:.125rem 0 0;color:var(--text-secondary);font-size:.8rem}.league-info-stats{display:flex;gap:1.25rem;flex-wrap:wrap}.league-stat-item{display:flex;flex-direction:column;align-items:center;gap:.125rem}.stat-label{font-size:.65rem;text-transform:uppercase;color:var(--text-secondary);font-weight:600;letter-spacing:.3px}.stat-value{font-size:1.125rem;font-weight:700;color:var(--primary-color)}.week-season-selector{background:var(--card-bg);border-radius:8px;padding:.875rem 1rem;display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap;border:1px solid var(--border-color)}.season-selector{display:flex;align-items:center;gap:.5rem}.season-selector label{font-weight:600;color:var(--text-primary);white-space:nowrap;font-size:.875rem}.season-select{padding:.5rem .75rem;border-radius:6px;border:1px solid var(--border-color);background:var(--input-bg);color:var(--text-primary);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;min-width:100px}.season-select:hover{border-color:var(--primary-color)}.season-select:focus{outline:none;border-color:var(--primary-color)}.week-selector{display:flex;align-items:center;gap:.5rem}.week-nav-btn{width:32px;height:32px;border-radius:6px;border:1px solid var(--border-color);background:var(--card-bg);color:var(--text-primary);font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.week-nav-btn:hover:not(:disabled){background:var(--primary-color);color:#fff;border-color:var(--primary-color);transform:scale(1.05)}.week-nav-btn:disabled{opacity:.3;cursor:not-allowed}.week-select{padding:.5rem .75rem;border-radius:6px;border:1px solid var(--border-color);background:var(--input-bg);color:var(--text-primary);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;min-width:160px}.week-select:hover{border-color:var(--primary-color)}.week-select:focus{outline:none;border-color:var(--primary-color)}.current-week-btn{padding:.5rem 1rem;border-radius:6px;border:1px solid var(--primary-color);background:var(--primary-color);color:#fff;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap}.current-week-btn:hover:not(:disabled){background:var(--primary-hover);transform:translateY(-1px)}.current-week-btn:disabled{opacity:.5;cursor:not-allowed}.standings-section{background:var(--card-bg);border-radius:8px;padding:.75rem;border:1px solid var(--border-color)}.section-title{margin:0 0 .625rem;font-size:1rem;font-weight:700;color:var(--text-primary);padding-bottom:.5rem;border-bottom:2px solid var(--border-color)}.standings-table-wrapper{overflow-x:auto;margin-bottom:.625rem}.standings-table{width:100%;border-collapse:separate;border-spacing:0;font-size:.75rem;font-family:"Exo 2",-apple-system,BlinkMacSystemFont,sans-serif}.standings-table thead{background:var(--secondary-bg);position:sticky;top:0;z-index:10}.standings-table th{padding:.5rem .375rem;text-align:left;font-weight:700;color:var(--text-secondary);text-transform:uppercase;font-size:.625rem;letter-spacing:.3px;border-bottom:2px solid var(--border-color)}.standings-table .pos-col{width:40px;text-align:center}.standings-table .team-col{min-width:160px}.standings-table .stats-col{width:40px;text-align:center;color:var(--text-primary);font-weight:500}.standings-table .played-group{background:#8b5cf614}.standings-table .result-group{background:#3b82f614}.standings-table .goals-group{background:#10b98114}.standings-table .pts-col{width:50px;text-align:center;color:var(--text-primary);font-weight:700}.standings-table .points-group{background:#fb923c1f}.standings-table .form-col{width:120px;text-align:right}.standings-row{transition:all .2s ease;border-bottom:1px solid var(--border-color)}.standings-row:nth-child(2n){background:#00000005}.standings-row:nth-child(2n) .played-group{background:#8b5cf61a}.standings-row:nth-child(2n) .result-group{background:#3b82f61a}.standings-row:nth-child(2n) .goals-group{background:#10b9811a}.standings-row:nth-child(2n) .points-group{background:#fb923c24}.standings-row:hover{background:#4f46e50d}.standings-row:hover .played-group{background:#8b5cf626}.standings-row:hover .result-group{background:#3b82f626}.standings-row:hover .goals-group{background:#10b98126}.standings-row:hover .points-group{background:#fb923c2e}.standings-row td{padding:.5rem .375rem;color:var(--text-primary);font-weight:500}.position-badge{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:3px;font-weight:700;font-size:.7rem;background:var(--secondary-bg);color:var(--text-primary)}.position-badge.champions-league{background:#1d4ed8;color:#fff}.position-badge.europa-league{background:#ea580c;color:#fff}.position-badge.conference-league{background:#16a34a;color:#fff}.position-badge.relegation{background:#dc2626;color:#fff}.team-info{display:flex;flex-direction:row;align-items:center;gap:.375rem}.team-logo-small{font-size:1.125rem;width:20px;height:20px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.standings-table .team-name{font-family:"Exo 2",-apple-system,BlinkMacSystemFont,sans-serif;font-weight:600;color:var(--text-primary);font-size:.75rem;white-space:nowrap}.standings-table .positive{color:#22c55e;font-weight:600}.standings-table .negative{color:#ef4444;font-weight:600}.form-indicators{display:flex;gap:.125rem;justify-content:flex-end}.form-badge{width:18px;height:18px;border-radius:3px;display:flex;align-items:center;justify-content:center;font-size:.6rem;font-weight:700;flex-shrink:0}.form-badge.form-win{background:#16a34a;color:#fff}.form-badge.form-draw{background:#facc15;color:#713f12;font-weight:700}.form-badge.form-loss{background:#dc2626;color:#fff}.standings-legend{display:flex;flex-wrap:wrap;gap:.75rem;padding-top:.5rem;border-top:1px solid var(--border-color)}.legend-item{display:flex;align-items:center;gap:.3rem;font-size:.7rem;color:var(--text-secondary)}.legend-badge{width:14px;height:14px;border-radius:2px}.legend-badge.champions-league{background:#1d4ed8}.legend-badge.europa-league{background:#ea580c}.legend-badge.conference-league{background:#16a34a}.legend-badge.relegation{background:#dc2626}.results-fixtures-section{background:var(--card-bg);border-radius:8px;padding:.75rem;border:1px solid var(--border-color)}.matches-list{display:flex;flex-direction:column;gap:.375rem}.match-result-card{display:grid;grid-template-columns:110px 1fr;gap:.5rem;padding:.375rem .625rem;background:transparent;transition:all .2s ease}.match-result-card:nth-child(2n){background:#00000004}.match-result-card:hover{background:#4f46e508;border-color:#4f46e54d}.match-date-info{display:flex;flex-direction:row;gap:.375rem;justify-content:center;align-items:center;padding:.25rem .375rem;background:#8b5cf614;border-radius:4px;border:1px solid rgba(139,92,246,.15)}.match-date{font-size:.7rem;font-weight:600;color:var(--text-primary);white-space:nowrap}.match-time{font-size:.625rem;font-weight:700;color:#fff;white-space:nowrap;background:#8b5cf6bf;padding:.125rem .375rem;border-radius:3px;letter-spacing:.3px}.match-teams-info{display:grid;grid-template-columns:1fr auto 1fr;gap:.375rem;align-items:center}.match-team{display:flex;align-items:center;gap:.375rem}.match-team.home-team{text-align:right;display:block;overflow:hidden}.match-team.home-team .team-name{float:right;margin-right:.375rem;line-height:20px}.match-team.home-team .team-logo-small{float:right;line-height:20px}.match-team.away-team{justify-content:flex-start}.match-team.home-team .team-name{text-align:right;flex:1;min-width:0}.match-team .team-name{font-family:"Exo 2",sans-serif;font-weight:600;color:#111827;font-size:1rem}.match-score{display:flex;align-items:center;justify-content:center;min-width:80px;background:#00000008;padding:.375rem .625rem;border-radius:6px;border:1px solid rgba(0,0,0,.06)}.match-score .score{font-size:.875rem;font-weight:700;color:#1f2937;font-family:Prosto One,system-ui,sans-serif}.match-score .score-finished{color:#1f2937}.match-score .score-live{color:#16a34a;font-weight:800}.match-score .score-postponed{color:#dc2626}.match-score .score-scheduled{color:#1e40af;font-size:.875rem;font-weight:700}.match-status{display:flex;align-items:center;justify-content:center;min-width:70px;background:transparent}.match-status-badge{padding:.3rem .625rem;border-radius:6px;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;min-width:38px;text-align:center;display:inline-flex;align-items:center;justify-content:center;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.18)}.match-status-badge.finished{background:linear-gradient(135deg,#6366f1f2,#4f46e5f2);color:#fff}.match-status-badge.upcoming{background:transparent;color:transparent;border:1px solid transparent;user-select:none;pointer-events:none}.week-info-banner{background:linear-gradient(135deg,#4f46e51a,#6366f10d);border-radius:8px;padding:.875rem 1rem;border:1px solid rgba(79,70,229,.2);text-align:center}.week-info-banner p{margin:0;font-size:.8rem;color:var(--text-secondary)}.week-info-banner strong{color:var(--primary-color);font-weight:700}@media (max-width: 768px){.league-info-header{flex-direction:row;align-items:center}.league-logo{width:40px;height:40px;font-size:2rem}.league-info-details h2{font-size:1.125rem}.league-info-stats{width:100%;justify-content:space-between;gap:.75rem}.week-season-selector{flex-direction:column;align-items:stretch;padding:.75rem}.week-selector{flex-wrap:wrap;justify-content:center}.standings-section{padding:.75rem}.standings-table{font-size:.7rem}.standings-table th,.standings-table td{padding:.5rem .375rem}.team-logo-small{font-size:1rem;width:20px;height:20px}.standings-table .team-name{font-size:.75rem}.position-badge{width:20px;height:20px;font-size:.7rem}.form-badge{width:18px;height:18px;font-size:.6rem}.results-fixtures-section{padding:.75rem}.match-result-card{grid-template-columns:1fr;gap:.5rem;padding:.75rem}.match-date-info{flex-direction:row;justify-content:space-between}.match-teams-info{grid-template-columns:1fr;gap:.5rem}.match-team.home-team,.match-team.away-team{justify-content:flex-start}.match-team .team-name{font-size:.75rem}.match-score{justify-content:flex-start}.score-display .score{font-size:1rem}.week-info-banner{padding:.75rem}.week-info-banner p{font-size:.75rem}}[data-theme=dark] .league-statistics-container{--card-bg: #1a1a2e;--secondary-bg: #16213e;--text-primary: #ffffff;--text-secondary: #9ca3af;--border-color: #2d3748}[data-theme=dark] .league-info-header{background:none;border-color:transparent}[data-theme=dark] .standings-row:nth-child(2n){background:#ffffff08}[data-theme=dark] .standings-row:nth-child(2n) .played-group{background:#8b5cf62e}[data-theme=dark] .standings-row:nth-child(2n) .result-group{background:#3b82f62e}[data-theme=dark] .standings-row:nth-child(2n) .goals-group{background:#10b9812e}[data-theme=dark] .standings-row:nth-child(2n) .points-group{background:#fb923c3d}[data-theme=dark] .standings-row:hover{background:#4f46e51a}[data-theme=dark] .standings-row:hover .played-group{background:#8b5cf640}[data-theme=dark] .standings-row:hover .result-group{background:#3b82f640}[data-theme=dark] .standings-row:hover .goals-group{background:#10b98140}[data-theme=dark] .standings-row:hover .points-group{background:#fb923c4d}[data-theme=dark] .standings-row td,[data-theme=dark] .standings-table .stats-col{color:#e5e7eb}[data-theme=dark] .standings-table .pts-col,[data-theme=dark] .standings-table .team-name{color:#fff}[data-theme=dark] .standings-table .played-group{background:#8b5cf626}[data-theme=dark] .standings-table .result-group{background:#3b82f626}[data-theme=dark] .standings-table .goals-group{background:#10b98126}[data-theme=dark] .standings-table .points-group{background:#fb923c33}[data-theme=dark] .match-result-card{background:#ffffff08}[data-theme=dark] .match-result-card:nth-child(2n){background:#ffffff0d}[data-theme=dark] .match-result-card:hover{background:#4f46e51a;border-color:#4f46e566}[data-theme=dark] .match-date-info{background:#8b5cf626;border-color:#8b5cf640}[data-theme=dark] .match-team .team-name,[data-theme=dark] .score-display .score{color:#fff}[data-theme=dark] .match-score .score-finished{color:#e5e7eb}[data-theme=dark] .match-score{background:#ffffff0d;border-color:#ffffff1a}[data-theme=dark] .match-row.live .match-score{background:linear-gradient(145deg,#ef4444,#dc2626);color:#fff}[data-theme=dark] .match-score .score-live{color:#22c55e}[data-theme=dark] .match-score .score-postponed{color:#ef4444}[data-theme=dark] .match-score .score-scheduled{color:#60a5fa}.score-card{background:#0f172ab3;backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(148,163,184,.1);transition:all .4s cubic-bezier(.4,0,.2,1)}.score-card:hover{transform:translateY(-2px);background:#1e293bd9;backdrop-filter:blur(25px) saturate(200%)}.score-card:hover .team-logo{transform:scale(1.1) rotate(5deg);filter:drop-shadow(0 4px 8px rgba(59,130,246,.5))}.match-score{position:relative;background:#ffffff0d;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:8px}.match-score .score.score-increased{animation:scoreIncrease .6s cubic-bezier(.68,-.55,.265,1.55)}.match-score .score.score-decreased{animation:scoreDecrease .6s cubic-bezier(.68,-.55,.265,1.55)}.match-status-container.status-live{position:relative}.match-status-container.status-live:before{content:"";position:absolute;inset:-2px;background:none;border-radius:inherit;animation:none;z-index:-1}.match-minute.blinking{animation:none}.score-card-header{background:#ffffff08;backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.05);transition:all .3s ease}.score-card-header:hover{background:#ffffff0d;border-bottom-color:#3b82f64d}.team-name{font-feature-settings:"cv02" 1,"cv03" 1,"cv04" 1;letter-spacing:-.01em;transition:all .2s ease}.score-card:hover .team-name{color:#fff}.favorite-star{background:#ffffff0d;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:.5rem;transition:all .3s cubic-bezier(.68,-.55,.265,1.55)}.favorite-star:hover{background:#ffffff1a;transform:scale(1.1) rotate(10deg)}.favorite-star.active{background:#fbbf2433;border-color:#fbbf2480;animation:favoriteAdd .5s cubic-bezier(.68,-.55,.265,1.55)}.score-card.swiped{transform:translate(-80px);opacity:.7}.score-card .swipe-indicator{opacity:0;transition:opacity .3s ease}.score-card.swiped .swipe-indicator{opacity:1;animation:pulse 1s ease-in-out infinite}.sport-theme-football .score-card{border-color:#16a34a4d}.sport-theme-basketball .score-card{border-color:#f973164d}.sport-theme-tennis .score-card{border-color:#9333ea4d}.score-card.loading{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite;pointer-events:none}.score-card.loading .team-name,.score-card.loading .match-score{background:linear-gradient(90deg,#ffffff0d 25%,#ffffff1a,#ffffff0d 75%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite;color:transparent;border-radius:4px}.score-card.grouped-match{border-top:none;backdrop-filter:blur(15px)}.score-card.grouped-match.first-in-group{border-top:1px solid rgba(148,163,184,.1);border-top-left-radius:8px;border-top-right-radius:8px}.score-card.grouped-match.last-in-group{border-bottom-left-radius:8px;border-bottom-right-radius:8px}.match-odds-button .odds-btn{background:#ffffff0d;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);transition:all .3s ease}.match-odds-button .odds-btn:hover:not(.placeholder){background:#3b82f633;border-color:#3b82f666;transform:scale(1.05)}.match-odds-button.active .odds-btn{background:#3b82f64d;border-color:#3b82f680}.match-stats-section{background:#ffffff05;backdrop-filter:blur(5px);border-radius:6px;padding:.5rem;border:1px solid rgba(255,255,255,.05)}.score-card:focus-visible,.favorite-star:focus-visible,.odds-btn:focus-visible{outline:3px solid rgba(59,130,246,.6);outline-offset:2px}.live-scores-grid.list-view .score-card{animation:cardSlideIn .3s ease-out;animation-fill-mode:both}.live-scores-grid.list-view .score-card:nth-child(1){animation-delay:.05s}.live-scores-grid.list-view .score-card:nth-child(2){animation-delay:.1s}.live-scores-grid.list-view .score-card:nth-child(3){animation-delay:.15s}.live-scores-grid.list-view .score-card:nth-child(4){animation-delay:.2s}.live-scores-grid.list-view .score-card:nth-child(5){animation-delay:.25s}[data-theme=light] .score-card{background:#ffffffe6;backdrop-filter:blur(20px) saturate(180%);border-color:#0000001a}[data-theme=light] .score-card:hover{background:#fffffff2}.score-card,.score-card-header,.score-card-body{contain:layout style paint;will-change:transform;transform:translateZ(0)}@media (prefers-reduced-motion: reduce){.score-card,.team-logo,.favorite-star,.match-score,.match-minute{animation:none!important;transition:none!important}.score-card:hover{transform:none}}@media (prefers-contrast: high){.score-card{border-width:2px;backdrop-filter:none;background:#0f172a}.score-card-header{border-bottom-width:2px}}@media (max-width: 768px){.score-card{backdrop-filter:blur(15px)}.favorite-star,.odds-btn{min-width:48px;min-height:48px}.team-name{font-size:.875rem}}.match-row{display:flex;align-items:center;gap:.35rem;padding:.15rem .625rem;border-bottom:1px solid rgba(255,255,255,.1);border-radius:0;transition:background .2s ease;min-height:34px;cursor:pointer;position:relative;background:transparent}.match-row:last-child{border-bottom:none}.match-row:hover{background:#ffffff08}.match-row:focus{outline:2px solid var(--primary-orange);outline-offset:-2px;background:#ffffff08}.match-row .favorite-star{background:none;border:none;cursor:pointer;color:#cbd5e1;padding:0;width:28px;height:28px;display:flex;align-items:center;justify-content:center;transition:color .2s ease;flex-shrink:0}.match-row .favorite-star:hover,.match-row .favorite-star.active{color:#fbbf24}.match-row .favorite-star-placeholder{width:28px;height:28px;flex-shrink:0}.match-row .vs-text{min-width:50px;width:50px;height:auto;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;font-size:.875rem;font-weight:700;color:#94a3b8;letter-spacing:.5px;text-align:center}.match-row .match-status-container{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:.2rem;flex-shrink:0;flex-grow:0;width:76px;height:20px;padding:0 .2rem;background:transparent;border-radius:4px;overflow:hidden}.match-row .match-status-text{font-size:.8125rem;font-weight:700;text-transform:uppercase;letter-spacing:.3px;white-space:nowrap;line-height:1;color:#94a3b8}.match-row .match-status-container.status-live .match-status-text,.match-row .match-status-container.status-live .match-minute{color:#dc2626}.match-row .match-status-container.status-finished .match-status-text{color:#e2e8f0}.match-row .match-status-container.status-scheduled .match-status-text{color:#fff}.match-row .match-period{font-size:.6875rem;font-weight:700;color:#fff!important;background:#dc2626;padding:.2rem .35rem;border-radius:3px;letter-spacing:.3px;text-transform:uppercase;display:inline-flex;align-items:center;white-space:nowrap;flex-shrink:0}.match-row .match-minute{font-size:.8125rem;font-weight:700;color:#dc2626;letter-spacing:.3px;line-height:1;display:inline-flex;align-items:center}.match-row .home-team-name{font-size:.75rem;font-weight:600;color:#e2e8f0;text-align:right;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.match-row .away-team-name{font-size:.75rem;font-weight:600;color:#e2e8f0;text-align:left;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.match-row .team-logo{width:18px;height:18px;object-fit:contain;flex-shrink:0;display:block}.match-row .team-logo-placeholder{width:18px;height:18px;background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border-radius:50%;flex-shrink:0;display:block}.match-row .match-score{display:flex;align-items:center;justify-content:center;gap:.3rem;font-size:1rem;font-weight:700;font-family:"Exo 2",sans-serif;color:#e2e8f0;flex-shrink:0;min-width:50px;height:18px;padding:0 .25rem;letter-spacing:.4px}.match-row .score-home,.match-row .score-away{min-width:16px;text-align:center;font-weight:700;color:#e2e8f0}.match-row .score-separator{color:#94a3b8;font-weight:500;font-size:.875rem;opacity:.9}.match-row.live{background:#3b82f61f;border-bottom-color:#3b82f633;animation:none}.match-row.live:hover{background:#3b82f62e}.match-row.finished{background:#94a3b821;border-bottom-color:#94a3b82e}.match-row.finished:hover{background:#94a3b833}.match-row.scheduled{background:#ffffff08;border-bottom-color:#ffffff0f}.match-row.scheduled:hover{background:#ffffff12}.match-row.live .score-home,.match-row.live .score-away{color:var(--primary-orange)!important;font-weight:800}.match-row.live .score-separator{color:var(--primary-orange)!important;font-weight:700}.match-row.finished .score-home,.match-row.finished .score-away{color:#e2e8f0!important;font-weight:700}.match-row.finished .score-separator{color:#e2e8f0!important;font-weight:600}.match-row.scheduled .score-separator{color:#fff!important;font-weight:700;text-transform:uppercase}.match-row .stats-toggle-btn{background:transparent;border:1px solid rgba(255,255,255,.1);color:#94a3b8;padding:.25rem;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0;margin-left:auto}.match-row .stats-toggle-btn:hover{background:#ffffff0d;border-color:#fff3;color:var(--primary-orange)}.compact-toggle-btn{display:flex;align-items:center;justify-content:center;width:38px;height:38px;background:#3b82f6;border:none;border-radius:7px;color:#fff;cursor:pointer;transition:background .2s ease;flex-shrink:0;order:3!important}.compact-toggle-btn>svg{display:block;transform:rotate(0);transition:transform .3s ease}.compact-toggle-btn:hover{background:#2563eb}.compact-toggle-btn:hover>svg{transform:rotate(360deg)}.dummy-btn{display:inline-block;width:38px;height:38px;pointer-events:none;flex-shrink:0;user-select:none;border:1px dashed rgba(59,130,246,.4);opacity:.3;background:#3b82f60d}.live-scores-grid.compact-view .list-header-card{margin-bottom:0}.live-scores-grid.compact-view .league-group{background:transparent}.live-scores-grid.list-view.compact-view .list-header-card .header-stats-icons{display:none!important}.live-scores-grid.list-view.compact-view .match-row+.list-header-card,.live-scores-grid.list-view.compact-view .score-card:not(.list-header-card)+.list-header-card,.live-scores-grid.list-view.compact-view .list-header-card+.list-header-card{margin-top:8px}.live-scores-grid.list-view .score-card,.live-scores-grid.list-view .list-header-card,.live-scores-grid.list-view .score-card-header{border-radius:0!important}.home-page{width:100%}.hero-section{text-align:center;padding:2rem 1rem 2.5rem;background:linear-gradient(135deg,#1e293b,#334155,#1e293b);border-radius:1.5rem;margin-bottom:1.5rem;position:relative;overflow:hidden;box-shadow:0 20px 60px #00000026}.hero-section:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(59,130,246,.1) 0%,transparent 70%);animation:heroGlow 15s ease-in-out infinite}@keyframes heroGlow{0%,to{transform:translate(0) scale(1)}50%{transform:translate(10%,10%) scale(1.1)}}.hero-content{position:relative;z-index:1}.hero-section .hero-title{font-size:clamp(2rem,8vw,3.5rem);font-weight:900;margin-bottom:1rem;position:relative;z-index:1;line-height:1.1;color:#fff}.hero-section .hero-subtitle{font-size:clamp(.875rem,2vw,1rem);color:#fffc;max-width:700px;margin:0 auto;line-height:1.7;position:relative;z-index:1}.loading-container{text-align:center;padding:4rem 2rem;color:var(--text-secondary);font-size:1.125rem}.home-split-layout{max-width:1400px;margin:0 auto;padding:0 .5rem .25rem;display:grid;grid-template-columns:3fr 2fr;gap:1.5rem;border-radius:0!important;box-sizing:border-box;overflow:hidden}.news-section-left{display:flex;flex-direction:column;gap:1rem}.news-carousel-container{position:relative;background:#fff;overflow:hidden;border-radius:0!important;box-sizing:border-box}.carousel-wrapper{position:relative;height:450px;overflow:hidden}.carousel-nav{position:absolute;top:50%;transform:translateY(-50%);z-index:10;background:#00000080;border:none;color:#fff;width:40px;height:40px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.carousel-nav:hover{background:#000000b3;transform:translateY(-50%) scale(1.1)}.carousel-nav.prev{left:1rem}.carousel-nav.next{right:1rem}.carousel-slides{position:relative;width:100%;height:100%;display:flex;overflow:hidden}.carousel-slide{position:absolute;width:100%;height:100%;transition:transform .5s ease-in-out;display:flex;flex-direction:column;text-decoration:none;color:inherit}.carousel-slide.active{z-index:1}.carousel-image{width:100%;height:100%;object-fit:cover}.carousel-overlay{position:absolute;bottom:0;left:0;right:0;padding:2rem;background:linear-gradient(to top,rgba(0,0,0,.9) 0%,rgba(0,0,0,.7) 50%,transparent 100%);color:#fff}.carousel-category{display:inline-block;padding:.375rem .75rem;background:#667eea;color:#fff;font-size:.75rem;font-weight:600;text-transform:uppercase;margin-bottom:.75rem}.carousel-title{font-size:1.5rem;font-weight:700;margin:0 0 .75rem;line-height:1.3}.carousel-summary{font-size:.9375rem;line-height:1.6;margin:0 0 .75rem;opacity:.9;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.carousel-meta{display:flex;align-items:center;gap:.5rem;font-size:.875rem;opacity:.8}.carousel-ad-slide{background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center}.carousel-ad-content{text-align:center;color:#fff;padding:3rem 2rem;max-width:600px}.carousel-ad-label{background:#ffffff40;display:inline-block;padding:.375rem .875rem;border-radius:20px;font-size:.6875rem;font-weight:700;letter-spacing:1px;margin-bottom:2rem}.carousel-ad-visual{font-size:5rem;margin-bottom:1.5rem;opacity:.95}.carousel-ad-title{font-size:2rem;font-weight:700;margin:0 0 1rem}.carousel-ad-text{font-size:1.125rem;line-height:1.6;margin:0;opacity:.9}.carousel-indicators{position:absolute;bottom:1rem;right:1rem;display:flex;gap:.5rem;z-index:2;padding:.25rem}.carousel-indicators .indicator{width:36px;height:36px;background:#00000080;border:2px solid rgba(255,255,255,.8);border-radius:50%;cursor:pointer;transition:all .3s ease;padding:0;color:#fff;font-size:.875rem;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.carousel-indicators .indicator:hover{background:#000000b3;border-color:#fff;transform:scale(1.1)}.carousel-indicators .indicator.active{background:#667eeaf2;border-color:#fff;transform:scale(1.15)}.news-cards-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.news-card-small{background:#fff;overflow:hidden;display:flex;flex-direction:column;text-decoration:none;color:inherit;transition:all .2s ease;border:1px solid var(--border-color);border-radius:8px}[data-theme=light] .news-card-small{background:#fff;border-color:#e5e7eb}[data-theme=dark] .news-card-small{background:#1e293b;border-color:#334155}.news-card-small:hover{border-color:#667eea;transform:translateY(-2px)}.news-card-image{position:relative;height:140px;overflow:hidden}.news-card-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.news-card-small:hover .news-card-image img{transform:scale(1.05)}.news-card-category{position:absolute;top:.5rem;left:.5rem;background:#667eea;color:#fff;padding:.25rem .5rem;font-size:.625rem;font-weight:700;text-transform:uppercase;letter-spacing:.3px}.news-card-content{padding:.75rem;display:flex;flex-direction:column;gap:.5rem;flex:1}.news-card-title{font-size:.875rem;font-weight:700;color:var(--text-primary);line-height:1.4;margin:0;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.news-card-meta{display:flex;align-items:center;gap:.375rem;font-size:.6875rem;color:var(--text-secondary);margin-top:auto}.news-card-ad{background:linear-gradient(135deg,#f3f4f6,#e5e7eb);overflow:hidden;display:flex;flex-direction:column;border:1px solid #d1d5db;position:relative;cursor:pointer;transition:all .2s ease}.news-card-ad:hover{transform:translateY(-2px)}.news-card-ad .ad-label{position:absolute;top:.5rem;right:.5rem;background:#6b7280;color:#fff;padding:.25rem .5rem;font-size:.5625rem;font-weight:700;letter-spacing:.5px;z-index:1}.ad-content{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1.5rem;height:100%;min-height:200px;text-align:center}.ad-visual{margin-bottom:1rem}.ad-icon{font-size:3rem;opacity:.7}.ad-text{display:flex;flex-direction:column;gap:.5rem}.ad-title{font-size:.9375rem;font-weight:700;color:#374151;margin:0}.ad-description{font-size:.75rem;color:#6b7280;margin:0;line-height:1.4}.matches-sidebar{display:flex;flex-direction:column;gap:1rem;box-sizing:border-box}.compact-match-section{background:var(--card-bg);padding:1rem;border:1px solid var(--border-color);border-radius:8px}.compact-section-header{display:flex;align-items:center;gap:.5rem;padding-bottom:.75rem;margin-bottom:.75rem;border-bottom:2px solid var(--border-color)}.compact-icon{color:#667eea}.compact-title{font-size:.9375rem;font-weight:700;color:#f1f5f9;margin:0;flex:1}[data-theme=light] .compact-title{color:#1f2937}[data-theme=dark] .compact-title{color:#f1f5f9}.live-badge-small{color:#ef4444;font-size:1rem;animation:pulse-dot-home 2s ease-in-out infinite}.compact-match-card{background:var(--bg-secondary);padding:.75rem;margin-bottom:.5rem;display:block;text-decoration:none;color:inherit;transition:all .2s ease;border:1px solid var(--border-color);border-radius:6px}.compact-match-card:hover{background:var(--hover-bg);border-color:#667eea}.compact-match-card.live{background:linear-gradient(135deg,#fef2f2,#fee2e2);border-color:#fca5a5}.compact-match-card:last-child{margin-bottom:0}.compact-league{font-size:.625rem;color:var(--text-tertiary);font-weight:600;text-transform:uppercase;margin-bottom:.5rem;letter-spacing:.5px}.compact-teams{display:flex;flex-direction:column;gap:.375rem}.compact-team{display:flex;justify-content:space-between;align-items:center;min-height:22px}.compact-team-name{font-size:.8125rem;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;display:flex;align-items:center;line-height:1.4}.compact-score{font-size:.9375rem;font-weight:700;color:#667eea;min-width:1.5rem;text-align:right;margin-left:.5rem;display:flex;align-items:center;justify-content:flex-end;line-height:1}.compact-score.success{color:#10b981}.compact-time{margin-top:.5rem;font-size:.75rem;color:var(--text-secondary);font-weight:600;text-align:center;padding:.25rem;background:var(--bg-secondary);line-height:1.4;display:flex;align-items:center;justify-content:center;border-radius:4px}.compact-empty{text-align:center;padding:1rem;color:var(--text-tertiary);font-size:.8125rem;margin:0}.standings-section{background:var(--card-bg);padding:.75rem;border:1px solid var(--border-color);margin-bottom:1rem;border-radius:8px}.standings-table{width:100%}.standings-table table{width:100%;border-collapse:collapse}.standings-table thead{background:var(--secondary-bg);border-bottom:2px solid var(--border-color)}.standings-table th{padding:.375rem .25rem;text-align:left;font-size:.625rem;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.3px}.standings-table th:first-child{width:1.5rem;text-align:center}.standings-table th:nth-child(2){width:auto}.standings-table th:nth-child(3),.standings-table th:nth-child(4){width:1.5rem;text-align:center}.standings-table tbody tr{border-bottom:1px solid var(--border-color);transition:background .2s ease}.standings-table tbody tr:hover{background:var(--hover-bg)}.standings-table tbody tr.top-team{background:linear-gradient(90deg,rgba(102,126,234,.05) 0%,transparent 100%)}.standings-table tbody tr.top-team:hover{background:linear-gradient(90deg,rgba(102,126,234,.08) 0%,transparent 100%)}.standings-table td{padding:.375rem .25rem;font-size:.6875rem;line-height:1.2;color:var(--text-primary)}.standings-table td.rank{text-align:center;font-weight:700;color:#667eea;font-size:.625rem}.standings-table td.team-name{font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100px}.standings-table td.points{text-align:center;font-weight:700;color:#047857;font-size:.75rem}.standings-table tbody tr.top-team td.rank{color:#f59e0b}.standings-table tbody tr.game-winner{border-left:3px solid #059669}.standings-table tbody tr.game-winner td{color:#059669}.standings-table tbody tr.game-loser{border-left:3px solid #ef4444}.standings-table tbody tr.game-loser td{color:#ef4444}.standings-table tbody tr.game-draw{border-left:3px solid #3b82f6}.standings-table tbody tr.game-draw td{color:#3b82f6}.standings-table tbody tr.game-upcoming{border-left:3px solid #6b7280}.standings-table tbody tr.game-upcoming td{color:#6b7280}@keyframes pulse-row{0%,to{background:linear-gradient(90deg,rgba(239,68,68,.08) 0%,transparent 100%)}50%{background:linear-gradient(90deg,rgba(239,68,68,.12) 0%,transparent 100%)}}.standings-table .live-pulse{font-size:.5rem;margin-right:.25rem;display:inline-block}.standings-table .live-pulse.live{color:#ef4444;animation:pulse-dot-standings 1.5s ease-in-out infinite}.standings-table .live-pulse.finished{color:#6b7280}.standings-table .live-pulse.fixture{color:#667eea}@keyframes pulse-dot-standings{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}@keyframes pulse-dot-home{0%,to{opacity:1}50%{opacity:.5}}.mini-scoreboard{margin-top:.5rem;padding:.625rem;background:#1e293b80;border-radius:4px;border:1px solid rgba(148,163,184,.3)}.mini-game{display:flex;align-items:center;gap:.5rem;padding:.5rem;background:#f8f9fa;border-radius:3px;transition:all .3s ease;animation:slideIn .4s ease-out}@keyframes slideIn{0%{opacity:0;transform:translate(10px)}to{opacity:1;transform:translate(0)}}.mini-game-time{padding:.25rem .5rem;border-radius:3px;font-size:.5625rem;font-weight:700;min-width:32px;text-align:center;flex-shrink:0}.mini-game-time.live{background:#ef4444;color:#fff;animation:pulse-live 2s ease-in-out infinite}.mini-game-time.finished{background:#6b7280;color:#fff}.mini-game-time.fixture{background:#667eea;color:#fff}@keyframes pulse-live{0%,to{background:#ef4444}50%{background:#dc2626}}.mini-game-teams{display:flex;flex-direction:column;gap:.25rem;flex:1}.mini-team{display:flex;justify-content:space-between;align-items:center;gap:.375rem}.mini-team-name{font-size:.625rem;font-weight:600;color:#0f172a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mini-score{font-size:.75rem;font-weight:700;color:#667eea;min-width:18px;text-align:center}.mini-game-indicators{display:flex;justify-content:center;gap:.375rem;margin-top:.5rem;padding-top:.5rem;border-top:1px solid rgba(148,163,184,.3)}.mini-indicator{width:6px;height:6px;border-radius:50%;background:#0003;border:none;cursor:pointer;transition:all .3s ease;padding:0}.mini-indicator:hover{background:#0006;transform:scale(1.3)}.mini-indicator.active{background:#667eea;transform:scale(1.5)}@media (max-width: 1024px){.home-split-layout{grid-template-columns:1fr;padding:0 .5rem 2rem}.carousel-wrapper{height:450px}.news-cards-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.hero-title{font-size:2rem}.hero-subtitle{font-size:1rem}.hero-section{padding:2rem 0 0}.hero-content{padding:0 1rem}.home-split-layout{padding:0 .5rem 1.5rem}.carousel-wrapper{height:350px}.carousel-title{font-size:1.25rem}.carousel-nav{width:32px;height:32px}.carousel-indicators{flex-direction:row;bottom:.5rem;left:.5rem;right:.5rem;justify-content:center;flex-wrap:wrap;max-height:80px;overflow-y:auto;gap:.375rem}.carousel-indicators .indicator{width:32px;height:32px;font-size:.75rem;flex-shrink:0}.news-cards-grid{grid-template-columns:1fr;gap:.75rem}.news-card-image{height:120px}.carousel-ad-content{padding:2rem 1.5rem}.carousel-ad-visual{font-size:3.5rem}.carousel-ad-title{font-size:1.5rem}.carousel-ad-text{font-size:.9375rem}}.home-ad-tag{display:inline-block;font-size:.5625rem;font-weight:700;letter-spacing:.5px;color:#6b7280;text-transform:uppercase;margin-bottom:4px}.home-ad-placeholder-text{font-size:.75rem;color:#6b7280;letter-spacing:.3px}.home-ad-mid{display:flex;flex-direction:column;align-items:center;margin:12px 0 4px}.home-ad-mid-inner{width:100%;max-width:468px;height:60px;display:flex;align-items:center;justify-content:center;background:#f3f4f6;border:1px solid #d1d5db;border-radius:4px}.home-ad-sidebar{display:flex;flex-direction:column;align-items:center;margin-top:.5rem}.home-ad-sidebar-inner{width:100%;max-width:300px;height:120px;display:flex;align-items:center;justify-content:center;background:#f3f4f6;border:1px solid #d1d5db;border-radius:4px}@media (max-width: 768px){.home-ad-mid-inner{max-width:100%;height:50px}.home-ad-sidebar-inner{max-width:100%;height:100px}.home-ad-placeholder-text{font-size:.625rem}}.home-layout-with-ads{display:grid;grid-template-columns:1fr;max-width:1400px;margin:0 auto}.home-aside-ad{display:none}.home-aside-ad-sticky{position:sticky;top:20px;display:flex;flex-direction:column;align-items:flex-end}.home-aside-ad:last-child .home-aside-ad-sticky{align-items:flex-start}.home-aside-ad-inner{width:160px;height:600px;display:flex;align-items:center;justify-content:center;background:#f3f4f6;border:1px solid #d1d5db;border-radius:4px}@media (min-width: 1600px){.home-layout-with-ads{grid-template-columns:160px 1fr 160px;gap:50px;max-width:1820px;padding:0}.home-aside-ad{display:block}.home-split-layout{width:100%;max-width:1400px;margin:0;padding-left:0;padding-right:0}}.page-hero-header.gray{background:linear-gradient(135deg,#374151,#1f2937)}.days-calendar-row{display:flex;gap:.375rem;margin-bottom:.3rem;padding:.25rem;background:linear-gradient(135deg,#0f172af2,#1e293be6);border-radius:8px;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;border:1px solid rgba(255,255,255,.08)}.days-calendar-row::-webkit-scrollbar{display:none}.days-selector{display:flex;gap:.5rem;align-items:center;flex:1;min-width:0;overflow-x:visible}.days-selector.left{justify-content:flex-end}.days-selector.right{justify-content:flex-start}.days-selector.right:empty{display:none}@media (max-width: 1024px){.days-selector.left{justify-content:space-between;flex:1;width:100%}.days-calendar-row{justify-content:stretch}}.day-button{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:.375rem .5rem;background:linear-gradient(135deg,#ffffff0f,#ffffff08);border:1px solid rgba(255,255,255,.1);border-radius:6px;cursor:pointer;transition:all .2s ease;min-width:44px;color:#fffc;flex-shrink:0}.day-button:hover{background:#f9731626;border-color:#f9731659;transform:translateY(-2px);color:#fff}.day-button.active{background:linear-gradient(135deg,#f97316,#ea580c);border-color:#f97316;color:#fff}.day-button.today{border-color:#fbbf24;border-width:2px}.day-button.active.today{border-color:#fbbf24}.day-weekday{font-size:.46875rem;font-weight:600;text-transform:uppercase;opacity:.7;letter-spacing:.25px}.day-button.active .day-weekday{color:#ffffffe6;opacity:1}.day-number{font-size:.8125rem;font-weight:800;color:#fff;margin:.021875rem 0}.day-button.active .day-number{color:#fff}.day-month{display:none}.filter-date-row{display:flex;align-items:center;justify-content:space-between;gap:.625rem;margin-bottom:.5rem;padding:.25rem .625rem;background:linear-gradient(135deg,#0f172af2,#1e293be6);border-radius:6px;border:1px solid rgba(255,255,255,.08);color:#fff}.filter-section{flex:1;display:flex;gap:.5rem}.filter-input-container{position:relative;display:flex;align-items:center;max-width:300px;width:100%}.filter-input-icon{position:absolute;left:.75rem;color:#ffffff73;pointer-events:none}.filter-input-clear{position:absolute;right:.75rem;background:none;border:none;color:#ffffff80;font-size:1.25rem;cursor:pointer;padding:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;transition:color .2s ease}.filter-input-clear:hover{color:#ffffffe6}.filter-input-container .filter-input{width:100%;height:auto;padding:.5rem 2.25rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.25);border-radius:6px;color:#fff!important;font-size:.875rem;font-weight:500;transition:all .2s ease;box-sizing:border-box;letter-spacing:normal;flex:unset}.filter-input-container .filter-input:focus{outline:none;border-color:#f9731680;background:#ffffff14;color:#fff}.filter-input-container .filter-input::placeholder{color:#ffffffd9;font-weight:500}[data-theme=light] .filter-input-container .filter-input::placeholder{color:#ffffffd9!important;font-weight:500}.date-controls{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.date-picker-button{background:#ffffff0f;border:1px solid rgba(255,255,255,.12);color:#fffc;width:36px;height:36px;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);flex-shrink:0;position:relative;overflow:hidden}.date-picker-button:hover{background:#f9731640;border-color:#f9731666;color:#fb923c}.expand-collapse-btn{background:#ffffff0f;border:1px solid rgba(255,255,255,.12);color:#fffc;width:36px;height:36px;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);flex-shrink:0;position:relative;overflow:hidden}.expand-collapse-btn:hover{background:#f9731633;border-color:#f9731666;color:#fb923c}.date-navigator-compact{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.nav-button-compact{background:#ffffff0f;border:1px solid rgba(255,255,255,.1);color:#fffc;width:26px;height:26px;border-radius:5px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.nav-button-compact:hover{background:#f9731633;border-color:#f9731666;color:#fb923c;transform:scale(1.05)}.nav-button-compact:active{transform:scale(.95)}.current-date-compact{display:flex;flex-direction:column;align-items:center;gap:.125rem;padding:.25rem .5rem}.date-day-number{font-size:1rem;font-weight:700;line-height:1;color:#fff}.date-full-text{font-size:.625rem;font-weight:500;line-height:1;color:#ffffffb3;white-space:nowrap}.leagues-container{display:flex;flex-direction:column;gap:0}.league-section{background:#0f172ad9;border-radius:0;overflow:hidden;border:none;border-bottom:1px solid rgba(255,255,255,.15);transition:all .3s cubic-bezier(.4,0,.2,1)}.league-header-simple{display:flex;align-items:center;gap:.625rem;padding:.375rem .875rem;min-height:34px;width:100%;background:linear-gradient(135deg,#1e293bf2,#0f172ae6);border-bottom:1px solid rgba(255,255,255,.06);border:none;text-align:left;cursor:default}.league-header-simple.clickable{cursor:pointer;transition:all .25s ease}.league-header-simple.clickable:hover{background:linear-gradient(135deg,#f9731626,#1e293be6)}.league-header-simple.clickable svg{color:#ffffff80;transition:transform .3s ease;margin-left:auto;flex-shrink:0}.league-header-simple.clickable:hover svg{color:#fb923c}.league-flag{width:20px;height:14px;object-fit:cover;border-radius:2px;flex-shrink:0}.league-name-text{font-size:.8125rem;font-weight:600;color:#ffffffe6;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.league-country-text{font-weight:400;color:#ffffff80;font-size:.75rem}.league-match-count-simple{font-size:.6875rem;font-weight:600;color:#fff6;white-space:nowrap;flex-shrink:0}.match-rows{display:flex;flex-direction:column;background:#0f172a99}.match-time-compact{font-size:.8125rem;font-weight:600;color:#fb923c;min-width:50px;flex-shrink:0}.match-team-info{flex:1;display:flex;align-items:center;min-width:0}.match-team-info.home-team{justify-content:flex-end;text-align:right}.match-team-info.away-team{justify-content:flex-start;text-align:left}.team-name-compact{font-size:.875rem;font-weight:600;color:#ffffffe6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .2s ease}.match-row:hover .team-name-compact{color:#fb923c}.team-name-compact.winner{color:#2563eb;font-weight:700}.team-name-compact.loser{color:#f87171;font-weight:500;opacity:.8}[data-theme=light] .team-name-compact.winner{color:#1d4ed8}[data-theme=light] .team-name-compact.loser{color:#dc2626}.vs-compact{font-size:.75rem;font-weight:600;color:#ffffff59;padding:.25rem .5rem;border-radius:6px;flex-shrink:0}.fixture-team-logo{width:28px;height:28px;border-radius:50%;background:#334155f2;border:1.5px solid rgba(148,163,184,.4);flex-shrink:0;display:flex;align-items:center;justify-content:center;overflow:hidden;margin:0 .3rem;box-shadow:0 1px 4px #0006}.fixture-team-logo img{width:20px;height:20px;object-fit:contain;display:block}.fixture-team-logo span{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:.6875rem;font-weight:800;color:#e2e8f0;line-height:1;text-transform:uppercase}.fixture-vs-badge{flex-shrink:0;font-size:.875rem;font-weight:700;font-style:italic;letter-spacing:.04em;color:#94a3b8;padding:.1rem .375rem;line-height:1;text-transform:uppercase}.match-row:hover .fixture-vs-badge{color:#fb923c}.match-row:hover .fixture-team-logo{border-color:#f9731699;background:#334155f2}.match-score-compact{display:flex;align-items:center;gap:.375rem;flex-shrink:0;padding:.3rem .875rem;background:linear-gradient(135deg,#94a3b838,#64748b21);border:1px solid rgba(148,163,184,.35);border-radius:10px;min-width:62px;justify-content:center;box-shadow:0 2px 8px #00000040}.score-value{font-size:1.0625rem;font-weight:800;color:#fff;min-width:18px;text-align:center;letter-spacing:.01em}.match-score-compact .score-separator{color:#ffffff80;font-weight:600;font-size:.9rem}[data-theme=light] .match-score-compact .score-value{color:#333!important}[data-theme=light] .match-score-compact .score-separator{color:#00000059!important}.stats-coming-soon{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:5rem 2rem;text-align:center;background:#0f172a99;border:1px solid rgba(255,255,255,.08);border-radius:20px;min-height:340px}.stats-coming-soon-icon{display:flex;align-items:center;justify-content:center;width:88px;height:88px;border-radius:50%;background:linear-gradient(135deg,#6366f133,#8b5cf61f);border:1.5px solid rgba(139,92,246,.35);color:#a78bfa;margin-bottom:.5rem}.stats-coming-soon-title{font-size:1.5rem;font-weight:800;color:#ffffffeb;margin:0;letter-spacing:-.01em}.stats-coming-soon-subtitle{font-size:.9375rem;color:#ffffff73;margin:0;max-width:320px;line-height:1.6}.stats-coming-soon-back{display:inline-flex;align-items:center;gap:.4rem;margin-top:.75rem;padding:.55rem 1.25rem;background:#6366f12e;border:1px solid rgba(99,102,241,.4);border-radius:10px;color:#a78bfa;font-size:.875rem;font-weight:600;cursor:pointer;transition:background .2s ease,border-color .2s ease}.stats-coming-soon-back:hover{background:#6366f14d;border-color:#8b5cf699}[data-theme=light] .stats-coming-soon{background:#ffffffe6;border:1px solid rgba(0,0,0,.08)}[data-theme=light] .stats-coming-soon-title{color:#1e293b}[data-theme=light] .stats-coming-soon-subtitle{color:#64748b}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:5rem 2rem;text-align:center;color:#fff6;background:#0f172a80;border-radius:16px;min-height:300px;border:1px solid rgba(255,255,255,.06)}.empty-state svg{margin-bottom:1.5rem;opacity:.3;color:#ffffff80}.empty-state p{font-size:1.125rem;font-weight:500;color:#ffffff80}.date-picker-modal-overlay{position:fixed;inset:0;background:#000000bf;backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:10000}.date-picker-modal-wide{background:#0f172a;border:1px solid rgba(255,255,255,.12);border-radius:12px;width:92%;max-width:580px;overflow:hidden;display:flex;align-items:stretch}.calendar-left-panel{background:linear-gradient(180deg,#f97316,#ea580c);padding:32px 24px;width:160px;flex:0 0 160px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;overflow:hidden}.selected-day-name{font-size:16px;font-weight:600;margin-bottom:16px;text-transform:capitalize;opacity:.95}.selected-day-number{font-size:64px;font-weight:800;line-height:1;margin-bottom:8px}.selected-month-name{font-size:16px;font-weight:600;margin-bottom:10px;text-transform:capitalize;opacity:.95}.selected-year{font-size:32px;font-weight:700;opacity:.85}.calendar-right-panel{flex:1;padding:20px 24px 16px;background:#1e293b;display:flex;flex-direction:column;min-width:0}.calendar-nav-row{display:flex;gap:16px;margin-bottom:16px;flex-shrink:0}.calendar-nav-group{flex:1;display:flex;align-items:center;justify-content:space-between;gap:8px}.calendar-nav-group button{background:transparent;border:none;color:#ffffffd9;font-size:22px;cursor:pointer;padding:4px 10px;border-radius:6px;transition:all .2s ease;font-weight:400}.calendar-nav-group button:hover{background:#f9731626;color:#fb923c}.nav-label{font-size:14px;font-weight:600;color:#ffffffd9;text-transform:capitalize;min-width:90px;text-align:center}.calendar-table{width:100%;border-collapse:separate;border-spacing:3px;margin-bottom:14px;table-layout:fixed}.calendar-table thead th{text-align:center;font-size:12px;font-weight:700;color:#fb923c;padding:6px 0;text-transform:uppercase;letter-spacing:.5px}.calendar-table tbody td{text-align:center;font-size:13px;font-weight:500;color:#ffffffbf;cursor:pointer;transition:background-color .2s ease,color .2s ease;background:#ffffff0a;border:1px solid transparent;border-radius:6px;padding:10px 6px;height:38px}.calendar-table tbody td.other-month{color:#fff3}.calendar-table tbody td:not(.other-month):hover{background:#f9731626;color:#fff}.calendar-table tbody td.selected{background:#f97316;color:#fff}.calendar-table tbody td.today:not(.selected){background:#f9731614;color:#fb923c}.calendar-actions{display:flex;justify-content:flex-end;gap:10px;padding-top:10px;border-top:1px solid rgba(255,255,255,.08)}.calendar-action-btn{padding:7px 18px;border-radius:6px;font-size:12px;font-weight:700;cursor:pointer;transition:all .2s ease;border:none;text-transform:uppercase;letter-spacing:.5px}.calendar-action-btn.clear{background:transparent;color:#ef4444}.calendar-action-btn.clear:hover{background:#ef44441f}.calendar-action-btn.cancel{background:transparent;color:#ffffff80}.calendar-action-btn.cancel:hover{background:#ffffff12;color:#fffc}.calendar-action-btn.ok{background:linear-gradient(135deg,#f97316,#ea580c);color:#fff}.calendar-action-btn.ok:hover{background:linear-gradient(135deg,#fb923c,#f97316)}@media (max-width: 500px){.calendar-left-panel{display:none}.calendar-right-panel{min-width:0;padding:16px 14px 12px}.date-picker-modal-wide{width:96%}}[data-theme=light] .days-calendar-row,[data-theme=light] .filter-date-row{background:linear-gradient(135deg,#1e293b,#0f172a);border-color:#ffffff1a;color:#fff!important}[data-theme=light] .league-section{background:#fff;border-bottom:1px solid #e5e7eb;border-radius:0}[data-theme=light] .league-header-simple{background:linear-gradient(135deg,#1e293b,#0f172a)}[data-theme=light] .league-name-text{color:#ffffffe6}[data-theme=light] .league-country-text{color:#ffffff8c}[data-theme=light] .match-rows{background:#fff}[data-theme=light] .team-name-compact{color:#1e293b}[data-theme=light] .match-row:hover .team-name-compact{color:#f97316}[data-theme=light] .match-time-compact{color:#ea580c}[data-theme=light] .empty-state{background:#f8fafc;border-color:#e2e8f0;color:#64748b}[data-theme=light] .empty-state p{color:#475569}[data-theme=light] .calendar-right-panel{background:#f8fafc}[data-theme=light] .calendar-table tbody td{background:#fff;color:#374151}[data-theme=light] .calendar-table tbody td.other-month{color:#d1d5db}[data-theme=light] .calendar-table tbody td:not(.other-month):hover{background:#f973161f;color:#ea580c}[data-theme=light] .calendar-table tbody td.selected{background:#f97316;color:#fff}[data-theme=light] .calendar-table tbody td.today:not(.selected){background:#f9731614;color:#ea580c}[data-theme=light] .nav-label{color:#374151}[data-theme=light] .calendar-nav-group button{color:#111827;font-weight:600}[data-theme=light] .calendar-nav-group button:hover{background:#f973161a;color:#ea580c}[data-theme=light] .calendar-action-btn.cancel{color:#111827}[data-theme=light] .calendar-action-btn.cancel:hover{background:#0000000f}.auth-modal-backdrop{position:fixed;inset:0;background:#000000a6;backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:10000;padding:1rem}.auth-modal{position:relative;background:#fff;border-radius:16px;padding:2rem;width:100%;max-width:420px;box-shadow:0 24px 60px #0000004d;animation:authModalIn .22s cubic-bezier(.34,1.56,.64,1)}@keyframes authModalIn{0%{opacity:0;transform:scale(.92) translateY(12px)}to{opacity:1;transform:scale(1) translateY(0)}}.auth-modal-close{position:absolute;top:1rem;right:1rem;background:#f1f5f9;border:none;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#64748b;transition:background .2s,color .2s}.auth-modal-close:hover{background:#e2e8f0;color:#1e293b}.auth-modal-brand{text-align:center;margin-bottom:1.25rem;display:flex;flex-direction:column;align-items:center;gap:.25rem}.auth-modal-logo-img{height:48px;width:auto;object-fit:contain;border-radius:10px;margin-bottom:.25rem}.auth-modal-logo{font-size:1.5rem;font-weight:800;background:linear-gradient(135deg,#1e293b,#3b82f6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.auth-modal-tagline{font-size:.8125rem;color:#94a3b8;margin:.25rem 0 0}.auth-tab-switcher{display:flex;background:#f1f5f9;border-radius:8px;padding:3px;margin-bottom:1.25rem;gap:3px}.auth-tab-btn{flex:1;padding:.5rem;border:none;border-radius:6px;background:transparent;color:#64748b;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.auth-tab-btn.active{background:#fff;color:#1e293b;font-weight:600;box-shadow:0 1px 4px #0000001a}.auth-error{background:#fef2f2;border:1px solid #fecaca;color:#dc2626;border-radius:8px;padding:.625rem .875rem;font-size:.8125rem;margin-bottom:1rem}.auth-form{display:flex;flex-direction:column;gap:.75rem}.auth-name-row{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.auth-field{position:relative;display:flex;align-items:center}.auth-field-icon{position:absolute;left:.75rem;color:#94a3b8;pointer-events:none}.auth-input{width:100%;padding:.625rem .75rem .625rem 2.25rem;border:1.5px solid #e2e8f0;border-radius:8px;font-size:.875rem;color:#1e293b;background:#fff;transition:border-color .2s,box-shadow .2s;outline:none}.auth-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f626}.auth-input::placeholder{color:#94a3b8}.auth-show-password{position:absolute;right:.75rem;background:none;border:none;cursor:pointer;color:#94a3b8;padding:0;display:flex;align-items:center}.auth-show-password:hover{color:#475569}.auth-submit-btn{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;border:none;border-radius:8px;padding:.7rem;font-size:.9375rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .2s;margin-top:.25rem}.auth-submit-btn:hover:not(:disabled){background:linear-gradient(135deg,#1d4ed8,#1e40af);transform:translateY(-1px)}.auth-submit-btn:disabled{opacity:.7;cursor:not-allowed}.auth-spinner{animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.auth-divider{display:flex;align-items:center;gap:.75rem;margin:1rem 0 .75rem;color:#94a3b8;font-size:.8125rem}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:#e2e8f0}.auth-google-btn-wrapper{width:100%;min-height:44px;display:flex;justify-content:center;margin-bottom:.5rem}.auth-social-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:.625rem;padding:.65rem 1rem;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;margin-bottom:.5rem}.auth-google-btn{background:#fff;border:1.5px solid #dadce0;color:#3c4043}.auth-google-btn:hover:not(:disabled){background:#f8f9fa;border-color:#c0c4c9;box-shadow:0 2px 8px #0000001a}.auth-facebook-btn{background:#1877f2;border:1.5px solid #1877f2;color:#fff}.auth-facebook-btn:hover:not(:disabled){background:#1565d8;border-color:#1565d8;box-shadow:0 2px 8px #1877f24d}.auth-social-btn:disabled{opacity:.55;cursor:not-allowed}.auth-switch-text{text-align:center;font-size:.8125rem;color:#64748b;margin:.75rem 0 0}.auth-switch-link{background:none;border:none;color:#3b82f6;font-weight:600;cursor:pointer;padding:0;font-size:inherit;text-decoration:underline}.auth-switch-link:hover{color:#2563eb}[data-theme=dark] .auth-modal{background:#1e293b;color:#f1f5f9}[data-theme=dark] .auth-modal-close{background:#334155;color:#94a3b8}[data-theme=dark] .auth-modal-close:hover{background:#475569;color:#f1f5f9}[data-theme=dark] .auth-tab-switcher{background:#0f172a}[data-theme=dark] .auth-tab-btn{color:#94a3b8}[data-theme=dark] .auth-tab-btn.active{background:#1e293b;color:#f1f5f9}[data-theme=dark] .auth-input{background:#0f172a;border-color:#334155;color:#f1f5f9}[data-theme=dark] .auth-input:focus{border-color:#3b82f6}[data-theme=dark] .auth-input::placeholder{color:#475569}[data-theme=dark] .auth-google-btn{background:#1e293b;border-color:#475569;color:#e2e8f0}[data-theme=dark] .auth-switch-text{color:#94a3b8}@media (max-width: 480px){.auth-modal{padding:1.5rem}.auth-name-row{grid-template-columns:1fr}}.dashboard-page{min-height:100vh;background:#f8fafc}.dashboard-hero{background:linear-gradient(135deg,#1e293b,#334155 60%,#1e3a5f);padding:1.5rem 0}.dashboard-hero-inner{max-width:960px;margin:0 auto;padding:0 1.5rem;display:flex;align-items:center;gap:1rem}.dashboard-avatar{width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#8b5cf6);display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;color:#fff;flex-shrink:0;box-shadow:0 4px 16px #3b82f666}.dashboard-user-info{flex:1;min-width:0}.dashboard-name{font-size:1.25rem;font-weight:700;color:#fff;margin:0 0 .2rem}.dashboard-email{font-size:.875rem;color:#fff9;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dashboard-logout-btn{display:flex;align-items:center;gap:.4rem;background:transparent;border:1.5px solid rgba(255,255,255,.3);color:#fffc;padding:.4rem .875rem;border-radius:6px;font-size:.8125rem;font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap}.dashboard-logout-btn:hover{border-color:#f87171;color:#f87171;background:#f8717114}.dashboard-stats-bar{background:#fff;border-bottom:1px solid #e2e8f0;display:flex;justify-content:center}.dashboard-stat{display:flex;align-items:center;gap:.5rem;padding:.875rem 2rem;border-right:1px solid #e2e8f0}.dashboard-stat:last-child{border-right:none}.dashboard-stat-value{font-size:1rem;font-weight:700;color:#1e293b}.dashboard-stat-label{font-size:.8125rem;color:#64748b}.dashboard-content{max-width:960px;margin:0 auto;padding:2rem 1.5rem;display:flex;flex-direction:column;gap:1.5rem}.dashboard-section{background:#fff;border-radius:14px;border:1px solid #e2e8f0;overflow:hidden}.dashboard-section-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid #e2e8f0}.dashboard-section-title{display:flex;align-items:center;gap:.5rem}.dashboard-section-title h2{font-size:1rem;font-weight:700;color:#1e293b;margin:0}.dashboard-badge{background:#f1f5f9;color:#475569;font-size:.75rem;font-weight:600;padding:.15rem .5rem;border-radius:20px}.dashboard-section-actions{display:flex;align-items:center;gap:.5rem}.dashboard-icon-btn{display:flex;align-items:center;gap:.375rem;background:#f1f5f9;border:none;border-radius:6px;height:32px;padding:0 .625rem;cursor:pointer;color:#64748b;font-size:.8125rem;transition:background .2s,color .2s}.dashboard-icon-btn:hover{background:#e2e8f0;color:#1e293b}.dashboard-add-btn{display:flex;align-items:center;gap:.375rem;background:#3b82f6;border:none;border-radius:6px;color:#fff;padding:.4rem .875rem;font-size:.8125rem;font-weight:600;cursor:pointer;transition:background .2s}.dashboard-add-btn:hover:not(:disabled){background:#2563eb}.dashboard-add-btn:disabled{opacity:.7;cursor:not-allowed}.dashboard-profile-info{padding:1rem 1.25rem;display:flex;flex-direction:column;gap:.625rem}.dashboard-profile-row{display:flex;align-items:center;gap:1rem}.dashboard-profile-label{font-size:.8125rem;color:#94a3b8;width:80px;flex-shrink:0}.dashboard-profile-value{font-size:.9375rem;color:#1e293b;font-weight:500}.dashboard-profile-msg{font-size:.8125rem;margin:.25rem 0 0}.dashboard-profile-msg.success{color:#10b981}.dashboard-profile-msg.error{color:#dc2626}.dashboard-edit-form{padding:1rem 1.25rem;display:flex;flex-direction:column;gap:.75rem}.dashboard-edit-row{display:flex;flex-direction:column;gap:.375rem}.dashboard-edit-row label{font-size:.8125rem;color:#64748b;font-weight:500}.dashboard-edit-input{padding:.6rem .875rem;border:1.5px solid #e2e8f0;border-radius:8px;font-size:.875rem;color:#1e293b;background:#fff;outline:none;transition:border-color .2s}.dashboard-edit-input:focus{border-color:#3b82f6}.dashboard-edit-actions{display:flex;align-items:center;gap:.5rem;justify-content:flex-end}.dashboard-search-box{padding:.875rem 1.25rem;border-bottom:1px solid #e2e8f0;background:#fafafa}.dashboard-search-field{position:relative;display:flex;align-items:center}.dashboard-search-icon{position:absolute;left:.75rem;color:#94a3b8;pointer-events:none}.dashboard-search-input{width:100%;padding:.6rem 2.5rem .6rem 2.25rem;border:1.5px solid #e2e8f0;border-radius:8px;font-size:.875rem;color:#1e293b;background:#fff;outline:none;transition:border-color .2s}.dashboard-search-input:focus{border-color:#3b82f6}.dashboard-search-input::placeholder{color:#94a3b8}.dashboard-search-spinner{position:absolute;right:.75rem;color:#94a3b8;animation:spin .8s linear infinite}.dashboard-suggestions{margin-top:.5rem;background:#fff;border:1px solid #e2e8f0;border-radius:8px;overflow:hidden;box-shadow:0 4px 12px #00000014}.dashboard-suggestion-item{display:flex;align-items:center;gap:.625rem;width:100%;padding:.625rem .875rem;background:transparent;border:none;border-bottom:1px solid #f1f5f9;cursor:pointer;text-align:left;transition:background .15s}.dashboard-suggestion-item:last-child{border-bottom:none}.dashboard-suggestion-item:hover:not(.already-added):not(:disabled){background:#f8fafc}.dashboard-suggestion-item.already-added{cursor:default;opacity:.6}.dashboard-suggestion-logo{width:26px;height:26px;object-fit:contain;border-radius:4px}.dashboard-suggestion-sport{font-size:1.1rem}.dashboard-suggestion-name{flex:1;font-size:.875rem;font-weight:500;color:#1e293b}.dashboard-suggestion-league{font-size:.75rem;color:#94a3b8;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dashboard-suggestion-added{font-size:.75rem;color:#10b981;font-weight:600}.dashboard-suggestion-add-icon{color:#3b82f6;flex-shrink:0}.dashboard-no-suggestions{font-size:.8125rem;color:#94a3b8;padding:.5rem 0;margin:0}.dashboard-action-error{display:flex;align-items:center;justify-content:space-between;background:#fef2f2;border:1px solid #fecaca;color:#dc2626;padding:.625rem .875rem;font-size:.8125rem;margin:.75rem 1.25rem;border-radius:8px}.dashboard-action-error button{background:none;border:none;cursor:pointer;color:#dc2626;display:flex;align-items:center;padding:0}.dashboard-loading,.dashboard-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1.5rem;gap:.75rem;color:#94a3b8}.dashboard-loading{flex-direction:row}.dashboard-empty p{margin:0;font-size:1rem;color:#64748b;font-weight:500}.dashboard-empty-sub{font-size:.875rem!important;color:#94a3b8!important;font-weight:400!important}.dashboard-teams-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.dashboard-team-card{display:flex;align-items:center;gap:.75rem;padding:.875rem 1.25rem;border-bottom:1px solid #f1f5f9;border-right:1px solid #f1f5f9;transition:background .15s}.dashboard-team-card:hover{background:#f8fafc}.dashboard-team-logo-wrap{width:40px;height:40px;border-radius:8px;background:#f1f5f9;display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden}.dashboard-team-logo{width:36px;height:36px;object-fit:contain}.dashboard-team-sport-icon{font-size:1.25rem}.dashboard-team-info{flex:1;min-width:0}.dashboard-team-name{display:block;font-size:.875rem;font-weight:600;color:#1e293b;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dashboard-team-sport{display:block;font-size:.75rem;color:#94a3b8;text-transform:capitalize}.dashboard-team-remove{background:transparent;border:none;cursor:pointer;color:#cbd5e1;padding:.25rem;border-radius:4px;display:flex;align-items:center;transition:color .15s,background .15s;flex-shrink:0}.dashboard-team-remove:hover:not(:disabled){color:#f87171;background:#fef2f2}.dashboard-team-remove:disabled{opacity:.5;cursor:not-allowed}.dashboard-hero-actions{display:flex;gap:.5rem;align-items:center;flex-shrink:0}[data-theme=dark] .dashboard-page{background:#0f172a}[data-theme=dark] .dashboard-stats-bar{background:#1e293b;border-color:#334155}[data-theme=dark] .dashboard-stat{border-color:#334155}[data-theme=dark] .dashboard-stat-value{color:#f1f5f9}[data-theme=dark] .dashboard-section{background:#1e293b;border-color:#334155}[data-theme=dark] .dashboard-section-header{border-color:#334155}[data-theme=dark] .dashboard-section-title h2{color:#f1f5f9}[data-theme=dark] .dashboard-badge,[data-theme=dark] .dashboard-icon-btn{background:#334155;color:#94a3b8}[data-theme=dark] .dashboard-icon-btn:hover{background:#475569;color:#f1f5f9}[data-theme=dark] .dashboard-search-box{background:#0f172a;border-color:#334155}[data-theme=dark] .dashboard-search-input{background:#0f172a;border-color:#334155;color:#f1f5f9}[data-theme=dark] .dashboard-suggestions{background:#1e293b;border-color:#334155}[data-theme=dark] .dashboard-suggestion-item{border-color:#334155}[data-theme=dark] .dashboard-suggestion-item:hover:not(.already-added){background:#334155}[data-theme=dark] .dashboard-suggestion-name{color:#f1f5f9}[data-theme=dark] .dashboard-team-card{border-color:#334155}[data-theme=dark] .dashboard-team-card:hover,[data-theme=dark] .dashboard-team-logo-wrap{background:#334155}[data-theme=dark] .dashboard-team-name,[data-theme=dark] .dashboard-profile-value{color:#f1f5f9}[data-theme=dark] .dashboard-edit-input{background:#0f172a;border-color:#334155;color:#f1f5f9}@media (max-width: 640px){.dashboard-hero-inner{flex-wrap:wrap}.dashboard-hero-actions{width:100%}.dashboard-stats-bar{justify-content:flex-start;overflow-x:auto}.dashboard-stat{padding:.75rem 1.25rem}.dashboard-content{padding:1rem}}.notif-bell-wrapper{position:relative;display:flex;align-items:center}.notif-bell-btn{position:relative;background:none;border:none;cursor:pointer;color:var(--text-secondary, #64748b);padding:.375rem;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:background .2s,color .2s}.notif-bell-btn:hover,.notif-bell-btn.open{background:#f1f5f9;color:#1e293b}[data-theme=dark] .notif-bell-btn:hover,[data-theme=dark] .notif-bell-btn.open{background:#334155;color:#f1f5f9}.notif-badge{position:absolute;top:1px;right:1px;background:#ef4444;color:#fff;font-size:.625rem;font-weight:700;min-width:16px;height:16px;border-radius:8px;display:flex;align-items:center;justify-content:center;padding:0 3px;line-height:1}.notif-dropdown{position:absolute;top:calc(100% + 8px);right:0;width:340px;background:#fff;border:1px solid #e2e8f0;border-radius:14px;box-shadow:0 12px 40px #00000026;z-index:9000;overflow:hidden;animation:notifIn .18s ease}@keyframes notifIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.notif-dropdown-header{display:flex;align-items:center;justify-content:space-between;padding:.875rem 1rem;border-bottom:1px solid #e2e8f0}.notif-dropdown-title{font-size:.9375rem;font-weight:700;color:#1e293b}.notif-dropdown-actions{display:flex;gap:.375rem;align-items:center}.notif-mark-all-btn,.notif-close-btn{background:#f1f5f9;border:none;border-radius:6px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#64748b;transition:background .2s,color .2s}.notif-mark-all-btn:hover,.notif-close-btn:hover{background:#e2e8f0;color:#1e293b}.notif-list{max-height:380px;overflow-y:auto}.notif-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2.5rem 1rem;gap:.625rem;color:#94a3b8}.notif-empty p{margin:0;font-size:.875rem}.notif-item{display:flex;align-items:flex-start;gap:.75rem;width:100%;padding:.75rem 1rem;background:transparent;border:none;border-bottom:1px solid #f1f5f9;cursor:pointer;text-align:left;transition:background .15s;position:relative}.notif-item:last-child{border-bottom:none}.notif-item:hover{background:#f8fafc}.notif-item.unread{background:#eff6ff}.notif-item.unread:hover{background:#dbeafe}.notif-item-icon{flex-shrink:0;margin-top:2px}.notif-item-body{flex:1;min-width:0}.notif-item-title{font-size:.875rem;font-weight:600;color:#1e293b;margin:0 0 .2rem}.notif-item-msg{font-size:.8125rem;color:#64748b;margin:0 0 .25rem;line-height:1.4}.notif-item-time{font-size:.75rem;color:#94a3b8}.notif-unread-dot{width:8px;height:8px;border-radius:50%;background:#3b82f6;flex-shrink:0;align-self:center;margin-left:auto}[data-theme=dark] .notif-dropdown{background:#1e293b;border-color:#334155}[data-theme=dark] .notif-dropdown-header{border-color:#334155}[data-theme=dark] .notif-dropdown-title{color:#f1f5f9}[data-theme=dark] .notif-mark-all-btn,[data-theme=dark] .notif-close-btn{background:#334155;color:#94a3b8}[data-theme=dark] .notif-mark-all-btn:hover,[data-theme=dark] .notif-close-btn:hover{background:#475569;color:#f1f5f9}[data-theme=dark] .notif-item{border-color:#334155}[data-theme=dark] .notif-item:hover{background:#334155}[data-theme=dark] .notif-item.unread{background:#3b82f61f}[data-theme=dark] .notif-item.unread:hover{background:#3b82f633}[data-theme=dark] .notif-item-title{color:#f1f5f9}[data-theme=dark] .notif-item-msg{color:#94a3b8}@media (max-width: 480px){.notif-dropdown{width:calc(100vw - 2rem);right:-1rem}}.pred-loading{display:flex;align-items:center;gap:.75rem;padding:3rem 1.5rem;color:#64748b;font-size:.9375rem}.pred-spinner{animation:spin .9s linear infinite}.pred-error{padding:1.25rem;background:#fef2f2;border:1px solid #fecaca;color:#dc2626;border-radius:10px;margin:1rem}.pred-empty{padding:3rem 1.5rem;color:#94a3b8;text-align:center;font-size:.9375rem}.pred-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem;padding:1rem}.pred-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:1rem 1.125rem;display:flex;flex-direction:column;gap:.75rem;transition:box-shadow .2s}.pred-card:hover{box-shadow:0 4px 20px #00000014}.pred-card-league{font-size:.75rem;font-weight:600;color:#3b82f6;text-transform:uppercase;letter-spacing:.05em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pred-card-teams{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.pred-card-team{display:flex;flex-direction:column;align-items:center;gap:.25rem;flex:1;font-size:.8125rem;font-weight:600;color:#1e293b;text-align:center}.pred-team-logo{width:36px;height:36px;object-fit:contain;border-radius:6px}.pred-card-vs{font-size:.75rem;color:#94a3b8;font-weight:500;flex-shrink:0}.pred-card-prediction{display:flex;flex-direction:column;gap:.5rem}.pred-result-badge{display:inline-flex;align-items:center;background:linear-gradient(135deg,#2563eb,#7c3aed);color:#fff;font-size:.8125rem;font-weight:700;padding:.3rem .75rem;border-radius:20px;align-self:flex-start}.pred-confidence{display:flex;align-items:center;gap:.5rem}.pred-confidence-label{font-size:.75rem;color:#94a3b8;white-space:nowrap}.pred-confidence-bar{flex:1;height:6px;background:#f1f5f9;border-radius:3px;overflow:hidden}.pred-confidence-fill{height:100%;background:linear-gradient(90deg,#3b82f6,#10b981);border-radius:3px;transition:width .6s ease}.pred-confidence-pct{font-size:.8125rem;font-weight:700;color:#1e293b;white-space:nowrap}.pred-goals{font-size:.8125rem;color:#64748b}.pred-goals strong{color:#1e293b}.pred-card-no-pred{font-size:.8125rem;color:#94a3b8;font-style:italic}[data-theme=dark] .pred-card{background:#1e293b;border-color:#334155}[data-theme=dark] .pred-card-team{color:#f1f5f9}[data-theme=dark] .pred-confidence-bar{background:#334155}[data-theme=dark] .pred-confidence-pct,[data-theme=dark] .pred-goals strong{color:#f1f5f9}@media (max-width: 480px){.pred-grid{grid-template-columns:1fr;padding:.75rem}}.trivia-widget{background:var(--card-bg, #fff);border:1.5px solid #7c3aed33;border-radius:12px;padding:.9rem 1rem .75rem;margin:.75rem 0 .25rem}.trivia-widget-header{display:flex;align-items:center;gap:.4rem;font-size:.78rem;font-weight:700;color:#7c3aed;margin-bottom:.65rem;text-transform:uppercase;letter-spacing:.04em}.trivia-widget-icon{flex-shrink:0}.trivia-widget-cats{display:flex;gap:.3rem;overflow-x:auto;scrollbar-width:none;margin-bottom:.55rem;padding-bottom:.1rem}.trivia-widget-cats::-webkit-scrollbar{display:none}.trivia-widget-cat-pill{flex-shrink:0;padding:.2rem .45rem;border:1px solid var(--border-color, #e2e8f0);border-radius:14px;background:none;font-size:.7rem;font-weight:600;cursor:pointer;color:var(--text-secondary, #64748b);transition:border-color .15s,color .15s,background .15s;white-space:nowrap}.trivia-widget-cat-pill:hover{border-color:#7c3aed;color:#7c3aed}.trivia-widget-cat-pill.active{border-color:#7c3aed;background:#7c3aed1f;color:#7c3aed}.trivia-widget-streak{margin-left:auto;font-size:.72rem;background:#7c3aed1f;padding:.15rem .45rem;border-radius:20px;font-weight:700}.trivia-widget-q{font-size:.84rem;font-weight:600;color:var(--text-primary, #1e293b);line-height:1.45;margin:0 0 .7rem}.trivia-widget-opts{display:grid;grid-template-columns:1fr 1fr;gap:.4rem;margin-bottom:.5rem}.trivia-widget-opt{display:flex;align-items:center;gap:.35rem;padding:.45rem .6rem;background:var(--bg-secondary, #f8fafc);border:1.5px solid var(--border-color, #e2e8f0);border-radius:8px;font-size:.76rem;font-weight:500;color:var(--text-primary, #1e293b);cursor:pointer;text-align:left;transition:border-color .15s,background .15s,color .15s;line-height:1.3}.trivia-widget-opt:not(:disabled):hover{border-color:#7c3aed;background:#7c3aed0f}.trivia-widget-opt:disabled{cursor:default}.trivia-widget-opt.correct{border-color:#16a34a!important;background:#16a34a1f!important;color:#15803d!important;font-weight:700}.trivia-widget-opt.wrong{border-color:#ef4444!important;background:#ef44441a!important;color:#dc2626!important}.trivia-widget-letter{flex-shrink:0;width:18px;height:18px;border-radius:50%;background:var(--bg-primary, #fff);border:1px solid currentColor;font-size:.62rem;font-weight:800;display:flex;align-items:center;justify-content:center}.trivia-widget-feedback{font-size:.78rem;font-weight:700;text-align:center;padding:.3rem .5rem;border-radius:6px;margin-bottom:.5rem;animation:widget-pop .25s cubic-bezier(.175,.885,.32,1.275)}.trivia-widget-feedback.ok{color:#15803d;background:#16a34a1a}.trivia-widget-feedback.no{color:#dc2626;background:#ef444414}@keyframes widget-pop{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.trivia-widget-footer{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-top:.2rem}.trivia-widget-retry{display:inline-flex;align-items:center;gap:.25rem;font-size:.73rem;font-weight:600;color:var(--text-secondary, #64748b);background:none;border:1px solid var(--border-color, #e2e8f0);border-radius:20px;padding:.25rem .6rem;cursor:pointer;transition:border-color .15s,color .15s}.trivia-widget-retry:hover{border-color:#7c3aed;color:#7c3aed}.trivia-widget-cta{margin-left:auto;font-size:.76rem;font-weight:700;color:#7c3aed;text-decoration:none;display:inline-flex;align-items:center;gap:.2rem;transition:opacity .15s}.trivia-widget-cta:hover{opacity:.75;text-decoration:underline}[data-theme=dark] .trivia-widget{background:#1e293b;border-color:#7c3aed59}[data-theme=dark] .trivia-widget-opt{background:#243447;border-color:#ffffff1f;color:#f1f5f9}[data-theme=dark] .trivia-widget-opt.correct{color:#4ade80!important}[data-theme=dark] .trivia-widget-opt.wrong{color:#f87171!important}[data-theme=dark] .trivia-widget-letter{background:#0f172a}@media (max-width: 768px){.match-score-compact{padding:.2rem .4rem;min-width:44px;gap:.15rem;border-radius:8px}.score-value{font-size:.9375rem;min-width:12px}.match-score-compact .score-separator{font-size:.8125rem}.match-row{gap:.25rem;padding:.1rem .5rem}.fixture-team-logo{width:24px;height:24px;margin:0 .15rem}.fixture-team-logo img{width:16px;height:16px}.match-time-compact{font-size:.75rem;min-width:42px}.team-name-compact{font-size:.8125rem}.days-calendar-row{gap:.25rem;padding:.25rem}.days-selector{overflow-x:auto;gap:.25rem;padding:.1rem 0;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.days-selector::-webkit-scrollbar{display:none}.days-selector.left,.days-selector.right{justify-content:flex-start}.day-button{min-width:36px;padding:.25rem .3rem;border-radius:5px;flex:1 0 auto}.day-weekday{font-size:.40625rem}.day-number{font-size:.6875rem;margin:.015rem 0}}@media (max-width: 480px){.day-number{font-size:.6875rem}.day-weekday{font-size:.4rem}.day-button{min-width:34px;padding:.25rem .3rem}.date-day-number{font-size:.8125rem}.date-full-text{font-size:.5rem}.league-name-text{font-size:.6875rem}.league-match-count-simple{font-size:.5625rem}.match-time-compact{font-size:.6875rem;min-width:38px}.team-name-compact{font-size:.75rem}.score-value{font-size:.8125rem;min-width:10px}.match-score-compact .score-separator{font-size:.6875rem}.match-score-compact{padding:.15rem .3rem;min-width:38px;gap:.125rem;border-radius:7px}.fixture-team-logo{width:22px;height:22px}.fixture-team-logo img{width:14px;height:14px}.fixture-team-logo span{font-size:.5rem}.fixture-vs-badge{font-size:.6875rem}}@media (max-width: 360px){.day-number{font-size:.625rem}.day-button{min-width:28px;padding:.2rem}.league-name-text{font-size:.625rem}.match-time-compact{font-size:.625rem;min-width:28px}.team-name-compact{font-size:.6875rem}.score-value{font-size:.75rem;min-width:8px}.match-score-compact{padding:.1rem .2rem;min-width:32px;gap:.1rem;border-radius:5px}.fixture-team-logo{width:18px;height:18px;margin:0 .15rem}.fixture-team-logo img{width:12px;height:12px}}.sport-mobile-select{position:relative;width:100%;padding:.35rem 1rem}.sport-mobile-select-btn{display:flex;align-items:center;gap:.5rem;width:100%;padding:.4rem .75rem;background:linear-gradient(135deg,#3b82f633,#2563eb26);border:2px solid rgba(59,130,246,.5);border-radius:.75rem;color:#fff;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease}.sport-mobile-select-btn:hover{border-color:#93c5fdb3;background:linear-gradient(135deg,#3b82f64d,#2563eb40)}.sport-mobile-select-btn.open{border-color:#93c5fde6;background:linear-gradient(135deg,#2563eb66,#1e3a8a59)}.sport-select-arrow{margin-left:auto;display:inline-block;transition:transform .3s ease;font-size:1rem;opacity:.8}.sport-mobile-select-btn.open .sport-select-arrow{transform:rotate(180deg)}.sport-select-name{font-size:13px;font-weight:600;color:#fff}.sport-mobile-dropdown-menu{position:absolute;top:calc(100% + .25rem);left:.5rem;right:.5rem;background:linear-gradient(135deg,#1e293b,#2d3f55);border:2px solid rgba(96,165,250,.4);border-radius:.75rem;box-shadow:0 12px 32px #00000080,0 4px 12px #3b82f64d;z-index:9999;display:grid;grid-template-columns:repeat(4,1fr);gap:.25rem;padding:.5rem;max-height:280px;overflow-y:auto}.sport-mobile-dropdown-fixed{position:fixed!important}.sport-mobile-option{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;padding:.5rem .25rem;background:transparent;border:2px solid transparent;border-radius:.5rem;color:#ffffffd9;cursor:pointer;transition:all .2s ease}.sport-mobile-option:hover{background:#3b82f633;border-color:#3b82f666;color:#fff}.sport-mobile-option.active{background:linear-gradient(135deg,#3b82f659,#2563eb4d);border-color:#60a5fab3;color:#fff}.sport-mobile-option .sport-icon{font-size:20px;display:flex;align-items:center;justify-content:center}.sport-mobile-option .sport-icon .sport-icon-img{width:24px;height:24px}.sport-mobile-option-name{font-size:10px;font-weight:500;text-align:center;line-height:1.1;color:inherit}.sport-mobile-option.active .sport-mobile-option-name{font-weight:700}@media (max-width: 1024px){.live-scores-left-ad,.live-scores-right-ad{display:none!important;width:0!important;min-width:0!important;max-width:0!important;overflow:hidden!important;padding:0!important;margin:0!important}.live-scores-layout{display:block!important;overflow-x:hidden!important;padding:0!important;margin-left:-1rem!important;margin-right:-1rem!important;width:calc(100% + 2rem)!important;max-width:calc(100% + 2rem)!important;box-sizing:border-box!important}.floating-corner-ad{display:none!important}}@media (max-width: 1024px){.page-hero-header{margin-left:-1rem!important;margin-right:-1rem!important;width:calc(100% + 2rem)!important;max-width:calc(100% + 2rem)!important;box-sizing:border-box!important;overflow-x:hidden!important}.sport-filter-section{margin-left:-1rem!important;margin-right:-1rem!important;margin-top:0!important;margin-bottom:0!important;padding-top:.1rem!important;padding-bottom:0!important;width:calc(100% + 2rem)!important;max-width:calc(100% + 2rem)!important;box-sizing:border-box!important;overflow:visible!important;position:relative!important;z-index:10!important}.sport-mobile-select{padding-top:.15rem!important;padding-bottom:.15rem!important}.sub-content-header{margin-top:0!important;padding-top:.1rem!important;padding-bottom:.1rem!important}.mobile-filter-bar{display:flex!important;align-items:center!important;gap:.375rem!important;padding:.25rem .75rem!important;background:#f1f5f9!important;border-bottom:1px solid #cbd5e1!important;margin-left:-1rem!important;margin-right:-1rem!important;width:calc(100% + 2rem)!important;max-width:calc(100% + 2rem)!important;box-sizing:border-box!important}.mobile-filter-bar .filter-container{flex:1!important;min-width:0!important;height:32px!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;width:auto!important;max-width:none!important}.mobile-filter-bar .sort-cycle-btn,.mobile-filter-bar .collapse-all-btn{flex-shrink:0!important;height:32px!important;width:32px!important;padding:0!important;display:flex!important;align-items:center!important;justify-content:center!important;background:#e2e8f0!important;border:1px solid #cbd5e1!important;border-radius:8px!important;color:#334155!important}.mobile-filter-bar .live-filter-toggle{flex-shrink:0!important;height:32px!important;padding:0 .375rem!important;background:#e2e8f0!important;border:1px solid #cbd5e1!important;border-radius:8px!important;color:#334155!important}.mobile-filter-bar .live-filter-toggle.active{background:#fee2e2!important;border-color:#fca5a5!important;color:#dc2626!important}.mobile-filter-bar .filter-container{background:#fff!important;border-color:#cbd5e1!important}.mobile-filter-bar .filter-input{color:#1e293b!important;padding:0 2rem 0 2.25rem!important}.mobile-filter-bar .filter-icon{color:#64748b!important}.page-hero-content,.sport-filter-content{padding-left:1rem!important;padding-right:1rem!important;max-width:100%!important;box-sizing:border-box!important}}html,body{max-width:100vw!important;overflow-x:hidden!important}@media (max-width: 1024px){.page-container{width:100%!important;max-width:100%!important;box-sizing:border-box!important}}@media (max-width: 1024px){.native-ad-desktop-only{display:none!important}.live-scores-page,.results-page-root>.live-scores-layout{padding-bottom:60px}}@media (max-width: 768px){.match-row .stats-toggle-btn{display:none!important}.match-row .match-status-container{width:64px!important}.league-group-header{min-height:36px!important;max-height:36px!important}.match-row .favorite-star{position:relative}.match-row .favorite-star:after{content:"";position:absolute;inset:-8px;border-radius:50%}}@media (max-width: 480px){.match-row{padding:.1rem .375rem!important;gap:.25rem!important;min-height:32px!important}.match-row .team-logo,.match-row .team-logo-placeholder{width:14px!important;height:14px!important}.match-row .favorite-star,.match-row .favorite-star-placeholder{width:24px!important;height:24px!important}.match-row .home-team-name,.match-row .away-team-name{font-size:.7rem!important}.match-row .match-score{font-size:.875rem!important;min-width:44px!important}.sub-content-header{padding:.2rem .375rem!important;gap:.25rem!important}.league-group-header .league-name{font-size:.8rem!important}}.bottom-nav{display:none}@media (max-width: 1024px){.bottom-nav{display:flex;position:fixed;bottom:0;left:0;right:0;height:56px;background:#1e293b;border-top:1px solid #334155;z-index:10001;padding-bottom:env(safe-area-inset-bottom,0px);box-shadow:0 -2px 12px #0000004d}.bottom-nav-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:#ffffff8c;text-decoration:none;font-size:.6rem;font-weight:500;letter-spacing:.01em;transition:color .15s ease;padding-bottom:env(safe-area-inset-bottom,0px)}.bottom-nav-item.active{color:#fff}.bottom-nav-item.active svg{filter:drop-shadow(0 0 4px rgba(59,130,246,.6))}.main-content{padding-bottom:calc(56px + env(safe-area-inset-bottom,0px))!important}}@media (max-width: 767px){.main-content{padding-bottom:calc(110px + env(safe-area-inset-bottom,0px))!important}.chat-float-anchor,.chat-drawer-panel{bottom:calc(56px + .75rem)!important}}.stats-two-col{display:grid;grid-template-columns:60% 38%;grid-template-rows:1fr;column-gap:2%;margin-bottom:2rem;align-items:start}.stats-two-col.stats-player-col{grid-template-columns:62% 38%;gap:1.5rem;margin-bottom:0}.stats-info-col,.stats-info-bottom-col{grid-column:2}.stats-main-col{grid-column:1;grid-row:1 / -1}@media (max-width: 1024px){.stats-two-col{display:flex!important;flex-direction:column!important;gap:1rem!important;margin-bottom:1rem!important}.stats-main-col{order:1;width:100%!important}.stats-info-col{order:2;width:100%!important}.stats-info-col>.league-section{width:100%!important;max-width:100%!important}.stats-info-bottom-col{order:3;width:100%!important}.league-info-desktop{display:none!important}.league-info-mobile-top{display:block!important;margin-bottom:1rem!important}}.league-info-mobile-top{display:none}.champions-list{display:flex;flex-direction:column;gap:.5rem}.champions-mobile-grid{display:none}@media (max-width: 1024px){.champions-list{display:none}.champions-mobile-grid{display:flex;flex-direction:row;justify-content:space-around;gap:.5rem;padding:.25rem 0}.champion-card{display:flex;flex-direction:column;align-items:center;flex:1;gap:.25rem}.champion-logo{width:44px;height:44px;border-radius:50%;object-fit:contain;border:2px solid #e2e8f0;background:#fff;padding:2px}.champion-count{font-size:.8rem;font-weight:700;color:#1e293b}.champion-name{font-size:.6rem;color:#64748b;text-align:center;max-width:64px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.league-highlight{display:none!important}}.league-info-links{display:flex;flex-wrap:wrap;gap:.375rem;margin-bottom:1rem}.league-link-btn{display:inline-flex;align-items:center;gap:.3rem;padding:.3rem .6rem;background:#f8fafc;border-radius:.375rem;border:1px solid #e2e8f0;font-size:.7rem;font-weight:500;color:#475569;text-decoration:none;transition:background .15s,color .15s}.league-link-btn:hover{background:#f1f5f9}.league-link-web:hover{color:#2563eb}.league-link-twitter:hover{color:#1da1f2}.league-link-instagram:hover{color:#e1306c}.league-link-youtube:hover{color:red}.league-link-facebook:hover{color:#1877f2}.league-info-body .league-info-header{background:none;border-radius:0;padding:0;border:none;justify-content:flex-start;flex-wrap:nowrap;gap:0;margin-bottom:1rem}@media (max-width: 1024px){.league-info-body{padding:.375rem .5rem!important}.league-info-body .league-info-header{margin-bottom:.5rem!important}.league-info-logo{width:32px!important;height:32px!important;font-size:.75rem!important;margin-right:.5rem!important}.league-info-name{font-size:.875rem!important}.league-info-stats{gap:.5rem!important;margin-bottom:.5rem!important}.league-info-links{gap:.25rem;margin-bottom:.5rem}.league-link-label{display:none}.league-link-btn{padding:.4rem}.table-container{overflow-x:auto!important;-webkit-overflow-scrolling:touch}.table-container .league-table{font-size:.75rem!important;min-width:600px}.table-container .league-table th,.table-container .league-table td{padding:.35rem .4rem!important;font-size:.75rem!important}.table-container .league-table th:nth-child(11),.table-container .league-table td:nth-child(11){display:none!important}.table-container .league-table td:nth-child(2) button,.table-container .league-table td:nth-child(2) span{font-size:.75rem!important}}@media (max-width: 640px){.table-container{overflow:hidden!important}.table-container .league-table{font-size:.65rem!important;table-layout:fixed!important;width:100%!important}.table-container .league-table th,.table-container .league-table td{padding:.28rem .07rem!important;font-size:.65rem!important;letter-spacing:0!important;overflow:hidden;white-space:nowrap}.table-container .league-table th:first-child,.table-container .league-table td:first-child{width:20px!important;min-width:unset!important}.table-container .league-table th:nth-child(2),.table-container .league-table td:nth-child(2){width:80px!important;min-width:unset!important;overflow:hidden;text-overflow:ellipsis;padding-left:.2rem!important}.table-container .league-table td:nth-child(2) img{display:none!important}.table-container .league-table td:nth-child(2) button,.table-container .league-table td:nth-child(2) span{font-size:.65rem!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block!important;max-width:100%}.table-container .league-table th:nth-child(n+3):nth-child(-n+8),.table-container .league-table td:nth-child(n+3):nth-child(-n+8){width:20px!important}.table-container .league-table th:nth-child(9),.table-container .league-table td:nth-child(9){width:24px!important}.table-container .league-table th:nth-child(10),.table-container .league-table td:nth-child(10){width:28px!important}.table-container .league-table th:nth-child(11),.table-container .league-table td:nth-child(11){display:none!important}}@media (max-width: 768px){.stat-bar-list{gap:.35rem}.stat-bar-label{padding:.2rem .625rem!important;font-size:.8rem!important}}@media (max-width: 480px){.stat-bar-list{gap:.25rem}.stat-bar-label{padding:.15rem .5rem!important;font-size:.75rem!important}}:root{--color-primary: #3b82f6;--color-primary-hover: #2563eb;--color-success: #10b981;--color-error: #ef4444;--color-warning: #f59e0b;--font-size-base: 16px;--font-size-small: 14px;--font-size-large: 18px;--font-size-xlarge: 24px;--spacing-unit: 8px;--spacing-xs: calc(var(--spacing-unit) * .5);--spacing-sm: var(--spacing-unit);--spacing-md: calc(var(--spacing-unit) * 2);--spacing-lg: calc(var(--spacing-unit) * 3);--spacing-xl: calc(var(--spacing-unit) * 4);--border-radius-sm: 6px;--border-radius-md: 8px;--border-radius-lg: 12px;--container-max-width: 100%;--sidebar-width: 250px}@media (max-width: 480px){:root{--font-size-base: 14px;--font-size-small: 12px;--font-size-large: 16px;--font-size-xlarge: 20px;--spacing-unit: 6px;--container-padding: 12px}body{font-size:var(--font-size-base)}.app-container{display:flex;flex-direction:column;min-height:100vh;padding:0}.app-header{height:var(--header-height)}.header-logo{font-size:18px;font-weight:700}.header-nav{display:none}.hamburger-menu{display:flex;align-items:center;justify-content:center;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:.5rem;padding:.5rem;cursor:pointer;transition:all .2s ease}.hamburger-menu:hover{background:#ffffff2e;border-color:#ffffff59}.hamburger-menu:active{background:#ffffff14;transform:scale(.95)}.hamburger-icon{display:flex;flex-direction:column;gap:4px}.hamburger-line{width:24px;height:2px;background:#fff;border-radius:1px;transition:all .3s ease}.hamburger-menu.menu-open{background:#ffffff26;border-color:#ffffff4d}.hamburger-menu.menu-open .hamburger-line:nth-child(1){transform:rotate(45deg) translateY(6px)}.hamburger-menu.menu-open .hamburger-line:nth-child(2){opacity:0}.hamburger-menu.menu-open .hamburger-line:nth-child(3){transform:rotate(-45deg) translateY(-6px)}.card{padding:12px;margin-bottom:12px;border-radius:var(--border-radius-md)}.match-card{padding:10px;font-size:13px}.team-name{font-size:13px;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.team-logo{width:24px;height:24px}.score-display{font-size:20px;font-weight:700;margin:0 8px}.btn{padding:10px 16px;font-size:14px;border-radius:var(--border-radius-md);width:100%}.btn-sm{padding:6px 12px;font-size:12px}.input,.select{padding:10px 12px;font-size:14px;width:100%}.modal{width:calc(100% - 24px);margin:12px;max-height:calc(100vh - 24px);border-radius:var(--border-radius-lg)}.table{display:block}.table thead{display:none}.table tbody,.table tr,.table td{display:block;width:100%}.table tr{margin-bottom:12px;padding:12px;border-radius:var(--border-radius-md);background:var(--bg-secondary)}.tabs{display:flex;overflow-x:auto;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory}.tab{flex:0 0 auto;padding:10px 16px;font-size:14px;white-space:nowrap}.sidebar{position:fixed;top:0;left:-100%;width:80%;max-width:280px;height:100vh;z-index:200;transition:left .3s ease;overflow-y:auto}.sidebar.open{left:0}.grid{display:grid;grid-template-columns:1fr;gap:12px}.hide-xs{display:none!important}.show-xs{display:block!important}}@media (min-width: 481px) and (max-width: 768px){:root{--font-size-base: 15px;--font-size-small: 13px;--font-size-large: 17px;--font-size-xlarge: 22px;--spacing-unit: 7px;--container-padding: 16px}body{font-size:var(--font-size-base)}.app-container{display:flex;flex-direction:column;min-height:100vh}.app-header{height:var(--header-height)}.header-logo{font-size:20px;font-weight:700}.header-nav{display:none}.hamburger-menu{display:flex;align-items:center;justify-content:center;padding:.5rem}.card{padding:16px;margin-bottom:16px;border-radius:var(--border-radius-lg)}.match-card{padding:12px;font-size:14px}.team-name{font-size:14px;max-width:180px}.team-logo{width:28px;height:28px}.score-display{font-size:22px;font-weight:700;margin:0 10px}.btn{padding:11px 18px;font-size:15px;border-radius:var(--border-radius-md);width:auto;min-width:120px}.btn-sm{padding:7px 14px;font-size:13px}.input,.select{padding:11px 14px;font-size:15px;width:100%}.modal{width:90%;max-width:600px;margin:auto;border-radius:var(--border-radius-xl)}.table{display:block}.table thead{display:none}.table tbody,.table tr,.table td{display:block;width:100%}.table tr{margin-bottom:14px;padding:14px;border-radius:var(--border-radius-lg)}.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.grid.single-column{grid-template-columns:1fr}.sidebar{position:fixed;top:0;left:-100%;width:70%;max-width:320px;height:100vh;z-index:200;transition:left .3s ease}.sidebar.open{left:0}.hide-s{display:none!important}.show-s{display:block!important}}@media (min-width: 769px) and (max-width: 1024px){:root{--font-size-base: 16px;--font-size-small: 14px;--font-size-large: 18px;--font-size-xlarge: 24px;--spacing-unit: 8px;--sidebar-width: 250px;--container-padding: 20px}body{font-size:var(--font-size-base)}.app-container{display:flex;min-height:100vh}.header-logo{font-size:22px;font-weight:700}.header-nav{display:flex;gap:16px}.header-nav-item{padding:8px 12px;font-size:14px}.hamburger-menu{display:none}.sidebar{position:fixed;top:var(--header-height);left:0;width:var(--sidebar-width);height:calc(100vh - var(--header-height));z-index:90;transform:translate(-100%);transition:transform .3s ease}.sidebar.open{transform:translate(0)}.main-content{flex:1;padding:20px}.card{padding:20px;margin-bottom:20px;border-radius:var(--border-radius-xl)}.match-card{padding:16px;font-size:15px}.team-name{font-size:15px;max-width:220px}.team-logo{width:32px;height:32px}.score-display{font-size:26px;font-weight:700;margin:0 12px}.btn{padding:12px 24px;font-size:16px;border-radius:var(--border-radius-lg);min-width:140px}.btn-sm{padding:8px 16px;font-size:14px}.input,.select{padding:12px 16px;font-size:16px}.modal{width:85%;max-width:700px;margin:auto;border-radius:var(--border-radius-2xl)}.table{display:table;width:100%}.table thead{display:table-header-group}.table tbody{display:table-row-group}.table tr{display:table-row}.table th,.table td{display:table-cell;padding:12px}.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.grid.three-column{grid-template-columns:repeat(3,1fr)}.hide-m{display:none!important}.show-m{display:block!important}}@media (min-width: 1025px) and (max-width: 1280px){:root{--font-size-base: 16px;--font-size-small: 14px;--font-size-large: 18px;--font-size-xlarge: 26px;--spacing-unit: 8px;--sidebar-width: 260px;--container-max-width: 100%;--container-padding: 24px}body{font-size:var(--font-size-base)}.app-container{display:flex;min-height:100vh}.header-logo{font-size:24px;font-weight:700}.header-nav{display:flex;gap:20px}.header-nav-item{padding:10px 16px;font-size:15px}.hamburger-menu{display:none}.sidebar{position:fixed;top:var(--header-height);left:0;width:var(--sidebar-width);height:calc(100vh - var(--header-height));z-index:90}.sidebar.collapsed{width:60px}.main-content{flex:1;padding:24px;max-width:var(--container-max-width)}.match-card{padding:18px;font-size:16px}.team-name{font-size:16px;max-width:260px}.team-logo{width:36px;height:36px}.score-display{font-size:28px;font-weight:700;margin:0 16px}.btn{padding:14px 28px;font-size:16px;border-radius:var(--border-radius-lg);min-width:160px}.btn-sm{padding:10px 18px;font-size:14px}.input,.select{padding:14px 18px;font-size:16px}.modal{width:80%;max-width:800px;margin:auto;border-radius:1.5rem}.table{display:table;width:100%}.table th,.table td{padding:14px 16px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.grid.four-column{grid-template-columns:repeat(4,1fr)}.hide-l{display:none!important}.show-l{display:block!important}}@media (min-width: 1281px){:root{--font-size-base: 16px;--font-size-small: 14px;--font-size-large: 20px;--font-size-xlarge: 28px;--spacing-unit: 8px;--sidebar-width: 280px;--container-max-width: 100%;--container-padding: 32px}body{font-size:var(--font-size-base)}.app-container{display:flex;min-height:100vh}.header-logo{font-size:26px;font-weight:700}.header-nav{display:flex;gap:24px}.header-nav-item{padding:12px 20px;font-size:16px}.hamburger-menu{display:none}.sidebar{position:fixed;top:var(--header-height);left:0;width:var(--sidebar-width);height:calc(100vh - var(--header-height));z-index:90}.main-content{flex:1;padding:32px;max-width:var(--container-max-width)}.card{font-size:16px}.team-name{font-size:17px;max-width:300px}.team-logo{width:32px;height:32px}.score-display{font-size:32px;font-weight:700;margin:0 20px}.btn{padding:16px 32px;font-size:16px;border-radius:.75rem;min-width:180px}.btn-sm{padding:12px 20px;font-size:14px}.input,.select{padding:16px 20px;font-size:16px}.modal{width:70%;max-width:900px;margin:auto;border-radius:1.75rem}.table{display:table;width:100%}.table th,.table td{padding:16px 20px}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:28px}.grid.five-column{grid-template-columns:repeat(5,1fr)}.hide-xl{display:none!important}.show-xl{display:block!important}@media (min-width: 1920px){:root{--container-max-width: 1600px;--sidebar-width: 300px}}}.d-none{display:none!important}.d-block{display:block!important}.d-flex{display:flex!important}.d-grid{display:grid!important}.p-0{padding:0!important}.p-1{padding:var(--spacing-unit)!important}.p-2{padding:calc(var(--spacing-unit) * 2)!important}.p-3{padding:calc(var(--spacing-unit) * 3)!important}.p-4{padding:calc(var(--spacing-unit) * 4)!important}.m-0{margin:0!important}.m-1{margin:var(--spacing-unit)!important}.m-2{margin:calc(var(--spacing-unit) * 2)!important}.m-3{margin:calc(var(--spacing-unit) * 3)!important}.m-4{margin:calc(var(--spacing-unit) * 4)!important}.text-left{text-align:left!important}.text-center{text-align:center!important}.text-right{text-align:right!important}.flex-row{flex-direction:row!important}.flex-column{flex-direction:column!important}.justify-start{justify-content:flex-start!important}.justify-center{justify-content:center!important}.justify-end{justify-content:flex-end!important}.justify-between{justify-content:space-between!important}.align-start{align-items:flex-start!important}.align-center{align-items:center!important}.align-end{align-items:flex-end!important}*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0}body{font-family:"Exo 2",-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.5;-webkit-font-smoothing:antialiased;background:linear-gradient(135deg,#0f172a,#1e293b);color:#f8fafc;min-height:100vh;width:100%;margin:0;padding:0}main{padding:0;margin:0}.container{max-width:100%;width:100%;margin:0 auto;padding:0 1rem}.btn{padding:.75rem 1.5rem;border-radius:.5rem;border:none;cursor:pointer;transition:all .3s ease-in-out;font-weight:600;font-size:1rem}.btn-primary{background:linear-gradient(90deg,#1e40af,#3b82f6);color:#fff;box-shadow:0 4px 6px -1px #0000001a}.btn-primary:hover{background:linear-gradient(90deg,#1d4ed8,#2563eb);transform:translateY(-1px);box-shadow:0 6px 8px -1px #00000026}.card{background:#1e293bb3;border-radius:.75rem;padding:2rem;border:1px solid rgba(148,163,184,.2);margin-bottom:1.5rem;backdrop-filter:blur(10px);box-shadow:0 4px 6px -1px #0000001a}.spinner{border:4px solid rgba(96,165,250,.3);border-top:4px solid #60a5fa;border-radius:50%;width:2.5rem;height:2.5rem;animation:spin 1s linear infinite;margin:0 auto}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}