@font-face{font-family:Inter;font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/inter-latin.woff2) format("woff2")}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/space-grotesk-latin-700.woff2) format("woff2")}:root{--bg: #080e1c;--bg2: #0d1627;--bg3: #132035;--border: #1c2e45;--text: #dce8f8;--text2: #7090b8;--text3: #4a6280;--accent: #e63946;--accent2: #ff6b6b;--green: #2dd4bf;--yellow: #f5c518;--card-radius: 12px;--transition: .18s ease;--hero-bg: #0a1525;--safe-bottom: env(safe-area-inset-bottom);--zone-blue: #3987e5;--zone-aqua: #199e70;--zone-yellow: #c98500;--zone-violet: #9085e9;--zone-red: #e66767;--zone-orange: #d95926}@media (prefers-color-scheme: light){:root{--bg: #eef1f5;--bg2: #c2ccd6;--bg3: #ccd4de;--border: #2d4a72;--text: #dce8f8;--text2: #7090b8;--text3: #4a6280;--hero-bg: #12203a;--chrome-bg: #b8c8d8;--chrome-border: #a0b5c8;--chrome-text: #0d1a2e;--chrome-text2: #2c4668;--zone-blue: #2a78d6;--zone-aqua: #1baf7a;--zone-yellow: #eda100;--zone-violet: #4a3aa7;--zone-red: #e34948;--zone-orange: #eb6834}}html[data-theme=light]{--bg: #eef1f5;--bg2: #c2ccd6;--bg3: #ccd4de;--border: #2d4a72;--text: #dce8f8;--text2: #7090b8;--text3: #4a6280;--hero-bg: #12203a;--chrome-bg: #b8c8d8;--chrome-border: #a0b5c8;--chrome-text: #0d1a2e;--chrome-text2: #2c4668;--zone-blue: #2a78d6;--zone-aqua: #1baf7a;--zone-yellow: #eda100;--zone-violet: #4a3aa7;--zone-red: #e34948;--zone-orange: #eb6834}html[data-theme=dark]{--bg: #080e1c;--bg2: #0d1627;--bg3: #132035;--border: #1c2e45;--text: #dce8f8;--text2: #7090b8;--text3: #4a6280;--hero-bg: #0a1525;--chrome-bg: var(--bg2);--chrome-border: var(--border);--chrome-text: var(--text);--chrome-text2: var(--text2);--zone-blue: #3987e5;--zone-aqua: #199e70;--zone-yellow: #c98500;--zone-violet: #9085e9;--zone-red: #e66767;--zone-orange: #d95926}#logo-bar{height:52px;display:flex;align-items:center;justify-content:center;background:var(--bg2);position:sticky;top:0;z-index:20;border-bottom:1px solid var(--border);flex-shrink:0;cursor:pointer;-webkit-tap-highlight-color:transparent}.logo-bar-text{font-family:Space Grotesk,system-ui,sans-serif;font-size:24px;font-weight:700;letter-spacing:5px;text-transform:uppercase;background:radial-gradient(ellipse farthest-corner at 50% 100%,#a01f2d,#e63946 35%,#ff8c42 65%,#ffe8a0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{width:100%;overflow-x:clip;-webkit-tap-highlight-color:transparent}body{width:100%;overflow-x:clip;background:var(--bg);color:var(--text);font-family:Inter,system-ui,sans-serif;font-size:15px;line-height:1.4}a{color:inherit;text-decoration:none}button{border:none;background:none;cursor:pointer;color:inherit;font:inherit}img{display:block}#app{min-height:100dvh;display:flex;flex-direction:column;width:100%}.view{flex:1;display:flex;flex-direction:column;padding-bottom:calc(env(safe-area-inset-bottom) + 24px)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}#logo-bar{view-transition-name:app-header}html[data-nav=forward]::view-transition-new(root){z-index:2;animation:nav-in-right .3s cubic-bezier(.32,.72,0,1)}html[data-nav=forward]::view-transition-old(root){z-index:1;animation:nav-out-left .3s cubic-bezier(.32,.72,0,1)}html[data-nav=back]::view-transition-old(root){z-index:2;animation:nav-out-right .3s cubic-bezier(.32,.72,0,1)}html[data-nav=back]::view-transition-new(root){z-index:1;animation:nav-in-left .3s cubic-bezier(.32,.72,0,1)}@keyframes nav-in-right{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes nav-out-left{0%{transform:translate(0)}to{transform:translate(-25%)}}@keyframes nav-in-left{0%{transform:translate(-25%)}to{transform:translate(0)}}@keyframes nav-out-right{0%{transform:translate(0)}to{transform:translate(100%)}}@supports not (view-transition-name: none){html[data-nav=forward] .view{animation:nav-in-right .3s cubic-bezier(.32,.72,0,1)}html[data-nav=back] .view{animation:nav-in-left .3s cubic-bezier(.32,.72,0,1)}}@media (prefers-reduced-motion: reduce){::view-transition-old(root),::view-transition-new(root){animation:none!important}.view{animation:none!important}}.nav-bar{display:flex;align-items:center;justify-content:space-between;height:52px;padding:0 16px;background:var(--bg);border-bottom:1px solid var(--border);position:sticky;top:52px;z-index:10;gap:12px}.nav-back{display:flex;align-items:center;gap:6px;color:var(--text2);font-size:14px;padding:6px 0;min-width:44px}.nav-back svg{flex-shrink:0}.nav-title{position:absolute;left:50%;transform:translate(-50%);font-size:16px;font-weight:600;text-align:center;max-width:calc(100% - 140px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:none;-webkit-tap-highlight-color:transparent}.nav-title--tappable{pointer-events:auto}.nav-title--tappable{cursor:pointer;opacity:.6}.nav-title--tappable:active{opacity:.35}.nav-spacer{min-width:44px}.nav-standings-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;margin-right:-12px;color:var(--text2);border-radius:8px;transition:background var(--transition),opacity var(--transition);-webkit-tap-highlight-color:transparent}.nav-standings-btn:active{background:var(--bg3);opacity:.6}.nav-actions{display:flex;align-items:center;gap:2px;margin-right:-12px}.nav-actions .nav-standings-btn{margin-right:0}.nav-star-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;color:var(--text2);border-radius:8px;transition:background var(--transition),color var(--transition),opacity var(--transition);-webkit-tap-highlight-color:transparent}.nav-star-btn:active{background:var(--bg3);opacity:.6}.nav-star-btn.nav-star-btn--on{color:var(--accent)}.nav-star-btn--on path{fill:currentColor}.nav-title--actions{max-width:calc(100% - 180px)}@media (prefers-color-scheme: light){.nav-bar{border-bottom-color:var(--chrome-border);color:var(--chrome-text)}.nav-back,.nav-standings-btn{color:var(--chrome-text2)}.nav-star-btn:not(.nav-star-btn--on){color:var(--chrome-text2)}.round-nav{background:var(--chrome-bg)}.round-nav-label,.round-nav-btn{color:var(--chrome-text2)}}html[data-theme=light] .nav-bar{border-bottom-color:var(--chrome-border);color:var(--chrome-text)}html[data-theme=light] .nav-back,html[data-theme=light] .nav-standings-btn{color:var(--chrome-text2)}html[data-theme=light] .nav-star-btn:not(.nav-star-btn--on){color:var(--chrome-text2)}html[data-theme=light] .round-nav{background:var(--chrome-bg)}html[data-theme=light] .round-nav-label,html[data-theme=light] .round-nav-btn{color:var(--chrome-text2)}.loading-screen{flex:1;display:flex;align-items:center;justify-content:center}.spinner{width:28px;height:28px;border:2px solid var(--border);border-top-color:var(--text2);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.inline-spinner{width:16px;height:16px;border:2px solid var(--border);border-top-color:var(--text2);border-radius:50%;animation:spin .7s linear infinite;margin:24px auto}.view.view--fixed{padding-bottom:0}.home-view{flex:1}.home-tabs{justify-content:center;gap:28px}.home-tab{font-size:16px;font-weight:600;color:var(--text3);transition:color var(--transition);cursor:pointer;-webkit-tap-highlight-color:transparent}.home-tab.active{color:var(--text)}@media (prefers-color-scheme: light){.home-tab{color:var(--chrome-text2)}.home-tab.active{color:var(--chrome-text)}}html[data-theme=light] .home-tab{color:var(--chrome-text2)}html[data-theme=light] .home-tab.active{color:var(--chrome-text)}.home-track-wrap{overflow:clip}.home-track{display:flex;width:200%;align-items:flex-start;will-change:transform}.home-panel{width:50%;flex-shrink:0;min-width:0;padding-bottom:calc(env(safe-area-inset-bottom) + 24px)}.home-panel--comps{padding-top:16px}.comp-category-header{width:100%;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 16px;cursor:pointer;-webkit-tap-highlight-color:transparent;text-align:left}.comp-category-name{font-size:12px;font-weight:700;letter-spacing:.2px;color:var(--text3)}.results-toggle-label{display:grid;grid-template-areas:"label"}.results-toggle-label-text{grid-area:label;white-space:nowrap;opacity:0;transition:opacity .3s ease}.results-toggle-label-text[data-active=true]{opacity:1}.comp-category-chevron{color:var(--text3);flex-shrink:0;transition:transform .4s cubic-bezier(.4,0,.2,1)}.comp-category-header[aria-expanded=false] .comp-category-chevron{transform:rotate(-90deg)}.comp-category-collapse{display:grid;grid-template-rows:1fr;align-items:start;overflow:hidden;transition:grid-template-rows .45s cubic-bezier(.4,0,.2,1)}.comp-category-header[aria-expanded=false]+.comp-category-collapse{grid-template-rows:0fr}.comp-category-inner{min-height:0;display:flex;flex-direction:column;gap:16px}.comp-category-inner .sport-grid{padding:8px 16px 20px}.sport-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:0 16px;box-sizing:border-box;width:100%}.sport-tile{--tile-tint-dark: oklch(from var(--tile-color) min(l, .6) min(c, .12) h / calc(.16 + min(max(0, .5 - l) * 1.4, .35)) );--tile-tint-light: oklch(from var(--tile-color) min(l, .6) min(c, .12) h / calc(.22 + min(max(0, .5 - l) * 1.4, .35)) );--tile-glow: oklch(from var(--tile-color) min(l, .6) min(c, .12) h / calc(.3 + min(max(0, .5 - l) * 1.4, .35)*.6) );--tile-tint: var(--tile-tint-dark, transparent);background:linear-gradient(135deg,var(--tile-tint) 0%,transparent 62%),var(--bg2);border-radius:var(--card-radius);box-shadow:inset 0 1px #ffffff14,inset 0 -10px 16px -12px var(--tile-glow, transparent);aspect-ratio:1;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;cursor:pointer;transition:transform var(--transition),background var(--transition);-webkit-user-select:none;user-select:none;padding:10px 8px;min-width:0}.sport-tile:active{transform:scale(.96);background:var(--bg3)}html[data-theme=dark] .sport-tile{--tile-tint: var(--tile-tint-dark, transparent)}@media (prefers-color-scheme: light){.sport-tile{--tile-tint: var(--tile-tint-light, transparent)}}html[data-theme=light] .sport-tile{--tile-tint: var(--tile-tint-light, transparent)}.sport-tile-logo{width:46px;height:46px;object-fit:contain;flex-shrink:0}.sport-tile[data-sport=pl] .sport-tile-logo{transform:scale(1.83)}.sport-tile-name{font-size:12.5px;font-weight:600;color:var(--text);text-align:center;line-height:1.2}.sport-tile-logo-fallback{width:46px;height:46px;border-radius:8px;background:var(--bg3);display:flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0}.today-pills{display:flex;gap:8px;padding:16px 12px;overflow-x:auto;scrollbar-width:none;min-width:0;width:100%;box-sizing:border-box}.today-pills::-webkit-scrollbar{display:none}.today-pill{padding:7px 16px;border-radius:20px;font-size:13px;font-weight:600;background:linear-gradient(160deg,var(--bg2) 0%,var(--bg3) 100%);border:none;color:var(--text3);box-shadow:inset 0 -8px 12px -4px #0006;transition:var(--transition);white-space:nowrap;cursor:pointer}.today-pill.active{color:#fff}.today-sport-tag{font-size:9px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;padding:2px 6px;border-radius:4px;line-height:1}.today-sport-tag--pl,.today-sport-tag--champ,.today-sport-tag--efl1,.today-sport-tag--efl2,.today-sport-tag--laliga,.today-sport-tag--bundesliga,.today-sport-tag--ligue1,.today-sport-tag--seriea{background:#e639461f;color:var(--accent)}.today-sport-tag--nrl{background:#2dd4bf1f;color:var(--green)}.today-sport-tag--wc{background:#f5c5181f;color:var(--yellow)}.today-sport-tag--ucl,.today-sport-tag--uel,.today-sport-tag--uecl{background:#3987e51f;color:var(--zone-blue)}.scoreboard-view{flex:1}.scoreboard-view .nav-bar{border-bottom:none}.round-nav{display:flex;align-items:center;justify-content:space-between;height:44px;padding:0 4px;background:var(--bg2);position:sticky;top:104px;z-index:9}.round-nav-label{font-size:13px;font-weight:600;color:var(--text2);letter-spacing:.2px;flex:1;text-align:center;pointer-events:none;user-select:none;transition:opacity var(--transition);-webkit-tap-highlight-color:transparent}.round-nav-label--tappable{pointer-events:auto;cursor:pointer;opacity:.7}.round-nav-label--tappable:active{opacity:.4}.round-nav-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;color:var(--text2);border-radius:8px;transition:background var(--transition),opacity var(--transition);-webkit-tap-highlight-color:transparent}.round-nav-btn:active{background:var(--bg3)}.round-nav-btn--disabled,.round-nav-btn:disabled{opacity:.25;pointer-events:none}.round-track-wrap{overflow:hidden;width:100%}.round-track{display:flex;will-change:transform}.round-panel{flex-shrink:0;min-width:0;padding:8px 0 env(safe-area-inset-bottom)}.match-list{padding:8px 0 env(safe-area-inset-bottom)}.match-date-group{display:flex;flex-direction:column;gap:16px;padding:0 12px 4px}.match-date-group .comp-category-header{padding-left:4px;padding-right:4px}.match-date-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.9px;color:var(--text3);padding:14px 4px 2px}.fav-prompt{display:flex;align-items:flex-start;gap:10px;margin:12px 12px 2px;padding:11px 12px;background:var(--bg2);border:1px solid var(--border);border-radius:12px;font-size:13px;line-height:1.45;color:var(--text2)}.fav-prompt-text{flex:1}.fav-prompt-text strong{color:var(--text);font-weight:600}.fav-prompt-dismiss{flex-shrink:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;margin:-2px -2px 0 0;color:var(--text3);border-radius:6px;font-size:17px;line-height:1;-webkit-tap-highlight-color:transparent}.fav-prompt-dismiss:active{background:var(--bg3)}.empty-state{padding:60px 20px;text-align:center;color:var(--text3);font-size:14px}.match-card{--mc-home-tint-dark: oklch(from var(--mc-home-color) min(l, .6) min(c, .12) h / calc(.1 + min(max(0, .5 - l) * 1.4, .35)) );--mc-home-tint-light: oklch(from var(--mc-home-color) min(l, .6) min(c, .12) h / calc(.169 + min(max(0, .5 - l) * 1.4, .35)) );--mc-home-glow: oklch(from var(--mc-home-color) min(l, .6) min(c, .12) h / calc(.28 + min(max(0, .5 - l) * 1.4, .35)*.6) );--mc-away-tint-dark: oklch(from var(--mc-away-color) min(l, .6) min(c, .12) h / calc(.1 + min(max(0, .5 - l) * 1.4, .35)) );--mc-away-tint-light: oklch(from var(--mc-away-color) min(l, .6) min(c, .12) h / calc(.169 + min(max(0, .5 - l) * 1.4, .35)) );--mc-away-glow: oklch(from var(--mc-away-color) min(l, .6) min(c, .12) h / calc(.28 + min(max(0, .5 - l) * 1.4, .35)*.6) );--mc-home-tint: var(--mc-home-tint-dark, transparent);--mc-away-tint: var(--mc-away-tint-dark, transparent);background:linear-gradient(to right,var(--mc-home-tint) 0%,transparent 42%,transparent 58%,var(--mc-away-tint) 100%),var(--bg2);border-radius:14px;overflow:hidden;cursor:pointer;box-shadow:inset 0 1px #ffffff14,inset 0 -10px 20px -14px var(--mc-home-glow, transparent),inset 0 -10px 20px -14px var(--mc-away-glow, transparent);transition:background var(--transition),transform var(--transition);-webkit-user-select:none;user-select:none}.match-card:active{transform:scale(.982)}html[data-theme=dark] .match-card{--mc-home-tint: var(--mc-home-tint-dark, transparent);--mc-away-tint: var(--mc-away-tint-dark, transparent);color:inherit;--text: #dce8f8;--text2: #7090b8;--text3: #4a6280}@media (prefers-color-scheme: light){.match-card{--mc-home-tint: var(--mc-home-tint-light, transparent);--mc-away-tint: var(--mc-away-tint-light, transparent);--text: #0d1a2e;--text2: #2c4668;--text3: #4a6888;color:#0d1a2e;box-shadow:inset 0 -10px 20px -14px var(--mc-home-glow, transparent),inset 0 -10px 20px -14px var(--mc-away-glow, transparent)}}html[data-theme=light] .match-card{--mc-home-tint: var(--mc-home-tint-light, transparent);--mc-away-tint: var(--mc-away-tint-light, transparent);--text: #0d1a2e;--text2: #2c4668;--text3: #4a6888;color:#0d1a2e;box-shadow:inset 0 -10px 20px -14px var(--mc-home-glow, transparent),inset 0 -10px 20px -14px var(--mc-away-glow, transparent)}.match-card[data-state=live],.match-card[data-state=ht]{box-shadow:inset 0 1px #ffffff14,inset 0 -10px 20px -14px var(--mc-home-glow, transparent),inset 0 -10px 20px -14px var(--mc-away-glow, transparent)}.match-card[data-result=home] .mc-team.away .team-name,.match-card[data-result=away] .mc-team.home .team-name{font-weight:400;opacity:.4}.match-card[data-result=home] .mc-team.away .team-crest,.match-card[data-result=away] .mc-team.home .team-crest{opacity:.4}.match-card[data-result=home] .mc-away-score,.match-card[data-result=away] .mc-home-score{opacity:.4;font-weight:500}.match-card-compact{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:20px 16px;gap:8px;min-height:96px}.mc-team{display:flex;align-items:center;gap:8px;min-width:0}.mc-team.away{flex-direction:row-reverse;text-align:right}.team-crest{width:36px;height:36px;object-fit:contain;flex-shrink:0}.team-crest-fallback{width:36px;height:36px;border-radius:50%;background:var(--bg3);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;color:var(--text2);flex-shrink:0}.team-name{font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mc-center{display:flex;flex-direction:column;align-items:center;gap:3px;min-width:80px}.mc-score{font-size:20px;font-weight:700;letter-spacing:-.5px;display:flex;gap:8px;align-items:center;min-height:24px}.mc-score:empty{display:none}.mc-score-dash{color:var(--text3);font-weight:400}.mc-status{font-size:11px;font-weight:600;letter-spacing:.3px;color:var(--text3);display:flex;flex-direction:column;align-items:center;gap:1px}.kickoff-time{font-size:16px;font-weight:700;color:var(--text)}.kickoff-date{font-size:12px;font-weight:500;color:var(--text2)}.mc-status-date{font-size:10px;font-weight:500;color:var(--text3);opacity:.7}.mc-round-label{font-size:9px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;color:var(--text3);opacity:.85}.mc-status.live{color:var(--accent);flex-direction:row;align-items:center;gap:4px}.live-dot{width:6px;height:6px;border-radius:50%;background:var(--accent);animation:pulse 1.4s ease-in-out infinite;flex-shrink:0}.live-clock{display:inline-flex;align-items:center;gap:4px;background:var(--accent);color:#fff;border-radius:4px;padding:1px 6px;font-size:10px;font-weight:700;letter-spacing:.2px;line-height:1.5}.live-clock .live-dot{background:#fff}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.7)}}.match-view{flex:1}.match-view--gradient{position:relative;isolation:isolate;--hero-color-l: oklch(from var(--home-color) min(l, .6) min(c, .12) h / calc(.1 + min(max(0, .5 - l) * 1.4, .35)) );--hero-color-r: oklch(from var(--away-color) min(l, .6) min(c, .12) h / calc(.1 + min(max(0, .5 - l) * 1.4, .35)) );--hero-glow: oklch(from color-mix(in oklch, var(--home-color) 50%, var(--away-color) 50%) min(l, .6) min(c, .12) h / calc(.1 + min(max(0, .5 - l) * 1.4, .35)) )}.match-view--gradient:before{content:"";position:absolute;top:0;left:0;right:0;height:700px;background:linear-gradient(to right,var(--hero-color-l, transparent) 0%,transparent 42%,transparent 58%,var(--hero-color-r, transparent) 100%),var(--hero-bg);mask-image:linear-gradient(to bottom,black 55%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,black 55%,transparent 100%);z-index:-1;pointer-events:none}.match-view--gradient #match-content{position:relative}.match-view--gradient #match-content:before{content:"";position:absolute;top:0;left:0;right:0;height:40px;background:linear-gradient(to bottom,var(--hero-glow, transparent),transparent);pointer-events:none}.match-view--gradient .match-hero{background:transparent;border-radius:0;margin:0;box-shadow:none}.match-view--gradient .hero-team:active{background:#ffffff1a}.match-hero{background:var(--bg2);border-radius:14px;margin:12px 12px 0;padding:24px 16px 20px}@media (prefers-color-scheme: light){.match-hero{box-shadow:0 1px 3px #0000000f,0 1px 2px #0000000a}}.match-hero--gradient .hero-team-name,.match-hero--gradient .hero-home-score,.match-hero--gradient .hero-away-score,.match-hero--gradient .hero-score-dash,.match-hero--gradient .hero-status,.match-hero--gradient .hero-status .kickoff-time,.match-hero--gradient .hero-status .kickoff-date,.match-hero--gradient .hero-crest-fallback{color:#fff}.match-hero--gradient .hero-status{text-shadow:none}.match-hero--gradient .hero-status.live{background:var(--accent);color:#fff;text-shadow:none}.match-hero--gradient .hero-status.live .live-dot{background:#fff}.match-hero-teams{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px}.hero-team{display:flex;flex-direction:column;align-items:center;gap:10px;cursor:pointer;padding:6px;border-radius:10px;transition:background var(--transition)}.hero-team:active{background:var(--bg3)}.hero-crest{width:72px;height:72px;object-fit:contain}.hero-crest-fallback{width:72px;height:72px;border-radius:50%;background:var(--bg3);display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:700;color:var(--text2)}.hero-team-name{font-size:15px;font-weight:500;text-align:center;color:var(--text2);max-width:90px;line-height:1.2}.hero-score-col{display:flex;flex-direction:column;align-items:center;gap:6px}.hero-score{font-size:clamp(32px,11vw,56px);font-weight:700;letter-spacing:-1px;line-height:1}.hero-score-dash{color:var(--text3);font-weight:400;margin:0 4px}.hero-status{font-size:16px;font-weight:600;color:var(--text3);letter-spacing:.4px;display:flex;flex-direction:column;align-items:center;gap:4px}.hero-status.live{flex-direction:row;align-items:center;gap:6px;padding:5px 12px;border-radius:999px;background:var(--accent);color:#fff;white-space:nowrap}.hero-status.live .live-clock{background:none;padding:0;border-radius:0;color:#fff;font-size:14px;line-height:1}.hero-status.live .live-dot{background:#fff}.hero-status .kickoff-time{font-size:24px;font-weight:700;color:var(--text)}.hero-status .kickoff-date{font-size:13px;font-weight:500;color:var(--text2)}.hero-status-date{font-size:13px;font-weight:500;opacity:.7}.hero-status-round{font-size:10px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;opacity:.6}.hero-pens-result{font-size:13px;font-weight:600;color:var(--text2);text-align:center;letter-spacing:.2px;line-height:1.3;margin-top:16px;padding:0 8px;text-wrap:balance}.hero-pens-result:empty{display:none}.match-hero--gradient .hero-pens-result{color:#ffffffd9}.match-hero:has(.hero-pens-result:not(:empty)){padding-bottom:14px}.key-events{margin:9px 12px 0;padding:6px 0}.key-event-row{display:grid;grid-template-columns:1fr 36px 1fr;padding:12px 16px;gap:4px;align-items:start}.key-event-icon{display:flex;align-items:flex-start;justify-content:center;padding-top:4px}.key-event-col{display:flex;flex-direction:column;gap:2px}.key-event-col.away{align-items:flex-end;text-align:right}.key-event-entry{display:block;font-size:14px;color:var(--text);line-height:1.6}.ball-emoji{font-size:16px;line-height:1}.ball-emoji.pen-miss{position:relative;display:inline-block}.ball-emoji.pen-miss:after{content:"";position:absolute;top:50%;left:50%;width:22px;height:2.5px;border-radius:2px;background:#ef4444;box-shadow:0 0 0 1px #0000008c;transform:translate(-50%,-50%) rotate(-45deg)}.pen-shootout{padding-bottom:2px;margin-bottom:2px}.key-event-row.pen-row{grid-template-columns:1fr 52px 1fr;align-items:center;padding-top:8px;padding-bottom:4px}.pen-row .key-event-col{align-items:flex-end}.pen-row .key-event-col.away{align-items:flex-start}.pen-row .key-event-icon.pen-score{align-items:center;padding-top:0;font-size:15px;font-weight:700;color:var(--text)}.key-events--skeleton{animation:skeleton-pulse 1.4s ease-in-out infinite}.key-events--skeleton .skel-line{display:inline-block;width:108px;max-width:85%;height:11px;border-radius:6px;background:linear-gradient(160deg,var(--bg2) 0%,var(--bg3) 100%);vertical-align:middle}.match-body-skeleton .skel-tabs{margin:9px 12px 16px;animation:skeleton-pulse 1.4s ease-in-out infinite}.match-body-skeleton .skel-pills{display:flex;gap:8px;padding:4px 0 10px}.match-body-skeleton .skel-pill{width:84px;height:35px;border-radius:20px;background:linear-gradient(160deg,var(--bg2) 0%,var(--bg3) 100%);flex-shrink:0}.match-body-skeleton .skel-panel{height:260px;border-radius:20px;background:var(--bg2)}@keyframes skeleton-pulse{50%{opacity:.5}}.tabs-wrapper{display:flex;flex-direction:column;margin:9px 12px 16px}.tabs-pills{display:flex;gap:8px;padding:4px 0 10px;overflow-x:auto;scrollbar-width:none;min-width:0;width:100%;box-sizing:border-box}.tabs-pills::-webkit-scrollbar{display:none}.tabs-pill{padding:8px 22px;border-radius:20px;font-size:15px;font-weight:400;color:#ffffffa6;background:linear-gradient(160deg,var(--bg2) 0%,var(--bg3) 100%);border:none;box-shadow:inset 0 -8px 12px -4px #0006;white-space:nowrap;cursor:pointer;transition:var(--transition);flex-shrink:0}.tabs-pill.active{background:linear-gradient(160deg,color-mix(in oklch,var(--home-color, #9ec8e4) 50%,white),color-mix(in oklch,var(--away-color, #6aaace) 50%,white));color:#0a1525;box-shadow:none}.tabs-track-wrap{overflow:hidden;border-radius:20px;background:var(--bg2)}@media (prefers-color-scheme: light){.tabs-track-wrap{box-shadow:0 1px 3px #0000000f,0 1px 2px #0000000a}}.tabs-track{display:flex;align-items:flex-start;will-change:transform}.tab-panel{flex-shrink:0;min-width:0}.events-panel{padding:8px 0}.events-panel>*:nth-child(2n){background:var(--bg3)}.event-row{display:flex;align-items:center;padding:8px 16px;gap:10px;font-size:14px}.event-icon{flex-shrink:0;display:flex;align-items:center;justify-content:flex-start;width:22px}.event-body{flex:1;min-width:0}.event-row.away .event-body{text-align:right}.event-row.away .event-icon{justify-content:flex-end}.event-icon .card-icon{margin-left:-1.5px}.event-row.away .event-icon .card-icon{margin-left:0;margin-right:-1.5px}.card-stack{position:relative;display:inline-block;width:10px;height:14px;vertical-align:middle}.card-stack-front,.card-stack-back{position:absolute;top:0;left:0;display:block;line-height:0}.card-stack-back{transform:translate(-2px,2px)}.event-icon .card-stack .card-icon{margin:0}.event-player{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.event-og{font-size:11px;color:var(--text3);font-weight:400}.event-pen-miss{font-size:11px;color:var(--text3);font-weight:400;text-transform:capitalize}.event-minute{font-size:12px;color:var(--text3);flex-shrink:0;width:44px}.sub-row{display:flex;align-items:center;padding:5px 16px;gap:10px;font-size:13px;color:var(--text2)}.sub-icon{font-size:14px;flex-shrink:0;font-weight:700}.sub-name{flex:1;min-width:0}.sub-row.away .sub-name{text-align:right}.sub-on{color:#30d158}.sub-off{color:#ff453a}.sub-minute{font-size:12px;color:var(--text3);width:44px;flex-shrink:0}.events-empty{padding:32px 16px;text-align:center;font-size:13px;color:var(--text3)}.stats-panel{padding:10px;display:flex;flex-direction:column;gap:8px}.stats-header{display:grid;grid-template-columns:1fr 120px 1fr;padding:2px 2px 8px;gap:8px}.stats-header-team{font-size:14px;font-weight:600;color:var(--text2)}.stats-header-team.away{text-align:right}.stat-card{background:var(--bg3);border-radius:12px;overflow:hidden}.stat-row{display:grid;grid-template-columns:1fr 140px 1fr;padding:9px 14px;gap:8px;align-items:center}.stat-val{font-size:15px;font-weight:600;display:flex;align-items:center}.stat-val.away{justify-content:flex-end}.stat-highlight,.stat-plain{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:28px;padding:0 6px;font-size:14px;font-weight:600}.stat-highlight{background:var(--accent);color:#fff;border-radius:50px;font-weight:700}.stat-name{font-size:14px;color:#6d89ab;text-align:center;line-height:1.3}.penalty-circles{display:flex;gap:5px;align-items:center;flex-wrap:wrap}.pen-circle{width:11px;height:11px;border-radius:50%;flex-shrink:0}.pen-circle.scored{background:#22c55e}.pen-circle.missed{background:#ef4444}.possession-bar-row{padding:0 14px 9px}.possession-bar{display:flex;height:6px;border-radius:3px;overflow:hidden}.possession-fill{height:100%;transition:width .4s ease}.stats-empty{padding:32px 16px;text-align:center;font-size:13px;color:var(--text3)}.lineups-panel{padding:12px 0}.lineups-cols{display:grid;grid-template-columns:1fr 1fr;gap:0}.lineup-col{min-width:0;padding:0 4px 0 16px}.lineup-col.away{padding:0 16px 0 4px}.lineup-team-name{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--text3);padding:8px 0 6px}.lineup-divider{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.4px;color:var(--text3);padding:10px 0 4px;border-top:1px solid var(--border);margin-top:6px}.lineup-player{display:flex;align-items:baseline;gap:6px;font-size:13px;color:var(--text);padding:4px 0}.lineup-jersey{flex-shrink:0;min-width:14px;font-size:11px;font-weight:600;color:var(--text3)}.lineup-name-wrap{display:flex;align-items:baseline;gap:5px;flex:1;min-width:0}.lineup-name{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lineup-sub-badge{display:flex;align-items:center;gap:3px;flex-shrink:0}.lineup-sub-minute{font-size:11px;font-weight:600;color:var(--text3)}.lineups-empty{padding:32px 16px;text-align:center;font-size:13px;color:var(--text3)}.lineup-pitch{width:calc(100% - 32px);max-width:400px;margin:4px auto 20px;border-radius:10px;overflow:hidden;border:2px solid rgba(255,255,255,.25);box-shadow:0 4px 16px #0000004d}.pitch-field{position:relative;aspect-ratio:3 / 5;display:flex;flex-direction:column;background:repeating-linear-gradient(to bottom,#163826 0% 8.3333%,#12301f 8.3333% 16.6667%)}.pitch-halfway-line{position:absolute;z-index:1;left:0;right:0;top:50%;height:2px;background:#ffffff40;transform:translateY(-1px)}.pitch-center-circle{position:absolute;z-index:1;top:50%;left:50%;width:28%;aspect-ratio:1;border:2px solid rgba(255,255,255,.25);border-radius:50%;transform:translate(-50%,-50%)}.pitch-box{position:absolute;z-index:1;left:50%;transform:translate(-50%);border:2px solid rgba(255,255,255,.25)}.pitch-box-top-18{top:0;width:70%;height:15%;border-top:none}.pitch-box-top-6{top:0;width:38%;height:6.5%;border-top:none}.pitch-box-bottom-18{bottom:0;width:70%;height:15%;border-bottom:none}.pitch-box-bottom-6{bottom:0;width:38%;height:6.5%;border-bottom:none}.pitch-team-badge{position:absolute;z-index:3;left:8px;max-width:calc(50% - 8px);padding:4px 10px;border-radius:20px;background:var(--hero-bg);color:#fff;font-size:11px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-shadow:0 2px 6px #00000059}.pitch-team-badge--top{top:8px}.pitch-team-badge--bottom{bottom:8px}.pitch-half{position:relative;z-index:2;flex:1;display:flex;flex-direction:column}.pitch-row{flex:1;display:flex;align-items:center;justify-content:space-evenly;padding:0 2px}.pitch-player{display:flex;flex-direction:column;align-items:center;gap:2px}.pitch-player-dot{position:relative;width:34px;height:34px;flex-shrink:0;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;border:1px solid rgba(255,255,255,.25);box-shadow:0 1px 3px #00000059}.pitch-player-name{font-size:10.5px;font-weight:600;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.85);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:60px;text-align:center}.pitch-badge{position:absolute;width:14px;height:14px;display:flex;align-items:center;justify-content:center;font-size:9px;line-height:1}.pitch-badge-goal{top:-4px;left:-7px;background:var(--bg2);border-radius:50%}.pitch-badge-card{top:-4px;right:-7px}.pitch-badge-sub{bottom:-3px;left:-6px}.pitch-badge-sub svg{width:15px;height:15px;filter:drop-shadow(0 1px .5px rgba(0,0,0,.6))}.pitch-badge-goal .ball-emoji{font-size:11px;filter:drop-shadow(0 1px .5px rgba(0,0,0,.6))}.pitch-badge-card svg{width:8px;height:11px;filter:drop-shadow(0 1px .5px rgba(0,0,0,.6))}.pitch-badge-card--double{width:15px;height:15px;top:-5px;right:-8px}.pitch-badge-card--double .card-stack-yellow{position:absolute;top:0;left:0}.pitch-badge-card--double .card-stack-red{position:absolute;top:2px;left:2px}.pitch-goal-count{position:absolute;bottom:-3px;right:-3px;width:10px;height:10px;border-radius:50%;background:var(--bg3);color:#fff;font-size:7px;font-weight:700;line-height:1;display:flex;align-items:center;justify-content:center}.pitch-subs-bar{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr;gap:0 8px;padding:10px 12px;background:var(--bg2);border-top:2px solid rgba(255,255,255,.25)}.pitch-subs-pair{padding:4px 0;min-width:0}.pitch-subs-pair.away{display:flex;flex-direction:column;align-items:flex-end}.pitch-subs-divider{grid-column:1 / -1;border-top:1px solid rgba(255,255,255,.08)}.pitch-subs-off,.pitch-subs-on{display:flex;align-items:center;gap:4px;font-size:13px;font-weight:600;min-width:0}.pitch-subs-off{color:var(--text3)}.pitch-subs-on{color:var(--text2);margin-top:1px}.pitch-subs-pair.away .pitch-subs-off,.pitch-subs-pair.away .pitch-subs-on{flex-direction:row-reverse}.pitch-subs-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:140px}.pitch-subs-pair svg{flex-shrink:0}.player-stats-panel{padding:8px 0}.player-stats-team-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--text3);padding:12px 16px 6px}.player-stat-table{overflow-x:auto;padding:0 0 8px}.player-stat-table table{min-width:480px;width:100%;border-collapse:collapse}.player-stat-table th{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.4px;color:var(--text3);padding:4px 10px;text-align:right;white-space:nowrap}.player-stat-table th:first-child{text-align:left}.player-stat-table td{font-size:13px;padding:7px 10px;text-align:right;border-top:1px solid var(--border)}.player-stat-table td:first-child{text-align:left;font-weight:500;color:var(--text)}.club-view{flex:1}.club-hero{display:flex;align-items:center;gap:14px;padding:20px 16px 16px;background:var(--bg2);border-bottom:1px solid var(--border)}.club-hero-crest{width:52px;height:52px;object-fit:contain}.club-hero-crest-fallback{width:52px;height:52px;border-radius:50%;background:var(--bg3);display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;color:var(--text2)}.club-hero-name{font-size:20px;font-weight:700}.club-hero-league{font-size:12px;color:var(--text3);margin-top:2px}.error-state{padding:40px 20px;text-align:center}.error-state p{color:var(--text3);font-size:14px;margin-bottom:16px}.retry-btn{display:inline-block;padding:10px 20px;background:var(--bg3);border-radius:8px;font-size:14px;font-weight:600;color:var(--text);cursor:pointer}.mc-group-label{font-size:9px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;color:var(--text3);line-height:1;margin-bottom:1px}.standings-view{flex:1}.standings-swipe{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;width:100%}.standings-swipe::-webkit-scrollbar{display:none}.standings-slot{flex:0 0 100%;min-width:0;scroll-snap-align:start}.standings-slot-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.9px;color:var(--text3);padding:14px 16px 2px;min-height:12px}.standings-table{display:flex;flex-direction:column;padding:8px 12px 4px}.standings-row{display:grid;grid-template-columns:20px 20px 1fr repeat(5,26px) 34px;align-items:center;gap:8px;padding:10px 4px;border-bottom:1px solid var(--border);border-left:3px solid var(--note-color, transparent);-webkit-user-select:none;user-select:none}.standings-header{border-left-color:transparent;border-bottom-width:1px;padding-top:4px;padding-bottom:8px}.standings-header .standings-team-name,.standings-header .standings-stat{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.4px;color:var(--text3)}.standings-rank{font-size:13px;font-weight:600;color:var(--text2);text-align:center}.standings-crest{width:20px;height:20px;object-fit:contain}.standings-team-cell{display:flex;align-items:center;gap:6px;min-width:0}.standings-team-name{font-size:14px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.standings-score-pill{display:inline-flex;align-items:center;flex-shrink:0;padding:2px 7px;border-radius:999px;font-size:10px;font-weight:700;line-height:1.4;font-variant-numeric:tabular-nums}.standings-score-pill--win{background:#bdf2d1;color:#0d4d2b}.standings-score-pill--loss{background:#f9d2d6;color:#6b1620}.standings-score-pill--draw{background:#dde2e9;color:#3a4453}.standings-stat{font-size:13px;font-weight:500;color:var(--text2);text-align:center;font-variant-numeric:tabular-nums}.standings-points{font-weight:700;color:var(--text)}.standings-legend{display:flex;flex-wrap:wrap;gap:10px 16px;padding:14px 16px 24px}.standings-legend-item{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text3)}.standings-legend-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}