/* latin-ext */
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
  src: url(/assets/fonts/dm-sans-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
  src: url(/assets/fonts/dm-sans-latin.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;
}


:root{
  --ns-bg:#0a0a0f;
  --ns-surface:#16161d;
  --ns-surface-raised:#1c1c25;
  --ns-line:#30303a;
  --ns-text:#f7f4f8;
  --ns-muted:#a8a3ae;
  --ns-accent:#ff4778;
  --ns-accent-strong:#e93368;
  --ns-accent-soft:color-mix(in srgb,var(--ns-accent) 14%,transparent);
  --ns-success:#28c840;
  --ns-warning:#febc2e;
  --ns-danger:#ff5f57;
  --ns-radius-control:12px;
  --ns-radius-card:18px;
  --ns-touch-target:44px;
  --ns-font-ui:"DM Sans",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --ns-shadow-card:0 14px 38px rgba(0,0,0,.18);
  accent-color:var(--ns-accent);
  --accent:var(--ns-accent);
  --pink:var(--ns-accent);
  --events-text-accent:var(--ns-accent);
  --ticket-action-bg:var(--ns-accent);
  --ticket-action-border:#ff88a8;
  --ticket-action-hover:#ff6d94;
}

*,*::before,*::after{box-sizing:border-box}
html{font-family:var(--ns-font-ui);text-size-adjust:100%;-webkit-text-size-adjust:100%}
body{font-family:var(--ns-font-ui);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
button,input,select,textarea{font:inherit}
:where(button,[role="button"],input:not([type="checkbox"]):not([type="radio"]),select){min-height:var(--ns-touch-target)}
:where(button,a,input,select,textarea,[tabindex]):focus-visible{outline:3px solid color-mix(in srgb,var(--ns-accent) 70%,white);outline-offset:3px}
:where(button,.button){border-radius:var(--ns-radius-control)}


.event-card,.major-event-card,.admin-card,.admin-login,.card{border-radius:var(--ns-radius-card)}
.date-heading .today-flag{background:var(--ns-accent);color:#16040a}
.today-anchor{color:var(--ns-accent)}
.today-anchor::before{background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--ns-accent) 48%,transparent))}
.today-anchor::after{background:linear-gradient(90deg,color-mix(in srgb,var(--ns-accent) 48%,transparent),transparent)}

.event-card-controls{
  display:flex;
  align-items:center;
  width:max-content;
  gap:4px;
  padding:0;
  border:0;
  margin:0 0 8px;
}
.event-card-control{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:32px;
  height:32px;
  min-width:32px;
  min-height:32px;
  flex:0 0 32px;
  gap:0;
  padding:0;
  border-radius:9px;
}
.event-card-control+.event-card-control{border:0}
.traffic-light-dot{flex:0 0 auto;width:12px;height:12px}
.traffic-light-label{display:none}
.event-card-control[aria-pressed="true"] .traffic-light-label{color:var(--text,var(--ns-text))}
.traffic-light-tooltip{display:none!important}

.event-card-secondary-actions{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(138px,1fr));
  align-items:stretch;
  gap:8px;
  width:100%;
  margin-top:8px;
}
.event-card-secondary-actions>*{width:100%;min-height:44px;justify-content:center;margin:0}
.event-card:not(.is-opened) .editorial-l0-hook-copy{
  display:-webkit-box;
  overflow:hidden;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:3;
}
.event-card.is-event-minimised .event-card-primary-actions,
.event-card.is-event-minimised .event-card-viewing-actions,
.event-card.is-event-minimised .major-event-navigation-row{display:none}
.event-card.is-event-minimised{min-height:0;gap:8px}
.event-card.is-event-minimised .event-main{padding:0;min-height:0}
.event-card.is-event-minimised .event-hero-mark{width:32px;height:32px;min-height:0;margin:0}
.event-card.is-event-minimised .event-hero-mark :is(img,svg){max-width:32px;max-height:32px}
.event-card.is-event-minimised .event-title-stack{gap:5px}
.event-card.is-event-minimised .event-name{font-size:1rem;line-height:1.35}
.event-card.is-event-minimised .event-date-line{order:2;margin:0}
.event-card.is-event-minimised .major-event-logo{width:32px;height:32px;min-height:0}
.event-card.is-event-minimised .major-event-identity{gap:6px}
.event-card.is-event-minimised .major-event-identity h3{font-size:1rem;margin:0}
.event-card.is-event-minimised .major-event-next-fixture{font-size:.85rem;margin:0}
.event-competition-line{font-size:.75rem;color:var(--text-dim);line-height:1.4}
.follow-directory-row{grid-template-columns:40px minmax(0,1fr) auto!important;gap:12px!important;min-height:64px}
.follow-directory-row,.football-club-row{content-visibility:auto;contain-intrinsic-size:auto 64px}
.follow-directory-identity{width:40px!important;height:40px!important;overflow:hidden;border-radius:8px;display:grid;place-items:center;flex:none}
.follow-directory-identity img{width:40px;height:40px;object-fit:contain}
.follow-directory-identity.is-athlete img{object-fit:cover;object-position:50% 0}
.follow-directory-identity.on-dark{background:#17181c;padding:4px}
.follow-directory-identity.on-dark img{width:32px;height:32px}
.follow-directory-tabs{display:flex;gap:8px;margin-bottom:12px}
.follow-directory-tabs button{min-height:40px;flex:1}
.follow-directory-tabs button[aria-pressed="true"]{background:var(--accent);color:var(--bg)}
.follow-directory-row .football-club-copy{min-width:0}
.follow-directory-row .football-club-copy strong{font-size:.95rem;overflow-wrap:anywhere}
.follow-directory-row .football-club-copy span{font-size:.75rem}
.follow-directory-row .football-follow-btn{min-width:90px}
.event-card.is-event-minimised .matchup-identity-row{height:64px}
.event-card.is-event-minimised .matchup-team-logo-slot{height:60px}
.event-card.is-event-minimised .matchup-team-logo{max-height:54px}
.event-card-primary-actions{grid-template-columns:repeat(auto-fit,minmax(118px,1fr))}
.event-card-viewing-actions .event-quick-actions{justify-content:center}
.share-app-action{min-height:44px!important}
.nsc-peer-results{width:100%;font-size:.78rem;text-align:left;color:var(--text-dim);margin:8px 0}
.nsc-peer-summary{margin:0;line-height:1.4}
.nsc-results-link{background:none;border:0;color:var(--accent);padding:6px 0;min-height:32px;font:inherit;cursor:pointer}
.nsc-peer-results details{margin-top:8px}
.nsc-peer-results summary{cursor:pointer;min-height:32px;color:var(--text);font-weight:700}
.nsc-peer-distribution{display:grid;gap:7px;margin:12px 0}
.nsc-peer-bin{display:grid;grid-template-columns:32px 1fr 78px;gap:8px;align-items:center}
.nsc-peer-bin meter{width:100%;height:14px;accent-color:var(--accent)}
.nsc-peer-bin meter::-webkit-meter-optimum-value{background:var(--accent)}
.nsc-peer-bin meter::-moz-meter-bar{background:var(--accent)}
.nsc-peer-bin>span:last-child{text-align:right}
.nsc-submission-receipt{display:flex;flex-direction:column;align-items:flex-start;gap:8px;border-radius:12px;padding:14px;background:color-mix(in srgb,var(--accent) 9%,var(--bg-card));color:var(--text)}
.nsc-submission-receipt strong{color:var(--accent)}
.nsc-submission-receipt button{min-height:36px;font:inherit;color:var(--accent);background:none;border:0;cursor:pointer;padding:4px 0}
.feed-stakes-row{justify-content:center;gap:12px}
.suggestion-like{min-height:32px;padding:6px 10px;width:auto;font-size:.72rem}
.major-event-navigation-row{display:flex;flex-wrap:wrap;gap:8px}
.major-event-identity h3{font-family:var(--ns-font-ui);font-size:1.12rem;line-height:1.3}
.major-event-match>.nsc-summary{grid-column:1/-1}
.major-event-navigation-row>.event-quick-actions{display:contents}
.major-event-navigation-row .event-quick-action{flex:1 1 120px;min-height:40px}

@media(max-width:640px){
  header.top .header-inner{gap:10px;padding-inline:max(12px,env(safe-area-inset-left)) max(12px,env(safe-area-inset-right))}
  .header-brand-logo{width:82px}
  .header-actions{gap:5px;justify-content:flex-end}
  .header-actions .btn{width:44px;min-width:44px;min-height:44px;padding:0}
  .spoiler-home-toggle{width:86px!important;min-width:76px!important;flex:0 1 86px!important;padding-inline:7px!important}
  .event-card{padding:10px 11px 12px}
  .event-card-control{flex:0 0 32px;padding:0}
  .event-card-control+.event-card-control{border-left-color:color-mix(in srgb,var(--border,var(--ns-line)) 72%,transparent)}
  .traffic-light-label{font-size:.58rem}
  .date-group{margin-bottom:22px}
}

@media(max-width:360px){
  header.top .header-inner{grid-template-columns:1fr}
  .brand{max-width:none}
  .brand-title-row{display:flex;justify-content:space-between}
  .header-actions{justify-content:stretch}
  .header-actions>*{flex:1 1 0!important}
  .spoiler-home-toggle{width:auto!important;min-width:70px!important}
}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}