/* v20 — unify NOTW typography across the homepage AND Matchpoint. */
:root{--notw-text:Arial,Helvetica,sans-serif;--notw-display:'Arial Black',Arial,Helvetica,sans-serif}
body.notw-universe,body.notw-universe *,body.notw-universe *::before,body.notw-universe *::after{
  font-family:var(--notw-text)!important;
}
body.notw-universe{font-size:14px;line-height:1.55;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
body.notw-universe :is(p,.notw-v15-subtitle,.notw-v15-note,.creator-deck-desc,.org-card p,.partner-featured p,.team-view-head p){font-size:clamp(13px,1.05vw,15px);line-height:1.65}
body.notw-universe :is(h1,h2,h3,h4,h5,.section-title,.notw-v15-title,.page-title,.brand-title){
 font-family:var(--notw-display)!important;letter-spacing:-.035em!important;line-height:1.07!important;font-weight:900!important;
}
/* Less oversized but still punchy page titles. */
body.notw-universe :is(.page-hero h1,.org-hero h1,.compact-team-hub .teams-hub-title.compact h1,.featured-creators-title,.creators-page .section-title,.compact-staff .staff-intro h2,.compact-team-view .team-view-head h2){
 font-family:var(--notw-display)!important;font-size:clamp(40px,5.3vw,70px)!important;line-height:1.03!important;letter-spacing:-.047em!important;font-weight:900!important;
}
body.notw-universe :is(.compact-staff .staff-block-head h2,.section-head h2,.section-title h2,.org-chart h2,.section h2){
 font-family:var(--notw-display)!important;font-size:clamp(30px,3.4vw,48px)!important;line-height:1.08!important;letter-spacing:-.035em!important;
}
body.notw-universe .compact-staff .staff-intro{margin-bottom:25px!important}
body.notw-universe .compact-staff .staff-block-head{margin-bottom:20px!important}
body.notw-universe .compact-staff .staff-block-head h2{font-size:clamp(32px,3.2vw,45px)!important}
body.notw-universe .teams-hub-page :is(.staff-person-meta h3,.hub-person-meta h3){font-size:clamp(20px,1.75vw,26px)!important;line-height:1.12!important;letter-spacing:-.025em!important}
body.notw-universe .creator-deck-info h3{font-size:clamp(29px,3vw,39px)!important;line-height:1.1!important}
body.notw-universe .org-card h3,body.notw-universe .partner-featured .partner-page-meta strong{font-size:clamp(25px,2.8vw,40px)!important;line-height:1.08!important}
body.notw-universe :is(.staff-person-meta small,.hub-person-meta small,.kicker,.eyebrow,.notw-v15-label,.notw-v15-partner-kicker,.creator-deck-role,.team-icon-copy small){font-family:var(--notw-text)!important;font-size:clamp(9px,.73vw,11px)!important;font-weight:800!important;letter-spacing:.10em!important;line-height:1.4!important}
body.notw-universe :is(.team-icon-copy strong,.navlinks a,.notw-mp-navlinks a,.notw-v15-tab,.notw-v15-action,.btn,.btn-link,.notw-v15-metric b){font-family:var(--notw-text)!important;font-size:clamp(12px,.94vw,14px)!important;line-height:1.25!important;font-weight:800!important;letter-spacing:0!important}
body.notw-universe .team-icon-copy small{font-size:9px!important}
body.notw-universe :is(.notw-v15-metric span,.notw-v18-kind,.notw-v15-status,.notw-v15-demo){font-size:10px!important;letter-spacing:.07em!important}
body.notw-universe .notw-v15-title{font-size:clamp(38px,4.6vw,62px)!important;line-height:1.03!important;letter-spacing:-.05em!important}
body.notw-universe .notw-v15-event h3{font-size:clamp(18px,1.5vw,23px)!important;line-height:1.16!important}
body.notw-universe .notw-v18-format{font-size:13px!important}
body.notw-universe .notw-v15-format{font-size:clamp(34px,3.5vw,49px)!important}
/* Matchpoint: comfortable, compact typography, including dashboard and public rankings. */
body.notw-matchpoint :is(.hero h1,.inner-hero h1){font-size:clamp(43px,5.3vw,77px)!important;line-height:1.01!important;letter-spacing:-.05em!important}
body.notw-matchpoint :is(.section-title h2,.section-title>h2,.panel h2,.admin-block h2){font-size:clamp(25px,2.5vw,36px)!important;line-height:1.13!important}
body.notw-matchpoint :is(.event-card h3,.card h3,.score-layout h3,.admin-item h3){font-size:clamp(18px,1.6vw,23px)!important;line-height:1.16!important}
body.notw-matchpoint :is(.tier h3,.rank-board .tier h3){font-size:clamp(14px,1.06vw,18px)!important;line-height:1.15!important}
body.notw-matchpoint :is(p,.muted,.panel p,.field label,.admin-item p){line-height:1.55!important}
body.notw-matchpoint :is(.demo-ribbon,.eyebrow,.pill,.notw-nav-category,.player-chip){font-family:var(--notw-text)!important;letter-spacing:.04em!important}
/* The small caption below the animated homepage logo is intentional. */
body.home-page .notw-home-tagline{font-family:var(--notw-text)!important;font-size:clamp(10px,.92vw,15px)!important;letter-spacing:clamp(1.6px,.35vw,5px)!important;font-weight:800!important;line-height:1.4!important}
body.home-page .notw-home-subtitle{font-family:var(--notw-text)!important;font-size:clamp(7px,.66vw,10px)!important;letter-spacing:clamp(.9px,.24vw,3px)!important}
/* Wider, shorter card artwork. The original portrait opens in full on click. */
body.notw-matchpoint .notw-v15-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:19px}
body.notw-matchpoint .notw-v15-event .notw-v15-banner.notw-v18-banner{aspect-ratio:1 / 1.03!important;max-height:470px!important;height:auto!important;position:relative!important;overflow:hidden!important;padding:0!important}
body.notw-matchpoint .notw-v18-poster-link{display:block!important;width:100%;height:100%;position:relative;z-index:1;cursor:zoom-in}
body.notw-matchpoint .notw-v18-poster{width:100%;height:100%;object-fit:cover!important;object-position:center 30%!important;display:block}
body.notw-matchpoint .notw-v18-poster-link::after{content:'Poster ansehen ↗';position:absolute;right:11px;bottom:10px;background:rgba(2,12,27,.8);border:1px solid rgba(136,201,255,.35);color:#e0f0ff;padding:6px 9px;border-radius:6px;font:700 10px Arial,sans-serif;opacity:0;transition:opacity .18s}
body.notw-matchpoint .notw-v18-poster-link:hover::after,body.notw-matchpoint .notw-v18-poster-link:focus-visible::after{opacity:1}
@media(max-width:1060px){body.notw-matchpoint .notw-v15-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){body.notw-matchpoint .notw-v15-grid{grid-template-columns:1fr}body.notw-matchpoint .notw-v15-event .notw-v15-banner.notw-v18-banner{aspect-ratio:1 / 1.05!important;max-height:480px!important}}
/* Same sponsor panel dimensions on every page; varied positions based on free space. */
html body.notw-universe .notw-v15-partners,
html body.notw-universe.home-page .notw-v15-partners,
html body.notw-universe.notw-matchpoint .notw-v15-partners,
html body.notw-universe:has(.creators-page) .notw-v15-partners,
html body.notw-universe:has(.teams-hub-page) .notw-v15-partners{
  position:absolute!important;top:114px!important;right:clamp(16px,3vw,60px)!important;left:auto!important;
  width:320px!important;min-width:320px!important;max-width:320px!important;
  height:132px!important;min-height:132px!important;max-height:132px!important;
  transform:none!important;transform-origin:center!important;
  padding:11px!important;margin:0!important;z-index:8!important;
  background:linear-gradient(145deg,rgba(10,29,52,.35),rgba(4,15,29,.2))!important;
  border:1px solid rgba(124,195,255,.27)!important;
  border-radius:15px!important;pointer-events:none!important;
}
html body.notw-universe .notw-v15-partner-grid{margin-top:9px!important;gap:7px!important}
html body.notw-universe .notw-v15-partner{height:43px!important;min-height:43px!important}
html body.notw-universe.home-page .notw-v15-partners{left:clamp(18px,5vw,84px)!important;right:auto!important;top:147px!important}
html body.notw-universe:has(.teams-hub-page) .notw-v15-partners{right:clamp(18px,3vw,55px)!important;left:auto!important;top:119px!important}
html body.notw-universe:has(.creators-page) .notw-v15-partners{right:clamp(18px,3vw,55px)!important;left:auto!important;top:134px!important}
html body.notw-universe:has(.partner-page-list) .notw-v15-partners{right:clamp(18px,4vw,75px)!important;left:auto!important;top:164px!important}
html body.notw-universe:has(.about-org-page) .notw-v15-partners{right:clamp(18px,4vw,72px)!important;left:auto!important;top:140px!important}
html body.notw-universe:has(.compact-team-view) .notw-v15-partners{left:clamp(18px,3vw,60px)!important;right:auto!important;top:172px!important}
html body.notw-universe.notw-matchpoint[data-page="index"] .notw-v15-partners{left:clamp(18px,3vw,60px)!important;right:auto!important;top:132px!important}
html body.notw-universe.notw-matchpoint[data-page="rankings"] .notw-v15-partners{right:clamp(18px,3vw,60px)!important;left:auto!important;top:103px!important}
html body.notw-universe.notw-matchpoint[data-page="turniere"] .notw-v15-partners{right:clamp(18px,3vw,60px)!important;left:auto!important;top:134px!important}
html body.notw-universe.notw-matchpoint[data-page="live-scores"] .notw-v15-partners{left:clamp(18px,3vw,60px)!important;right:auto!important;top:140px!important}
html body.notw-universe.notw-matchpoint[data-page="sieger"] .notw-v15-partners{right:clamp(18px,3vw,60px)!important;left:auto!important;top:130px!important}
html body.notw-universe.notw-matchpoint[data-page="admin-scores"] .notw-v15-partners{right:clamp(18px,3vw,60px)!important;left:auto!important;top:114px!important}
@media(min-width:1121px){
 /* Space reserved for the sponsor panel when the page title is in the same row. */
 body.notw-universe .notw-v15-portal>.notw-v15-container> :is(.notw-v15-label,.notw-v15-title,.notw-v15-subtitle){max-width:calc(100% - 350px)}
}
@media(max-width:1120px){
 html body.notw-universe .notw-v15-partners,
 html body.notw-universe.home-page .notw-v15-partners,
 html body.notw-universe.notw-matchpoint .notw-v15-partners,
 html body.notw-universe:has(.teams-hub-page) .notw-v15-partners,
 html body.notw-universe:has(.creators-page) .notw-v15-partners{
   position:relative!important;inset:auto!important;left:auto!important;right:auto!important;top:auto!important;
   width:min(320px,calc(100% - 28px))!important;min-width:0!important;max-width:320px!important;
   height:132px!important;min-height:132px!important;max-height:132px!important;
   margin:10px auto 4px!important;transform:none!important;
 }
}
@media(max-width:600px){
 body.notw-universe :is(.page-hero h1,.org-hero h1,.compact-team-hub .teams-hub-title.compact h1,.featured-creators-title,.creators-page .section-title,.compact-staff .staff-intro h2,.compact-team-view .team-view-head h2){font-size:clamp(35px,9vw,49px)!important}
 body.notw-universe .compact-staff .staff-block-head h2{font-size:clamp(28px,8vw,40px)!important}
 body.notw-universe :is(p,.notw-v15-subtitle,.notw-v15-note,.creator-deck-desc,.team-view-head p){font-size:13px!important;line-height:1.55!important}
 body.notw-matchpoint .notw-v15-title{font-size:clamp(35px,9vw,48px)!important}
}


/* v21 — same compact partner box on the right, hidden on the dedicated partner page. */
html body.notw-universe:has(.partner-page-list) .notw-v15-partners{display:none!important;}
html body.notw-universe:not(:has(.partner-page-list)) .notw-v15-partners,
html body.notw-universe.home-page:not(:has(.partner-page-list)) .notw-v15-partners,
html body.notw-universe.notw-matchpoint:not(:has(.partner-page-list)) .notw-v15-partners,
html body.notw-universe:has(.creators-page):not(:has(.partner-page-list)) .notw-v15-partners,
html body.notw-universe:has(.teams-hub-page):not(:has(.partner-page-list)) .notw-v15-partners,
html body.notw-universe:has(.about-org-page):not(:has(.partner-page-list)) .notw-v15-partners,
html body.notw-universe:has(.compact-team-view):not(:has(.partner-page-list)) .notw-v15-partners{
  position:absolute!important;
  right:clamp(18px,2.8vw,46px)!important;
  left:auto!important;
  top:118px!important;
  width:320px!important;
  min-width:320px!important;
  max-width:320px!important;
  height:132px!important;
  min-height:132px!important;
  max-height:132px!important;
  margin:0!important;
  transform:none!important;
  z-index:8!important;
}
@media(max-width:1120px){
  html body.notw-universe:not(:has(.partner-page-list)) .notw-v15-partners,
  html body.notw-universe.home-page:not(:has(.partner-page-list)) .notw-v15-partners,
  html body.notw-universe.notw-matchpoint:not(:has(.partner-page-list)) .notw-v15-partners{
    position:relative!important;
    inset:auto!important;
    right:auto!important;
    left:auto!important;
    top:auto!important;
    width:min(320px,calc(100% - 26px))!important;
    min-width:0!important;
    max-width:320px!important;
    margin:12px auto 8px!important;
  }
}

/* v21 — tournament posters shorter and a bit wider in the cards. */
body.notw-matchpoint .notw-v15-event .notw-v15-banner.notw-v18-banner{
  aspect-ratio:4 / 3!important;
  max-height:380px!important;
}
body.notw-matchpoint .notw-v18-poster{
  object-fit:cover!important;
  object-position:center 18%!important;
}
@media(max-width:700px){
  body.notw-matchpoint .notw-v15-event .notw-v15-banner.notw-v18-banner{
    aspect-ratio:6 / 5!important;
    max-height:360px!important;
  }
}


/* v22: image previews are purpose-built landscape compositions using the original user artwork. */
body.notw-matchpoint .notw-v15-event .notw-v15-banner.notw-v18-banner{
  aspect-ratio:4/3!important; max-height:none!important; min-height:0!important; height:auto!important;
  overflow:hidden!important; background:#06111e!important;
}
body.notw-matchpoint .notw-v15-event .notw-v18-poster-link{aspect-ratio:4/3!important;height:auto!important;width:100%!important;display:block!important}
body.notw-matchpoint .notw-v15-event .notw-v18-poster{
  display:block!important;width:100%!important;height:100%!important;aspect-ratio:4/3!important;
  object-fit:contain!important;object-position:center center!important;background:#06111e!important;
}
@media(max-width:700px){
  body.notw-matchpoint .notw-v15-event .notw-v15-banner.notw-v18-banner{aspect-ratio:4/3!important;max-height:none!important}
}