/* NOTW v39 – transparent card experiment.
   Intentional test layer, after v38. Keep space background, image artwork,
   bright badges/accents, accessible menu and functional admin screens intact. */

/* The visible floating partner showcase, including its four sponsor tiles,
   takes on the surrounding space. Do not restyle the protected Admin screen. */
html body.notw-universe.notw-universe.notw-universe.notw-universe:not([data-page="admin-scores"]) .notw-v15-partners,
html body.notw-universe.notw-universe.notw-universe.notw-universe:not([data-page="admin-scores"]) .notw-v15-partner {
  background:transparent!important;
  background-image:none!important;
  background-color:transparent!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
  box-shadow:none!important;
}
html body.notw-universe.notw-universe.notw-universe.notw-universe:not([data-page="admin-scores"]) .notw-v15-partners {
  border-color:rgba(104,177,255,.42)!important;
}
html body.notw-universe.notw-universe.notw-universe.notw-universe:not([data-page="admin-scores"]) .notw-v15-partner {
  border-color:rgba(103,167,240,.33)!important;
}

/* Team rosters, staff portraits, player profiles, partner listings, creators,
   About, tournament previews, and all similar tile/card containers. Images,
   video, painted logos, active controls and color accents are deliberately
   excluded from the transparent-surface selector. */
html body.notw-universe.notw-universe.notw-universe.notw-universe:not([data-page="admin-scores"]) :is(
  .team-card,.player,.player-card,.roster-card,.pro-placeholder,
  .hub-person,.staff-person,.hub-person-meta,.staff-person-meta,
  .hub-person-visual,.staff-media,.team-empty-compact,.team-empty-inline,
  .staff-block,.staff-block-head,.team-view-head,.teams-hub-head,
  .team-icon-link,.game-pill,.game-pill .game-icon,
  .division-link,.division-icon,.division-empty,.division-hero-card,
  .creator-card,.creator-deck-card,.creator-focus-card,
  .creator-focus-media,.creator-deck-media,.creator-visual,
  .creator-orbit-wrap,.creator-deck,.creator-showcase,
  .partner-card,.partner-page-card,.partner-page-logo,.partner-logo,
  .partner-featured,.partner-empty,.partner-page-meta,
  .org-card,.org-chart,.org-team,.org-section,
  .gear-item,.profile-setup,.player-profile-photo,
  .news-feature,.news-list article,.event-card,.fact,.card,.feature,.tile,
  .player-meta,.player-tag,.club-status,.team-icon-copy
) {
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}

/* Preserve the original imagery and crisp borders while giving the cards
   their team colours instead of the heavy navy fill. */
html body.notw-universe.notw-universe.notw-universe.notw-universe:not([data-page="admin-scores"]) :is(
  .team-card,.hub-person,.staff-person,.player,.player-card,.roster-card,
  .creator-card,.creator-deck-card,.creator-focus-card,.partner-page-card,
  .partner-card,.org-card,.gear-item,.division-link,.team-icon-link
){
  border-color:rgba(110,181,255,.40)!important;
}
html body.notw-universe.notw-universe.notw-universe.notw-universe:not([data-page="admin-scores"]) :is(
  .staff-person,.hub-person,.creator-deck-card,.creator-focus-card,
  .partner-page-card,.org-card,.division-link,.gear-item
):hover {
  border-color:rgba(124,206,255,.80)!important;
  box-shadow:0 0 22px rgba(44,141,250,.15)!important;
}
/* No navy strips beneath the staff/roster photos. Leave the picture untouched. */
html body.notw-universe.notw-universe.notw-universe.notw-universe:not([data-page="admin-scores"]) .teams-hub-page :is(
  .compact-staff .staff-rail .staff-media,
  .compact-staff .staff-rail-four .staff-media,
  .compact-team-view .hub-roster .hub-person-visual,
  .compact-staff .staff-rail .staff-person-meta,
  .compact-staff .staff-rail-four .staff-person-meta,
  .compact-team-view .hub-roster .hub-person-meta,
  .compact-staff .staff-rail .staff-person,
  .compact-staff .staff-rail-four .staff-person,
  .compact-team-view .hub-roster .hub-person
){
  background:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
}
/* Artwork must never disappear; some profiles have an intentional bright
   pixel background embedded in the image (not on the card). */
html body.notw-universe.notw-universe.notw-universe.notw-universe:not([data-page="admin-scores"]) :is(
  .hub-person-visual img,.staff-media img,.player-profile-photo img,
  .creator-deck-media img,.creator-focus-media img,.partner-page-logo img
){opacity:1!important;}

/* Matchpoint landing page, tournament cards, live tables and winner cards:
   remove all opaque panels while retaining coloured status pills and buttons. */
html body.notw-universe.notw-universe.notw-universe.notw-matchpoint:not([data-page="admin-scores"]) :is(
 .panel,.event-card,.card,.empty,.help-banner,
 .score-table td,.tier,.player-chip,.notw-v15-event,.notw-v15-note,
 .notw-v15-card,.notw-v15-tab:not([aria-pressed="true"])
){
 background:transparent!important;
 background-color:transparent!important;
 background-image:none!important;
 box-shadow:none!important;
 -webkit-backdrop-filter:none!important;
 backdrop-filter:none!important;
}
html body.notw-universe.notw-universe.notw-universe.notw-matchpoint:not([data-page="admin-scores"]) :is(
 .panel,.event-card,.card,.empty,.help-banner
){border-color:rgba(101,171,245,.40)!important;}

/* Ranks remain vividly distinct, but all nine columns and individual
   player name chips are see-through. Their colored borders are retained. */
html body.notw-universe.notw-universe.notw-universe.notw-matchpoint[data-page="rankings"] .rank-board .tier {
  background:transparent!important;
  background-image:none!important;
  background-color:transparent!important;
  border-color:var(--tier)!important;
  box-shadow:none!important;
}
html body.notw-universe.notw-universe.notw-universe.notw-matchpoint[data-page="rankings"] .rank-board .tier .player-chip {
  background:transparent!important;
  background-image:none!important;
  background-color:transparent!important;
  border-color:color-mix(in srgb,var(--tier) 58%,transparent)!important;
  box-shadow:none!important;
}
html body.notw-universe.notw-universe.notw-universe.notw-matchpoint[data-page="rankings"] .rank-board .tier h3 {
  color:var(--tier)!important;
  text-shadow:0 0 16px color-mix(in srgb,var(--tier) 28%,transparent)!important;
}
html body.notw-universe.notw-universe.notw-universe.notw-matchpoint[data-page="rankings"] .rank-board .tier .player-chip:hover {
  border-color:var(--tier)!important;
  box-shadow:0 0 14px color-mix(in srgb,var(--tier) 22%,transparent)!important;
}

/* Matchpoint supplies the desired desktop partner lettering. Enforce exactly
   one typography scale on every desktop page (including Home): no oversized
   Better Warzone Audio / Deutsche Vermögensberatung on the homepage. */
@media(min-width:1001px){
  html body.notw-universe.notw-universe.notw-universe .notw-v15-partner{font-size:11px!important;line-height:1.13!important;}
  html body.notw-universe.notw-universe.notw-universe .brand-nvtypn-name{font-size:13px!important;letter-spacing:.13em!important;}
  html body.notw-universe.notw-universe.notw-universe .brand-bwa{font-size:11px!important;line-height:1.02!important;}
  html body.notw-universe.notw-universe.notw-universe .brand-bwa strong{font-size:13px!important;line-height:1!important;}
  html body.notw-universe.notw-universe.notw-universe .brand-bwa em{font-size:8px!important;}
  html body.notw-universe.notw-universe.notw-universe .brand-elgato{font-size:18px!important;}
  html body.notw-universe.notw-universe.notw-universe .brand-dvag{font-size:10.8px!important;line-height:1.02!important;}
  html body.notw-universe.notw-universe.notw-universe .brand-dvag .brand-dvag-copy{font-size:inherit!important;line-height:1.05!important;}
  html body.notw-universe.notw-universe.notw-universe .brand-dvag-icon{font-size:13px!important;}
}

/* Keep accessibility affordances: all buttons, inputs, menu dropdowns and
   matchpoint admin sections retain the original surfaces and contrast. */


/* Partner detail offer card: the discount block should no longer remain a
   dark leftover box. Keep it transparent and turn it into a neon callout
   with a softly pulsing border that fits the space look. */
html body.notw-universe.notw-universe.notw-universe.notw-universe .partner-featured .partner-offer{
  position:relative!important;
  background:linear-gradient(180deg,rgba(7,14,28,.10),rgba(5,9,18,.04))!important;
  border:1px solid rgba(103,188,255,.52)!important;
  box-shadow:0 0 0 1px rgba(106,195,255,.18),0 0 24px rgba(53,130,255,.18)!important;
  overflow:hidden!important;
  isolation:isolate!important;
  animation:notwOfferPulse 3.6s ease-in-out infinite!important;
}
html body.notw-universe.notw-universe.notw-universe.notw-universe .partner-featured .partner-offer::before{
  content:"";
  position:absolute;
  inset:-1px;
  pointer-events:none;
  background:linear-gradient(135deg,rgba(0,220,255,.82),rgba(90,120,255,.72) 32%,rgba(255,0,163,.78) 66%,rgba(255,201,76,.72));
  opacity:.92;
  z-index:-1;
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;
  mask-composite:exclude;
  padding:1.5px;
}
html body.notw-universe.notw-universe.notw-universe.notw-universe .partner-featured .partner-offer::after{
  content:"";
  position:absolute;
  inset:12% 10%;
  pointer-events:none;
  background:radial-gradient(circle,rgba(76,168,255,.16),transparent 66%);
  filter:blur(18px);
  z-index:-1;
  animation:notwOfferGlow 3.6s ease-in-out infinite!important;
}
html body.notw-universe.notw-universe.notw-universe.notw-universe .partner-featured .partner-offer > span{
  color:#a9c6ff!important;
}
html body.notw-universe.notw-universe.notw-universe.notw-universe .partner-featured .partner-offer > strong{
  text-shadow:0 0 18px rgba(70,160,255,.18)!important;
}
html body.notw-universe.notw-universe.notw-universe.notw-universe .partner-featured .partner-code{
  border:1px solid rgba(134,199,255,.42)!important;
  background:rgba(3,8,18,.36)!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.03)!important;
}
html body.notw-universe.notw-universe.notw-universe.notw-universe .partner-featured .partner-code:hover{
  border-color:rgba(255,76,174,.82)!important;
  background:rgba(7,16,34,.52)!important;
  box-shadow:0 0 18px rgba(100,170,255,.16)!important;
}
@keyframes notwOfferPulse{
  0%,100%{box-shadow:0 0 0 1px rgba(106,195,255,.16),0 0 16px rgba(53,130,255,.10),0 0 28px rgba(255,0,163,.05)!important;transform:translateY(0)}
  50%{box-shadow:0 0 0 1px rgba(122,214,255,.30),0 0 26px rgba(53,130,255,.22),0 0 42px rgba(255,0,163,.12)!important;transform:translateY(-1px)}
}
@keyframes notwOfferGlow{
  0%,100%{opacity:.42;transform:scale(.98)}
  50%{opacity:.72;transform:scale(1.03)}
}


/* v40 — creator deck spacing + hide partner box on admin.
   The creator showcase should read as separate cards, not stacked over each
   other. Spread the desktop cards further apart and slightly reduce their
   footprint. Keep tablet/mobile behaviour unchanged. */
html body.notw-universe.notw-matchpoint[data-page="admin-scores"] .notw-v15-partners{
  display:none!important;
}

@media (min-width:1201px){
  html body.notw-universe .creators-page .creator-deck{
    height:620px!important;
    margin-left:auto!important;
    margin-right:auto!important;
    max-width:1600px!important;
    overflow:visible!important;
  }
  html body.notw-universe .creators-page .creator-deck > .creator-deck-card{
    top:18px!important;
    width:clamp(290px,18.5vw,330px)!important;
    height:455px!important;
  }
  html body.notw-universe .creators-page .creator-deck > .creator-deck-card.is-active{
    transform:translateX(-50%) translateY(0) rotateY(0) scale(1.02)!important;
  }
  html body.notw-universe .creators-page .creator-deck > .creator-deck-card.is-left{
    transform:translateX(calc(-50% - 370px)) translateY(34px) rotateY(9deg) scale(.95)!important;
  }
  html body.notw-universe .creators-page .creator-deck > .creator-deck-card.is-right{
    transform:translateX(calc(-50% + 370px)) translateY(34px) rotateY(-9deg) scale(.95)!important;
  }
  html body.notw-universe .creators-page .creator-deck > .creator-deck-card.is-far-left{
    transform:translateX(calc(-50% - 670px)) translateY(74px) rotateY(12deg) scale(.84)!important;
    opacity:.42!important;
  }
  html body.notw-universe .creators-page .creator-deck > .creator-deck-card.is-far-right{
    transform:translateX(calc(-50% + 670px)) translateY(74px) rotateY(-12deg) scale(.84)!important;
    opacity:.42!important;
  }
  html body.notw-universe .creators-page .creator-deck .creator-deck-media{
    height:255px!important;
  }
  html body.notw-universe .creators-page .creator-deck .creator-deck-info h3{
    font-size:42px!important;
  }
  html body.notw-universe .creators-page .creator-deck > .creator-deck-card.is-left .creator-deck-info h3,
  html body.notw-universe .creators-page .creator-deck > .creator-deck-card.is-right .creator-deck-info h3{
    font-size:36px!important;
  }
  html body.notw-universe .creators-page .creator-deck > .creator-deck-card.is-far-left .creator-deck-info h3,
  html body.notw-universe .creators-page .creator-deck > .creator-deck-card.is-far-right .creator-deck-info h3{
    font-size:32px!important;
  }
}

@media (min-width:1450px){
  html body.notw-universe .creators-page .creator-deck{
    max-width:1720px!important;
  }
  html body.notw-universe .creators-page .creator-deck > .creator-deck-card.is-left{
    transform:translateX(calc(-50% - 400px)) translateY(32px) rotateY(9deg) scale(.95)!important;
  }
  html body.notw-universe .creators-page .creator-deck > .creator-deck-card.is-right{
    transform:translateX(calc(-50% + 400px)) translateY(32px) rotateY(-9deg) scale(.95)!important;
  }
  html body.notw-universe .creators-page .creator-deck > .creator-deck-card.is-far-left{
    transform:translateX(calc(-50% - 735px)) translateY(70px) rotateY(12deg) scale(.84)!important;
  }
  html body.notw-universe .creators-page .creator-deck > .creator-deck-card.is-far-right{
    transform:translateX(calc(-50% + 735px)) translateY(70px) rotateY(-12deg) scale(.84)!important;
  }
}