/* V9 late page polish — lädt nach seitenlokalem Legacy-CSS. */

/* Fraktionsübersicht und Dossiers */
.fx-open-word,.fd-name{ letter-spacing:-.075em; }
.fx-roster-ovl{ width:min(1160px,100%); }
.fx-row{
  border-top:1px solid rgba(255,255,255,.28);
  padding:clamp(11px,1.5vh,19px) 0;
}
.fx-row:last-of-type{ border-bottom:1px solid rgba(255,255,255,.28); }
.fx-row-name{
  font-size:clamp(62px,9.2vw,142px);
  font-weight:950;
  letter-spacing:-.07em;
  line-height:.76;
  -webkit-text-stroke-width:1.5px;
}
.fx-row-meta{ font-size:9px; letter-spacing:.2em; }
.fx-callsheet{ padding-top:24vh; padding-bottom:20vh; }
.fx-cs{ max-width:860px; }
.fx-water{ letter-spacing:-.07em; }
.fx-rank{
  min-height:52px;
  border-bottom:1px solid rgba(255,255,255,.1);
}
.fx-rank .g{ font-size:10px; }
.fd-wrap{ max-width:1120px; }
.fd-logo{ width:clamp(90px,10vw,150px); }
.fd-block{ padding-block:clamp(60px,9vh,110px); }
.fd-h{ font-size:clamp(35px,4.5vw,70px); letter-spacing:-.045em; }

/* Streamer als Broadcast-Line-up statt Kartenraster. */
.st-wrap,.cl-wrap{ max-width:1180px; padding-inline:clamp(22px,5vw,72px); }
.st-title,.cl-title{ letter-spacing:-.075em; }
.st-grid{
  grid-template-columns:1fr;
  gap:0;
  border-top:1px solid rgba(255,255,255,.24);
}
.st-card{
  display:grid;
  grid-template-columns:90px minmax(0,1fr) auto;
  gap:clamp(18px,3vw,44px);
  padding:22px 0;
  border:0;
  border-bottom:1px solid rgba(255,255,255,.2);
  border-radius:0;
  background:transparent;
}
.st-card:hover{
  transform:none;
  padding-left:18px;
  border-color:rgba(255,255,255,.2);
  background:linear-gradient(90deg,rgba(182,60,255,.17),transparent 72%);
  box-shadow:none;
}
.st-ava{
  width:76px; height:76px; border-radius:0;
  clip-path:polygon(0 0,100% 0,100% 80%,80% 100%,0 100%);
}
.st-name{ font-size:clamp(28px,3vw,44px); letter-spacing:-.035em; }
.st-badge{ border-radius:0; padding:10px 14px; }
.st-join{ background:#0b0810; }

/* Changelog als große Patch-Timeline. */
.cl-entry{
  grid-template-columns:clamp(120px,16vw,220px) 1fr;
  padding:clamp(30px,5vh,62px) 0;
  border-top-color:rgba(255,255,255,.2);
}
.cl-date{ color:var(--brand-2); font-size:12px; }
.cl-date::before{ content:'PATCH / '; color:#fff; }
.cl-body{ max-width:720px; font-size:clamp(17px,1.4vw,21px); }
.cl-body strong{ color:#fff; background:linear-gradient(transparent 65%,rgba(182,60,255,.45) 0); }
.cl-body img{ border-radius:0; }

/* Dokumente: funktionaler Hub bleibt, nur Außenrahmen wird größer. */
body.v8-doc::before{
  height:94px;
  background:linear-gradient(#050407 0 62%,transparent);
  backdrop-filter:none;
}
body.v8-doc .doc-hub-hero{ min-height:58vh; padding-top:150px; }
body.v8-doc .doc-hub-hero h1{
  font-size:clamp(56px,9vw,138px);
  font-weight:950;
  letter-spacing:-.075em;
  line-height:.78;
}
body.v8-doc .doc-hub-hero__meta{ border-radius:0; }
body.v8-doc .doc-hub-tab{ border-radius:0; }
body.v8-doc .doc-search{ border-radius:0; }

/* Rechtliches und Entbannung */
.v8-endpage .lg-hero h1,.v8-endpage .ap-hero h1{
  font-weight:950;
  letter-spacing:-.07em;
  line-height:.8;
}
.v8-endpage .lg-body,.v8-endpage .ap-body{ background:#08060b; }
.v8-endpage .lg-card,.v8-endpage textarea{
  border-radius:0;
  border-color:rgba(255,255,255,.18);
  background:#0d0911;
}

@media(max-width:640px){
  .fx-row-name{ font-size:clamp(48px,20vw,78px); }
  .fx-row{ align-items:flex-start; }
  .fx-row-meta{ white-space:normal; }
  .st-card{ grid-template-columns:62px 1fr; gap:14px; }
  .st-ava{ width:58px; height:58px; }
  .st-badge{ grid-column:2; justify-self:start; }
  .cl-entry{ grid-template-columns:1fr; }
  body.v8-doc .doc-hub-hero{ min-height:50vh; }
}

@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{ animation-duration:.001ms !important; animation-iteration-count:1 !important; transition-duration:.001ms !important; }
}

/* Cross-Review-Fixes (Claude): Kicker über hellen Bildstellen lesbar,
   TON-AN-Button auf Mobile einzeilig */
.v8-kicker {
  text-shadow: 0 2px 14px rgba(7, 5, 14, .9), 0 0 4px rgba(7, 5, 14, .7);
}
.v8-sound-btn { white-space: nowrap; }

/* ============================================================
   Shop/Profil: einheitliche Startseiten-Top-Bar; die alte .nav
   wird zur schlanken Funktions-Unterleiste (nur Warenkorb/Login/
   Online bzw. User-Pille) UNTER der v8-ident/v8-hud-Zeile.
   ============================================================ */
.store-page .nav--sub,
.pf-page .nav--sub {
  position: fixed;
  top: 84px;
  left: 0; right: 0;
  z-index: 40; /* unter Menü-Overlay (90) und Top-Bar (50) */
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 12px;
  padding: 8px clamp(18px, 3vw, 42px);
  background: linear-gradient(180deg, rgba(7, 4, 9, .78), rgba(7, 4, 9, .28) 80%, transparent);
  border: 0;
  min-height: 0;
  height: auto;
}
.store-page .nav--sub .nav-actions,
.pf-page .nav--sub .nav-actions { display: flex; align-items: center; gap: 12px; margin: 0; }
/* Platz für Top-Bar + Unterleiste schaffen */
.store-page main, .store-page .hero { scroll-margin-top: 140px; }