html[data-design-system="halde"] .playoffs-site-banner{
  position:fixed;
  z-index:70;
  top:0;
  right:0;
  left:var(--app-rail-width,144px);
  height:38px;
  display:grid;
  grid-template-columns:minmax(210px,.34fr) auto minmax(360px,1fr);
  gap:10px;
  align-items:center;
  padding:0 8px;
  color:#f5f5ee;
  border-block:1px solid #282d29;
  background:#101411;
}

html[data-design-system="halde"] .playoffs-site-banner>a{
  min-width:0;
  display:block;
  padding:0 18px;
  overflow:hidden;
  color:#b9bdb9;
  font:570 clamp(9px,.72vw,11px)/1 var(--font-technical);
  letter-spacing:.045em;
  text-align:center;
  text-decoration:none;
  text-overflow:ellipsis;
  white-space:nowrap;
}

html[data-design-system="halde"] .playoffs-site-banner>a:is(:hover,:focus-visible){color:#fff;outline:none}

html[data-design-system="halde"] .playoffs-site-banner time{
  min-width:126px;
  display:flex;
  align-items:baseline;
  justify-content:center;
  gap:7px;
  color:#fff;
  white-space:nowrap;
}

html[data-design-system="halde"] .playoffs-site-banner time b{font:690 9px/1 "JetBrains Mono",var(--font-technical);letter-spacing:.06em}
html[data-design-system="halde"] .playoffs-site-banner time small{color:#777f79;font:680 7px/1 var(--font-technical);letter-spacing:.1em}

html[data-design-system="halde"] .playoffs-site-command{
  min-width:0;
  height:28px;
  display:grid;
  grid-template-columns:minmax(0,1fr) 38px;
  border:1px solid #2d332e;
  background:#171b18;
}

html[data-design-system="halde"] .playoffs-site-command code{min-width:0;display:flex;align-items:center;padding:0 12px;overflow:hidden;color:#d7d9d7;font:450 clamp(9px,.7vw,10.5px)/1.2 "JetBrains Mono",var(--font-technical);white-space:nowrap}
html[data-design-system="halde"] .playoffs-site-command code span{display:block;overflow:hidden;text-overflow:ellipsis}
html[data-design-system="halde"] .playoffs-site-command code :is(b,i,em,strong){font:inherit;font-style:normal}
html[data-design-system="halde"] .playoffs-site-command code b{color:#fff;font-weight:700}
html[data-design-system="halde"] .playoffs-site-command code i{color:#aaa}
html[data-design-system="halde"] .playoffs-site-command code em{color:#f0c96a}
html[data-design-system="halde"] .playoffs-site-command code strong{color:#ff655a}
html[data-design-system="halde"] .playoffs-site-command button{width:38px;min-height:0;display:grid;place-items:center;padding:0;color:#aeb3af;border:0;border-left:1px solid #2d332e;background:transparent;font:600 12px/1 var(--font-technical);cursor:pointer}
html[data-design-system="halde"] .playoffs-site-command button:is(:hover,:focus-visible){color:#fff;background:#b92e27;outline:none}

html[data-design-system="halde"] .playoffs-site-banner+header.mast+*{margin-top:38px}

@media(max-width:1180px) and (min-width:981px){
  html[data-design-system="halde"] .playoffs-site-banner{left:var(--app-rail-width,128px);grid-template-columns:minmax(170px,.28fr) auto minmax(300px,1fr)}
}

@media(max-width:980px){
  html[data-design-system="halde"] .playoffs-site-banner{left:0;grid-template-columns:140px auto minmax(0,1fr)}
  html[data-design-system="halde"] .playoffs-site-banner>a{display:block;padding-inline:10px;font-size:0;text-align:left}
  html[data-design-system="halde"] .playoffs-site-banner>a::after{content:"ROTE PLAYOFFS ↗";font:680 8px/1 var(--font-technical);letter-spacing:.08em}
  html[data-design-system="halde"][data-route-bundle] :is(header.mast,header.mast.is-scrolled){top:38px}
}

@media(max-width:620px){
  html[data-design-system="halde"] .playoffs-site-banner{grid-template-columns:104px minmax(0,1fr);gap:4px;padding-inline:5px}
  html[data-design-system="halde"] .playoffs-site-banner>a{display:none}
  html[data-design-system="halde"] .playoffs-site-banner time{min-width:0;display:grid;grid-template-columns:1fr;gap:2px;justify-content:start;padding-left:6px}
  html[data-design-system="halde"] .playoffs-site-banner time::before{content:"PLAYOFFS";color:#aeb3af;font:680 6px/1 var(--font-technical);letter-spacing:.12em}
  html[data-design-system="halde"] .playoffs-site-banner time b{font-size:8px}
  html[data-design-system="halde"] .playoffs-site-banner time small{display:none}
  html[data-design-system="halde"] .playoffs-site-command code{font-size:8px}
}
