@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root{--bg: #000000;--surface: #1C1C1E;--surface2: #2C2C2E;--surface3: #3A3A3C;--border: rgba(255, 255, 255, .08);--border2: rgba(255, 255, 255, .15);--text: #FFFFFF;--text2: #EBEBF599;--text3: #EBEBF54D;--text4: #EBEBF526;--t2: var(--text2);--t3: var(--text3);--t4: var(--text4);--green: #30D158;--green-soft: rgba(48, 209, 88, .12);--green-border: rgba(48, 209, 88, .2);--red: #FF453A;--red-soft: rgba(255, 69, 58, .12);--blue: #0A84FF;--blue-soft: rgba(10, 132, 255, .12);--orange: #FF9F0A;--yellow: #FFD60A;--purple: #BF5AF2;--font: -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", "Inter", sans-serif;--font-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;--r-sm: 10px;--r: 14px;--r-lg: 18px;--r-xl: 24px;--r-pill: 999px;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--safe-right: env(safe-area-inset-right, 0px)}html,body{background:var(--bg);font-family:var(--font);color:var(--text);min-height:100vh;overscroll-behavior:none;letter-spacing:-.015em;-webkit-user-select:none;user-select:none}::-webkit-scrollbar{display:none}*{scrollbar-width:none}*{-webkit-tap-highlight-color:transparent}.top-nav{position:sticky;top:0;z-index:200;background:#0000008c;backdrop-filter:blur(40px) saturate(200%);-webkit-backdrop-filter:blur(40px) saturate(200%);border-bottom:.5px solid rgba(255,255,255,.1)}.top-nav-inner{max-width:1440px;margin:0 auto;display:flex;align-items:center;padding:0 max(32px,var(--safe-left)) 0 max(32px,var(--safe-right));height:64px;gap:20px}.top-nav-inner span{font-weight:700;letter-spacing:-.04em;font-size:20px}.sidebar-left{width:224px;flex-shrink:0;position:sticky;top:96px;align-self:flex-start}.nav-item{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:12px;font-size:15px;font-weight:500;color:var(--text2);cursor:pointer;transition:all .2s cubic-bezier(.25,1,.5,1);border:none;background:transparent;font-family:var(--font);width:100%;text-align:left}.nav-item:hover{color:var(--text)}.nav-item:active{transform:scale(.96);background:#ffffff14}.nav-item.active{background:#ffffff1a;color:var(--text);font-weight:600}.sidebar-section-label{font-size:13px;font-weight:600;color:var(--text2);padding:0 14px;margin:32px 0 10px}.sidebar-divider{height:.5px;background:var(--border);margin:16px 14px}.sidebar-right{width:320px;flex-shrink:0;position:sticky;top:96px;align-self:flex-start}.content-center{flex:1;min-width:0;padding:0 8px}.page-layout{max-width:1440px;margin:0 auto;width:100%;padding:32px max(32px,var(--safe-right)) 80px max(32px,var(--safe-left));display:flex;gap:32px}@media (max-width: 1100px){.page-layout{grid-template-columns:224px 1fr!important}.sidebar-right{display:none}}@media (max-width: 768px){.page-layout{grid-template-columns:1fr!important;padding:24px max(16px,var(--safe-right)) 80px max(16px,var(--safe-left))!important}.sidebar-left{display:none}.top-nav-inner{padding:0 max(16px,var(--safe-right)) 0 max(16px,var(--safe-left))}}.section-header{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:20px;padding:0 4px}.section-title{font-size:32px;font-weight:800;letter-spacing:-.04em;color:var(--text);line-height:1.1}.section-sub{font-size:15px;color:var(--text2);margin-top:4px;font-weight:500;text-transform:uppercase;letter-spacing:.02em}.section-action{font-size:15px;font-weight:500;color:var(--blue);background:none;border:none;cursor:pointer;font-family:var(--font);transition:opacity .2s}.section-action:active{opacity:.5}.pill{display:inline-flex;align-items:center;justify-content:center;gap:6px;background:#ffffff1a;border:none;border-radius:var(--r-pill);color:var(--text);cursor:pointer;font-family:var(--font);font-weight:600;font-size:14px;padding:8px 16px;transition:all .3s cubic-bezier(.25,1,.5,1);white-space:nowrap;flex-shrink:0}.pill:active{transform:scale(.94);background:#ffffff26}.pill.active{background:#fff;color:#000}.pill.active-green{background:var(--green);color:#000}.filter-row{display:flex;gap:10px;overflow-x:auto;padding-bottom:8px;margin-bottom:24px;-webkit-overflow-scrolling:touch}.card{background:var(--surface);border-radius:var(--r-xl);border:none;overflow:hidden;box-shadow:inset 0 1px #ffffff14}.match-row{display:flex;align-items:center;padding:18px 20px;border-bottom:.5px solid rgba(255,255,255,.06);cursor:pointer;background:transparent;transition:background .1s ease;position:relative}.match-row span{font-variant-numeric:tabular-nums}.match-row:last-child{border-bottom:none}.match-row:active{background:var(--surface2)}.match-row.live{background:transparent}.match-row.live:active{background:var(--surface2)}.badge-live{display:inline-flex;align-items:center;gap:6px;background:transparent;border:none;padding:0;font-size:13px;font-weight:700;color:var(--red);letter-spacing:-.01em;font-family:var(--font)}.badge-live .dot{width:6px;height:6px;border-radius:50%;background:var(--red);animation:applePulse 2s cubic-bezier(.4,0,.6,1) infinite;flex-shrink:0;box-shadow:0 0 8px #ff453a99}.badge-cat{display:inline-block;font-size:11px;font-weight:600;color:var(--text2);background:#ffffff14;border:none;border-radius:6px;padding:3px 8px;text-transform:uppercase;letter-spacing:.04em}.ticker-wrap{overflow:hidden;height:36px;display:flex;align-items:center;background:transparent;border:none}.ticker-track{display:flex;white-space:nowrap}.ticker-item{display:inline-flex;align-items:center;gap:8px;padding:0 24px;flex-shrink:0;font-size:13px;font-weight:600;color:var(--text2);font-variant-numeric:tabular-nums}.ticker-score{color:var(--text);font-weight:700}.tab-bar{display:flex;justify-content:space-around;align-items:center;padding:8px 0 max(16px,var(--safe-bottom));background:#0009;border-top:.5px solid rgba(255,255,255,.15);backdrop-filter:blur(40px) saturate(200%);-webkit-backdrop-filter:blur(40px) saturate(200%);flex-shrink:0}.tab-btn{display:flex;flex-direction:column;align-items:center;gap:4px;background:none;border:none;cursor:pointer;padding:4px 20px;color:var(--text3);font-family:var(--font);font-size:10px;font-weight:500;transition:color .15s ease;flex:1}.tab-btn.active{color:var(--text)}.match-detail{position:absolute;top:0;right:0;bottom:0;left:0;z-index:100;background:var(--surface);display:flex;flex-direction:column;overflow-y:auto;border-radius:var(--r-xl)}.detail-score{font-size:72px;font-weight:800;letter-spacing:-.06em;line-height:1;color:var(--text);font-variant-numeric:tabular-nums}.detail-team-logo{width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;overflow:hidden;background:transparent}.detail-tabs{display:flex;margin:24px 20px 0;background:#ffffff1a;border-radius:9px;padding:2px;border:none}.detail-tab-btn{flex:1;padding:6px 0;border-radius:7px;border:none;cursor:pointer;font-family:var(--font);font-size:13px;font-weight:600;background:transparent;color:var(--text);transition:all .2s}.detail-tab-btn.active{background:#636366;color:#fff;box-shadow:0 3px 8px #0003}.stat-bar{margin-bottom:24px}.stat-bar-track{display:flex;border-radius:4px;overflow:hidden;height:6px;background:#ffffff1a}.stat-bar-home{border-radius:4px 0 0 4px;transition:width 1s cubic-bezier(.25,1,.5,1);background:var(--text)}.stat-bar-away{flex:1;border-radius:0 4px 4px 0;background:var(--surface3)}.news-featured{border-radius:var(--r-xl);overflow:hidden;margin-bottom:16px;cursor:pointer;background:var(--surface);border:none;box-shadow:inset 0 1px #ffffff14;transition:transform .2s cubic-bezier(.25,1,.5,1)}.news-featured:active{transform:scale(.96)}.news-featured-footer{padding:16px 20px;background:var(--surface);display:flex;justify-content:space-between;align-items:center}.news-row{display:flex;gap:16px;padding:16px 0;border-bottom:.5px solid rgba(255,255,255,.06);cursor:pointer;transition:opacity .2s ease}.news-row:active{opacity:.5}.news-row:last-child{border-bottom:none}.news-thumb{width:96px;height:96px;border-radius:14px;overflow:hidden;flex-shrink:0;background:var(--surface2)}.table-row-hover{cursor:default}.table-row-hover span{font-variant-numeric:tabular-nums}.skel{background:var(--surface2);border-radius:12px;animation:iosShimmer 1.5s infinite linear;background:linear-gradient(90deg,#ffffff0d 8%,#ffffff1a 18%,#ffffff0d 33%);background-size:800px 104px}.toggle{width:51px;height:31px;border-radius:15.5px;position:relative;cursor:pointer;transition:background .3s cubic-bezier(.25,1,.5,1);flex-shrink:0;border:none;background:#ffffff26}.toggle .knob{width:27px;height:27px;border-radius:50%;background:#fff;position:absolute;top:2px;left:2px;transition:left .3s cubic-bezier(.25,1,.5,1);box-shadow:0 3px 8px #00000026,0 3px 1px #0000000f}@keyframes applePulse{0%,to{opacity:1}50%{opacity:.3}}@keyframes iosShimmer{0%{background-position:-400px 0}to{background-position:400px 0}}@keyframes ticker{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translateY(24px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}