@font-face{font-family:'Bebas Neue Fallback';src:local('Arial'),local('Helvetica Neue'),local('Helvetica'),local('Roboto'),local('DejaVu Sans');size-adjust:62%;ascent-override:145%;descent-override:48.4%;line-gap-override:0%}
@font-face{font-family:'Bebas Neue';font-style:normal;font-display:swap;font-weight:400;src:url(/fonts/bebas-neue-latin-400-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Bebas Neue';font-style:normal;font-display:swap;font-weight:400;src:url(/fonts/bebas-neue-latin-ext-400-normal.woff2) format('woff2');unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
:root{--msn-gold-a:#C8922E;--msn-gold-b:#FFE6A1;--msn-gold:#D4AF5A;--msn-ink:#F4F6FA;--msn-ink2:#AEB4BE;--msn-ink3:#8A919C;
  --msn-glass:rgba(10,11,14,.82);--msn-line:rgba(255,255,255,.07);
  --msn-cta:linear-gradient(135deg,#B9801F 0%,#E6B24C 28%,#FFE6A1 52%,#D9A441 78%,#C8922E 100%)}
html body nav.top,html body nav.site{background:linear-gradient(180deg,rgba(13,14,18,.9),var(--msn-glass));
  -webkit-backdrop-filter:blur(18px) saturate(150%);backdrop-filter:blur(18px) saturate(150%);
  border-bottom:1px solid var(--msn-line);box-shadow:0 12px 32px -22px rgba(0,0,0,.9)}
html body nav.top::after,html body nav.site::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;pointer-events:none;
  background:linear-gradient(90deg,rgba(200,146,46,0) 4%,rgba(212,175,90,.45) 30%,rgba(255,230,161,.7) 50%,rgba(212,175,90,.45) 70%,rgba(200,146,46,0) 96%)}
html body nav.top>.in{max-width:none;padding:0 clamp(16px,3vw,48px);gap:6px}
@media (min-width:700px){html body nav.top>.in{height:76px}}
html body nav.top>.in>a.logo{margin-right:18px}
html body nav a.logo>.ms-wordmark,html body nav.site a.brand>.ms-wordmark{font-family:'Bebas Neue','Bebas Neue Fallback',Impact,sans-serif;font-weight:400;
  letter-spacing:.03em;line-height:1;font-size:28px}
@media (min-width:700px){html body nav a.logo>.ms-wordmark,html body nav.site a.brand>.ms-wordmark{font-size:38px}}
html body nav.top .msn-tabs>a{display:inline-flex}
@media (min-width:821px){html body nav.top a.lk{display:inline-flex}}
html body nav.top a.lk,html body :is(nav.top,nav.site) .navlinks>a:not(.msbtn):not(.simtop),html body nav.top .msn-tabs>a{position:relative;align-items:center;gap:8px;
  padding:9px 15px;border-radius:999px;border:0!important;border-bottom:0!important;white-space:nowrap;
  font:700 14px/1 Manrope,system-ui,-apple-system,'Segoe UI',sans-serif;letter-spacing:.01em;color:#9AA1AC;
  background:transparent;box-shadow:none;transition:color .18s,background-color .18s,box-shadow .18s}
html body nav.top a.lk:hover,html body :is(nav.top,nav.site) .navlinks>a:not(.msbtn):not(.simtop):hover,html body nav.top .msn-tabs>a:hover{color:var(--msn-ink);background:rgba(255,255,255,.05)}
html body nav.top a.lk.on,html body :is(nav.top,nav.site) .navlinks>a.on,html body :is(nav.top,nav.site) .navlinks>a[aria-current="page"],html body nav.top .msn-tabs>a.on{color:#FFF1CC;
  background:linear-gradient(180deg,rgba(212,175,90,.17),rgba(212,175,90,.05));
  box-shadow:inset 0 0 0 1px rgba(212,175,90,.38),0 0 22px -8px rgba(212,175,90,.55)}
html body nav.top a.lk.on::after,html body :is(nav.top,nav.site) .navlinks>a.on::after,html body :is(nav.top,nav.site) .navlinks>a[aria-current="page"]::after,html body nav.top .msn-tabs>a.on::after{
  content:"";position:absolute;left:50%;bottom:-1px;width:22px;height:2px;margin-left:-11px;border-radius:2px;
  background:linear-gradient(90deg,var(--msn-gold-a),var(--msn-gold-b));box-shadow:0 0 10px rgba(255,230,161,.7)}
html body nav.site .navlinks>a[data-s]{--sc:var(--msn-gold)}
@media (min-width:901px){html body nav.site .navlinks>a:not(.msbtn):not(.simtop){display:inline-flex}}
html body nav.site .navlinks>a[data-s="tennis"]{--sc:#199E70}
html body nav.site .navlinks>a[data-s="football"]{--sc:#D4AF5A}
html body nav.site .navlinks>a[data-s="basketball"]{--sc:#D95926}
html body nav.site .navlinks>a[data-s="mma"]{--sc:#D0383E}
html body nav.site .navlinks>a[data-s="cricket"]{--sc:#C98500}
html body nav.site .navlinks>a[data-s="nfl"]{--sc:#D55181}
html body nav.site .navlinks>a[data-s="nhl"]{--sc:#3A8DDE}
html body nav.site .navlinks>a[data-s="boxing"]{--sc:#9B6BDE}
html body nav.site .navlinks>a[data-s]::before{content:"";width:7px;height:7px;border-radius:50%;flex:none;background:var(--sc);opacity:.75;
  box-shadow:0 0 0 2px rgba(0,0,0,.35)}
html body nav.site .navlinks>a[data-s].on{color:#fff;background:linear-gradient(180deg,color-mix(in srgb,var(--sc) 26%,transparent),color-mix(in srgb,var(--sc) 8%,transparent));
  box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--sc) 60%,transparent),0 0 22px -8px var(--sc)}
html body nav.site .navlinks>a[data-s].on::before{opacity:1;box-shadow:0 0 8px var(--sc)}
html body nav.site .navlinks>a[data-s].on::after{background:var(--sc);box-shadow:0 0 10px var(--sc)}
html body nav.site .navlinks{gap:2px}
@media (max-width:1599px){html body nav.site .navlinks>a:not(.msbtn):not(.simtop){padding:9px 10px;font-size:13px;gap:6px}}
@media (min-width:700px) and (max-width:1279px){html body nav.site a.brand>.ms-wordmark{font-size:30px}}
@media (min-width:901px) and (max-width:1199px){html body nav.site a.brand>.ms-wordmark{display:none}
  html body nav.site .navlinks>a:not(.msbtn):not(.simtop){padding:8px 8px;gap:5px}}
html body nav .msn-tabs{display:none;align-items:center;gap:4px;margin-left:8px}
@media (min-width:700px){html body nav .msn-tabs{display:flex}}
html body a.simtop.simtop,html body nav a.simbtn{background:var(--msn-cta);color:#1A1205!important;border:0;border-radius:12px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.55),inset 0 -1px 0 rgba(0,0,0,.18),0 8px 22px -10px rgba(230,178,76,.75);
  font-weight:800;letter-spacing:.01em;transition:filter .18s,transform .18s,box-shadow .18s}
html body a.simtop.simtop:hover,html body nav a.simbtn:hover{background:var(--msn-cta);filter:brightness(1.07) saturate(1.05);transform:translateY(-1px);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.6),0 12px 26px -10px rgba(230,178,76,.9)}
html body a.simtop.simtop svg path,html body nav a.simbtn svg path{stroke:#1A1205}
html body .msbtn,html body nav .burger.ibtn{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.12);border-radius:12px;color:var(--msn-ink);
  transition:border-color .18s,background-color .18s,color .18s}
html body .msbtn:hover,html body nav .burger.ibtn:hover{border-color:rgba(212,175,90,.6);background:rgba(212,175,90,.07);color:#FFF1CC}
html body .msbtn[aria-expanded="true"],html body nav .burger.ibtn[aria-expanded="true"]{border-color:rgba(212,175,90,.7);background:rgba(212,175,90,.1)}
@media (max-width:699px){html body a.simtop.simtop+.msbtn{margin-left:auto}}
html body .mspan{background:linear-gradient(180deg,#101217 0%,#08090C 60%);border-left:1px solid rgba(212,175,90,.22);
  box-shadow:-24px 0 60px -20px rgba(0,0,0,.8)}
html body .mspan .msh b{font-family:'Bebas Neue','Bebas Neue Fallback',Impact,sans-serif;font-weight:400;font-size:28px;letter-spacing:.04em;color:var(--msn-ink)}
html body .mspan .msg,html body .menupanel .msg{color:var(--msn-gold);letter-spacing:.14em;font-size:12px;font-weight:800;
  padding-top:14px;border-top:1px solid rgba(255,255,255,.06)}
html body .mspan a,html body nav .menupanel a{position:relative;border-radius:12px;transition:background-color .15s,color .15s}
html body .mspan a:hover,html body nav .menupanel a:hover{background:rgba(255,255,255,.045);color:#fff}
html body .mspan a.on,html body nav .menupanel a.on,html body nav .menupanel a[aria-current="page"]{background:linear-gradient(90deg,rgba(212,175,90,.14),rgba(212,175,90,.02));
  box-shadow:inset 0 0 0 1px rgba(212,175,90,.3);color:#FFF1CC}
html body .mspan a.on::before,html body nav .menupanel a.on::before{content:"";position:absolute;left:0;top:10px;bottom:10px;width:3px;border-radius:3px;
  background:linear-gradient(180deg,var(--msn-gold-b),var(--msn-gold-a))}
html body .mspan a[href*="sport="],html body nav .menupanel a[href*="sport="]{display:flex;align-items:center;gap:10px}
html body .mspan a[href*="sport="]::after,html body nav .menupanel a[href*="sport="]::after{content:"";order:-1;width:8px;height:8px;border-radius:50%;flex:none;
  background:var(--sc,#D4AF5A);box-shadow:0 0 8px color-mix(in srgb,var(--sc,#D4AF5A) 70%,transparent)}
html body a[href$="sport=tennis"]{--sc:#199E70}html body a[href$="sport=football"]{--sc:#D4AF5A}
html body a[href$="sport=basketball"]{--sc:#D95926}html body a[href$="sport=mma"]{--sc:#D0383E}
html body a[href$="sport=cricket"]{--sc:#C98500}html body a[href$="sport=nfl"]{--sc:#D55181}
html body a[href$="sport=nhl"]{--sc:#3A8DDE}html body a[href$="sport=boxing"]{--sc:#9B6BDE}
html body nav.tabbar,html body nav.simtab{background:linear-gradient(180deg,rgba(15,16,20,.86),rgba(8,9,12,.97));
  -webkit-backdrop-filter:blur(18px) saturate(150%);backdrop-filter:blur(18px) saturate(150%);
  border-top:1px solid var(--msn-line);box-shadow:0 -14px 34px -20px rgba(0,0,0,.9)}
html body nav.tabbar::before,html body nav.simtab::before{content:"";position:absolute;left:0;right:0;top:-1px;height:1px;pointer-events:none;
  background:linear-gradient(90deg,rgba(200,146,46,0) 4%,rgba(212,175,90,.4) 30%,rgba(255,230,161,.65) 50%,rgba(212,175,90,.4) 70%,rgba(200,146,46,0) 96%)}
html body nav.tabbar>a,html body nav.simtab>a{position:relative;color:var(--msn-ink3);transition:color .18s}
html body nav.tabbar>a:not(.sim).on,html body nav.simtab>a:not(.st-sim).on{color:#FFE6A1}
html body nav.tabbar>a:not(.sim).on::before,html body nav.simtab>a:not(.st-sim).on::before{content:"";position:absolute;top:2px;left:50%;width:22px;height:3px;margin-left:-11px;
  border-radius:0 0 3px 3px;background:linear-gradient(90deg,var(--msn-gold-a),var(--msn-gold-b));box-shadow:0 0 12px rgba(255,230,161,.75)}
html body nav.tabbar>a:not(.sim).on svg,html body nav.simtab>a:not(.st-sim).on svg{filter:drop-shadow(0 0 6px rgba(255,230,161,.45))}
html body nav.tabbar>a.sim,html body nav.simtab>a.st-sim{color:#FFE6A1}
html body nav.tabbar .sim .rd,html body nav.simtab .st-rd{background:var(--msn-cta);border:4px solid #08090C;
  box-shadow:0 0 0 1px rgba(255,230,161,.35),0 10px 24px -8px rgba(230,178,76,.75),inset 0 1px 0 rgba(255,255,255,.55)}
html body nav.tabbar>a:focus-visible,html body nav.simtab>a:focus-visible{outline:2px solid var(--msn-gold-b);outline-offset:-3px;border-radius:12px}
html body nav a.lk:focus-visible,html body nav .navlinks>a:focus-visible,html body nav .msn-tabs>a:focus-visible,
html body a.simtop.simtop:focus-visible,html body nav a.simbtn:focus-visible,html body .msbtn:focus-visible,html body nav .burger.ibtn:focus-visible,
html body .mspan a:focus-visible,html body nav .menupanel a:focus-visible{outline:2px solid var(--msn-gold-b);outline-offset:2px}
@media (prefers-reduced-motion:reduce){
  html body nav a,html body nav button,html body .msbtn,html body .mspan a,html body nav.tabbar>a,html body nav.simtab>a{transition:none!important}
  html body a.simtop.simtop:hover,html body nav a.simbtn:hover{transform:none}
}
@media (min-width:700px){html body nav.top>a.brand:has(+ .msn-tabs){flex:0 0 auto}}
html body nav.site .navlinks>a[data-s]::before{content:"";width:16px;height:16px;border-radius:0;opacity:1;box-shadow:none;
  background:var(--sc);-webkit-mask:var(--icm) center/contain no-repeat;mask:var(--icm) center/contain no-repeat}
html body nav.site .navlinks>a[data-s].on::before{background:linear-gradient(180deg,#fff,var(--sc) 85%)}
html body nav.site .navlinks>a[data-s="football"]{--icm:var(--ic-football)}
html body nav.site .navlinks>a[data-s="tennis"]{--icm:var(--ic-tennis)}
html body nav.site .navlinks>a[data-s="mma"]{--icm:var(--ic-mma)}
html body nav.site .navlinks>a[data-s="basketball"]{--icm:var(--ic-basketball)}
html body nav.site .navlinks>a[data-s="nfl"]{--icm:var(--ic-nfl)}
html body nav.site .navlinks>a[data-s="nhl"]{--icm:var(--ic-nhl)}
html body nav.site .navlinks>a[data-s="boxing"]{--icm:var(--ic-boxing)}
html body nav.site .navlinks>a[data-s="cricket"]{--icm:var(--ic-cricket)}
html body .mspan a[href*="sport="]::after,html body nav .menupanel a[href*="sport="]::after{content:"";width:19px;height:19px;border-radius:0;box-shadow:none;
  background:var(--sc,#D4AF5A);-webkit-mask:var(--icm) center/contain no-repeat;mask:var(--icm) center/contain no-repeat}
html body :is(.mspan,nav .menupanel) a[href$="sport=football"]{--icm:var(--ic-football)}
html body :is(.mspan,nav .menupanel) a[href$="sport=tennis"]{--icm:var(--ic-tennis)}
html body :is(.mspan,nav .menupanel) a[href$="sport=mma"]{--icm:var(--ic-mma)}
html body :is(.mspan,nav .menupanel) a[href$="sport=basketball"]{--icm:var(--ic-basketball)}
html body :is(.mspan,nav .menupanel) a[href$="sport=nfl"]{--icm:var(--ic-nfl)}
html body :is(.mspan,nav .menupanel) a[href$="sport=nhl"]{--icm:var(--ic-nhl)}
html body :is(.mspan,nav .menupanel) a[href$="sport=boxing"]{--icm:var(--ic-boxing)}
html body :is(.mspan,nav .menupanel) a[href$="sport=cricket"]{--icm:var(--ic-cricket)}
html body nav.site .navlinks>a[data-s]{overflow:hidden;transition:color .2s,background-color .25s,box-shadow .3s,transform .25s cubic-bezier(.2,.9,.3,1.4)}
html body nav.site .navlinks>a[data-s]::before{transition:transform .45s cubic-bezier(.2,.9,.3,1.6),filter .3s}
html body nav.site .navlinks>a[data-s]::after{content:"";position:absolute;top:0;bottom:0;left:-60%;width:45%;pointer-events:none;
  background:linear-gradient(100deg,transparent,rgba(255,255,255,.28),transparent);transform:skewX(-18deg);opacity:0}
html body nav.site .navlinks>a[data-s]:hover{color:#fff;transform:translateY(-1px);
  background:linear-gradient(180deg,color-mix(in srgb,var(--sc) 30%,transparent),color-mix(in srgb,var(--sc) 10%,transparent));
  box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--sc) 70%,transparent),0 6px 22px -6px var(--sc)}
html body nav.site .navlinks>a[data-s]:hover::before{transform:scale(1.35) rotate(-14deg);filter:drop-shadow(0 0 6px var(--sc)) brightness(1.3)}
html body nav.site .navlinks>a[data-s]:hover::after{animation:ms-reflet .7s ease-out}
@keyframes ms-reflet{0%{left:-60%;opacity:1}100%{left:120%;opacity:0}}
html body .mspan a[href*="sport="]{transition:transform .25s cubic-bezier(.2,.9,.3,1.4),background-color .2s}
html body .mspan a[href*="sport="]::after{transition:transform .4s cubic-bezier(.2,.9,.3,1.6),filter .3s}
html body .mspan a[href*="sport="]:hover{transform:translateX(6px);background:linear-gradient(90deg,color-mix(in srgb,var(--sc,#D4AF5A) 22%,transparent),transparent)}
html body .mspan a[href*="sport="]:hover::after{transform:scale(1.3) rotate(-12deg);filter:drop-shadow(0 0 6px var(--sc,#D4AF5A))}
@media (prefers-reduced-motion:reduce){html body nav.site .navlinks>a[data-s],html body nav.site .navlinks>a[data-s]::before,html body .mspan a[href*="sport="]{transition:none!important}
  html body nav.site .navlinks>a[data-s]:hover::after{animation:none}html body nav.site .navlinks>a[data-s]:hover::before{transform:none}}
@media (min-width:901px) and (max-width:1339px){html body nav.site .navlinks>a[href="/today"],html body nav.site .navlinks>a[href="/record"]{display:none!important}}
@media (min-width:901px) and (max-width:979px){html body nav.site .navlinks>a[data-s="cricket"]:not(.on),html body nav.site .navlinks>a[data-s="nhl"]:not(.on){display:none!important}}
@media (min-width:1100px) and (max-width:1189px){html body nav.top .navlinks a{padding-left:9px!important;padding-right:9px!important}}
@media (min-width:700px) and (max-width:799px){html body nav.top{column-gap:8px}html body nav.top a.brand>.ms-wordmark{font-size:28px!important}}
@media (min-width:1100px) and (max-width:1149px){html body nav.top .navlinks a[href="/record"]{display:none!important}}
@media (min-width:700px) and (max-width:749px){html body nav.top a.brand>.ms-wordmark{display:none!important}}
@media (min-width:700px){html body nav.site{min-height:79px}html body nav.site>a.brand{min-height:54px}html body nav.site>.navlinks{min-height:40px}}
html{scrollbar-gutter:stable}
:where(a,button,input,select,textarea,summary,[tabindex]):focus-visible{outline:2px solid #F0C766;outline-offset:3px}
:where([tabindex="-1"]):focus{outline:none}
.ms-skip{position:fixed;left:16px;top:-64px;z-index:10050;padding:11px 18px;border-radius:999px;text-decoration:none;
  background:linear-gradient(180deg,#F6D98F,#E6B24C);color:#14100A;font:800 14px/1 'Manrope',system-ui,sans-serif;letter-spacing:.01em;
  box-shadow:0 0 0 2px #0B0C0F,0 10px 30px -6px rgba(230,178,76,.6);transition:top .2s ease}
.ms-skip:focus,.ms-skip:focus-visible{top:12px;outline:2px solid #FFF3D1;outline-offset:2px}
@media (prefers-reduced-motion:reduce){.ms-skip{transition:none}}
@media (max-width:374px){html body nav.top>.in>a.logo{margin-right:8px}}
@media (min-width:1024px){
  html body nav.top{height:80px!important;min-height:80px!important;column-gap:0!important}
  html body nav.top a.brand{gap:14px!important;margin-right:48px!important;align-items:center!important;flex:none}
  html body nav.top a.brand>svg.ms-svg{width:48px!important;height:48px!important}
  html body nav.top a.brand>.ms-wordmark{font-size:34px!important;letter-spacing:.035em!important;line-height:1!important}
  html body nav.top a.brand>.ms-wordmark.ms-avec-devise{transform:translateY(-9px)!important}
  html body nav.top .ms-wordmark>.ms-tag{margin-top:7px!important;font-family:Manrope,system-ui,-apple-system,'Segoe UI',sans-serif!important;
    font-size:12px!important;font-weight:700!important;letter-spacing:.125em!important;text-transform:uppercase!important;
    color:#8e979c!important;-webkit-text-fill-color:#8e979c!important}
  html body nav.top .navlinks{gap:6px!important}
  html body nav.top .hsearch{flex:1 1 220px!important;min-width:200px!important;max-width:340px!important;margin-left:auto!important}
  html body nav.top .simbtn,html body nav.top #burger{margin-left:12px!important}
  html body nav.top .ms-wordmark>.ms-tag{letter-spacing:.15em!important}
}