/* Header proposal "Sport" (?header=sport): angled panels with blue edges, a neon-green active tab,
   icons in the navigation and segmented tool buttons. The angled shapes are drawn by ::before (edge)
   and ::after (fill) behind the content, so the league menu and the legend can still open outside them. */
@media (min-width:900px){
  html[data-header=sport][data-menu] body .masthead.masthead{--hs-blue:#2f86ff;--hs-blue-dim:#1b4f9c;--hs-green:#39f26c;--hs-green-2:#14c95a;--hs-fill:linear-gradient(180deg,#0b1626f2,#060c16f7);--hs-cut:18px}
  html[data-header=sport][data-menu] body .masthead.masthead .masthead-inner{gap:18px!important}
  html[data-header=sport][data-menu] body .masthead.masthead :is(.masthead-brand,.masthead-nav,.masthead-tools){position:relative;isolation:isolate;height:58px!important;background:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
  html[data-header=sport][data-menu] body .masthead.masthead :is(.masthead-brand,.masthead-nav,.masthead-tools)::before,
  html[data-header=sport][data-menu] body .masthead.masthead :is(.masthead-brand,.masthead-nav,.masthead-tools)::after{content:''!important;display:block!important;position:absolute;z-index:-1;pointer-events:none;margin:0!important;transform:none!important;opacity:1!important;width:auto!important;height:auto!important;border-radius:0!important;box-shadow:none!important}
  /* Edge: blue with a green tip on the outer end; fill: deep navy. */
  html[data-header=sport][data-menu] body .masthead.masthead :is(.masthead-brand,.masthead-nav,.masthead-tools)::before{inset:0;background:linear-gradient(90deg,var(--hs-blue),var(--hs-blue-dim) 45%,var(--hs-blue))!important;clip-path:polygon(var(--hs-cut) 0,calc(100% - var(--hs-cut)) 0,100% 50%,calc(100% - var(--hs-cut)) 100%,var(--hs-cut) 100%,0 50%)}
  html[data-header=sport][data-menu] body .masthead.masthead :is(.masthead-brand,.masthead-nav,.masthead-tools)::after{inset:1.5px;background:var(--hs-fill)!important;clip-path:polygon(calc(var(--hs-cut) - 1px) 0,calc(100% - var(--hs-cut) + 1px) 0,100% 50%,calc(100% - var(--hs-cut) + 1px) 100%,calc(var(--hs-cut) - 1px) 100%,0 50%)}
  html[data-header=sport][data-menu] body .masthead.masthead .masthead-brand::before{background:linear-gradient(90deg,var(--hs-green) 0,var(--hs-blue) 22%,var(--hs-blue-dim) 60%,var(--hs-blue))!important}
  html[data-header=sport][data-menu] body .masthead.masthead .masthead-tools::before{background:linear-gradient(90deg,var(--hs-blue),var(--hs-blue-dim) 50%,var(--hs-green))!important}

  /* Brand: KICKELF on its own darker plate, the league with a green ring. */
  html[data-header=sport][data-menu] body .masthead.masthead .masthead-brand{padding:0 22px 0 26px!important}
  html[data-header=sport][data-menu] body .masthead.masthead .masthead-brand .wordmark{position:relative;padding:0 6px;font-size:30px!important;color:#fff!important;text-shadow:0 0 18px #2f86ff55}
  html[data-header=sport][data-menu] body .masthead.masthead .masthead-brand .brand-rule{width:2px!important;height:30px!important;margin:0 18px!important;background:linear-gradient(180deg,transparent,var(--hs-blue),transparent)!important;transform:skewX(-18deg)}
  html[data-header=sport][data-menu] body .masthead.masthead .league-logo{box-shadow:0 0 0 2px var(--hs-green),0 0 12px #39f26c66;border-radius:50%}
  html[data-header=sport][data-menu] body .masthead.masthead .team-switch-name{color:#fff!important}

  /* Navigation: icons, slanted separators, a neon-green active tab; green slashes on both sides. */
  html[data-header=sport][data-menu] body .masthead.masthead .masthead-nav{gap:0!important;padding:0 64px!important;background:
      linear-gradient(118deg,transparent 0 38%,var(--hs-green) 38% 56%,transparent 56%) 14px 50%/14px 32px no-repeat,
      linear-gradient(118deg,transparent 0 38%,var(--hs-green-2) 38% 56%,transparent 56%) 30px 50%/14px 32px no-repeat,
      linear-gradient(118deg,transparent 0 38%,var(--hs-blue) 38% 56%,transparent 56%) calc(100% - 30px) 50%/14px 32px no-repeat,
      linear-gradient(118deg,transparent 0 38%,var(--hs-green) 38% 56%,transparent 56%) calc(100% - 14px) 50%/14px 32px no-repeat!important}
  html[data-header=sport][data-menu] body .masthead.masthead .masthead-nav::before{inset:0 50px}
  html[data-header=sport][data-menu] body .masthead.masthead .masthead-nav::after{inset:1.5px 51.5px}
  html[data-header=sport][data-menu] body .masthead.masthead .main-nav-link{position:relative;display:inline-flex!important;align-items:center;gap:9px;height:44px!important;padding:0 20px!important;border-radius:0!important;background:none!important;color:#dfe8f5!important;font:600 14px/1 Inter,Arial,sans-serif!important;letter-spacing:0!important;text-transform:none!important;box-shadow:none!important}
  html[data-header=sport][data-menu] body .masthead.masthead .main-nav-link::before{content:'';flex:none;width:18px;height:18px;background:#4c97ff;-webkit-mask:var(--hs-icon) center/contain no-repeat;mask:var(--hs-icon) center/contain no-repeat}
  html[data-header=sport][data-menu] body .masthead.masthead .main-nav-link+.main-nav-link::after{content:'';position:absolute;left:-1px;top:9px;bottom:9px;width:1.5px;background:#2f86ff55;transform:skewX(-20deg)}
  html[data-header=sport][data-menu] body .masthead.masthead .main-nav-link:hover{color:#fff!important}
  html[data-header=sport][data-menu] body .masthead.masthead .main-nav-link:is(.active,[aria-current=page]){color:#04130a!important;background:linear-gradient(90deg,var(--hs-green),var(--hs-green-2))!important;clip-path:polygon(12px 0,100% 0,calc(100% - 12px) 100%,0 100%);box-shadow:none!important}
  html[data-header=sport][data-menu] body .masthead.masthead .main-nav-link:is(.active,[aria-current=page])::before{background:#04130a}
  html[data-header=sport][data-menu] body .masthead.masthead .main-nav-link:is(.active,[aria-current=page])+.main-nav-link::after,
  html[data-header=sport][data-menu] body .masthead.masthead .main-nav-link:is(.active,[aria-current=page])::after{display:none}
  html[data-header=sport][data-menu] body .masthead.masthead .masthead-nav.ui-tabs::before{inset:0 50px}
  html[data-header=sport][data-menu] body .masthead.masthead [data-page-link=uebersicht]{--hs-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 3 2.5 11h2.8v9.5h5v-6h3.4v6h5V11h2.8z'/%3E%3C/svg%3E")}
  html[data-header=sport][data-menu] body .masthead.masthead [data-page-link=aufstellungen]{--hs-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='9' cy='7.5' r='3.6'/%3E%3Cpath d='M2 20c0-4 3.1-6.8 7-6.8s7 2.8 7 6.8z'/%3E%3Ccircle cx='17' cy='8.5' r='2.8'/%3E%3Cpath d='M17.5 13.4c2.6.3 4.5 2.6 4.5 5.6h-4.3c0-2.2-.8-4.1-2.2-5.4z'/%3E%3C/svg%3E")}
  html[data-header=sport][data-menu] body .masthead.masthead [data-page-link=dataroom]{--hs-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='3' y='12' width='4.5' height='9' rx='1'/%3E%3Crect x='9.75' y='7' width='4.5' height='14' rx='1'/%3E%3Crect x='16.5' y='3' width='4.5' height='18' rx='1'/%3E%3C/svg%3E")}
  html[data-header=sport][data-menu] body .masthead.masthead [data-page-link=duell]{--hs-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 3h12v2h3v2.5a4.5 4.5 0 0 1-4.3 4.5A6 6 0 0 1 13 15.7V18h3.5v3h-9v-3H11v-2.3A6 6 0 0 1 7.3 12 4.5 4.5 0 0 1 3 7.5V5h3zm0 4H5v.5A2.5 2.5 0 0 0 6.3 9.7 8 8 0 0 1 6 7zm12 0a8 8 0 0 1-.3 2.7A2.5 2.5 0 0 0 19 7.5V7z'/%3E%3C/svg%3E")}
  html[data-header=sport][data-menu] body .masthead.masthead :is([data-page-link=discussions],[data-page-link=community]){--hs-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='7' r='3.3'/%3E%3Cpath d='M5.5 20c0-3.8 2.9-6.3 6.5-6.3s6.5 2.5 6.5 6.3z'/%3E%3Ccircle cx='4.8' cy='9.5' r='2.3'/%3E%3Ccircle cx='19.2' cy='9.5' r='2.3'/%3E%3Cpath d='M1 18.5c0-2.6 1.5-4.4 3.6-4.6a8.3 8.3 0 0 0-1.4 4.6zM23 18.5c0-2.6-1.5-4.4-3.6-4.6a8.3 8.3 0 0 1 1.4 4.6z'/%3E%3C/svg%3E")}

  /* Tools: each in its own blue-edged cell; the account in a green ring. */
  html[data-header=sport][data-menu] body .masthead.masthead .masthead-tools{gap:8px!important;padding:0 22px 0 24px!important}
  html[data-header=sport][data-menu] body .masthead.masthead .masthead-tools :is(.tool-button,.status-key>summary){display:grid!important;place-items:center;width:40px!important;height:40px!important;border:1.5px solid var(--hs-blue-dim)!important;border-radius:9px!important;background:#0a1730!important;color:#7fb4ff!important;box-shadow:inset 0 0 12px #2f86ff22!important}
  html[data-header=sport][data-menu] body .masthead.masthead .masthead-tools :is(.tool-button,.status-key>summary):hover{border-color:var(--hs-blue)!important;color:#fff!important}
  html[data-header=sport][data-menu] body .masthead.masthead .masthead-tools .profile-trigger{width:42px!important;height:42px!important;border-radius:50%!important;box-shadow:0 0 0 2px var(--hs-green),0 0 14px #39f26c55!important}

  /* Scrolled: only the navigation stays (as today). */
  html[data-header=sport][data-menu] body .masthead.masthead.is-scrolled .masthead-nav{filter:drop-shadow(0 8px 18px #000a)}
}
/* Narrower windows: drop the decorative slashes first, then tighten tabs, then keep only the active icon. */
@media (min-width:900px) and (max-width:1240px){
  html[data-header=sport][data-menu] body .masthead.masthead{--hs-cut:14px}
  html[data-header=sport][data-menu] body .masthead.masthead .masthead-inner{gap:10px!important}
  html[data-header=sport][data-menu] body .masthead.masthead .masthead-nav{padding:0 16px!important;background:none!important}
  html[data-header=sport][data-menu] body .masthead.masthead .masthead-nav::before,html[data-header=sport][data-menu] body .masthead.masthead .masthead-nav.ui-tabs::before{inset:0}
  html[data-header=sport][data-menu] body .masthead.masthead .masthead-nav::after{inset:1.5px}
  html[data-header=sport][data-menu] body .masthead.masthead .main-nav-link{gap:7px;padding:0 12px!important;font-size:13px!important}
  html[data-header=sport][data-menu] body .masthead.masthead .main-nav-link::before{width:16px;height:16px}
  html[data-header=sport][data-menu] body .masthead.masthead .masthead-brand{padding:0 14px 0 20px!important}
  html[data-header=sport][data-menu] body .masthead.masthead .masthead-brand .wordmark{font-size:24px!important}
  html[data-header=sport][data-menu] body .masthead.masthead .masthead-brand .brand-rule{margin:0 10px!important}
  html[data-header=sport][data-menu] body .masthead.masthead .masthead-tools{gap:5px!important;padding:0 16px 0 18px!important}
  html[data-header=sport][data-menu] body .masthead.masthead .masthead-tools :is(.tool-button,.status-key>summary){width:34px!important;height:34px!important}
  html[data-header=sport][data-menu] body .masthead.masthead .masthead-tools .profile-trigger{width:36px!important;height:36px!important}
}
@media (min-width:900px) and (max-width:1120px){
  html[data-header=sport][data-menu] body .masthead.masthead .main-nav-link:not(.active):not([aria-current=page])::before{display:none}
  html[data-header=sport][data-menu] body .masthead.masthead .main-nav-link{padding:0 10px!important}
}