/* V8 – reproduzierbare Korrekturen an den Referenzmaßen; nur Präsentation.
   Kritischer Bug V7: die zusätzliche Desktop-Mobilnavigation wurde im Seitenfluss angezeigt. */
.mnav{display:none!important}
@media(max-width:900px){.mnav{display:block!important}}

/* Einheitliches Raster. Kein Überlaufen und keine zweite Footer-Navigation. */
:root{--dc-violet:#a875fc;--dc-pink:#cc7df7}
html{scroll-padding-top:82px}
body{background:#160b1e}
body::after{opacity:.24;filter:blur(10px) saturate(.74) hue-rotate(4deg)}
.hdr{height:74px!important;padding-left:80px;background:rgba(18,8,27,.75)!important}
.hdr-inner{max-width:1360px}
.hdr .hdr-nav .hdr-link{font-size:13px;padding:11px 11px}
.hdr .hdr-nav .hdr-wiki{font-size:13px;padding:10px 12px}
.hdr .hdr-right{gap:10px}
.hdr .hdr-discord{padding:10px}
.hdr .hdr-indicator{bottom:-9px;background:linear-gradient(90deg,#b772fc,#e08bff)}

/* Original: 990px Regel-/Suchbereich, 654px Tab-Zeile, übersichtliche 80px-Regelkarten. */
.seite.seite-regelwerk{max-width:1030px;padding:128px 19px 42px}
.seite-regelwerk .seite-kopf{margin-bottom:75px}
.seite-regelwerk .rw-tabs{width:min(654px,100%);height:68px;padding:7px;gap:7px;margin:0 auto 12px}
.seite-regelwerk .rw-tab{height:52px;font-size:13px}
.seite-regelwerk .rw-suche{height:52px;margin-bottom:28px}
.seite-regelwerk .rw-regel>summary{min-height:80px;padding:18px 26px!important}
.seite-regelwerk .rw-regel{margin-bottom:15px}
.seite-regelwerk .rw-detail-block{margin:0 26px 22px 75px}
.seite-regelwerk .rw-kats{margin:28px auto 30px;gap:14px}
.seite-regelwerk .rw-kat{width:220px;min-height:154px}
.seite-regelwerk .rw-kat small{font-size:12px}
.seite-regelwerk .rw-hinweis{margin:0 auto 20px}
.seite-regelwerk .seite-kopf h1{letter-spacing:.12em}

/* Hilfe wie das Original – gleiche Inhaltsbreite wie die übrigen Unterseiten. */
.seite.seite-yaca{max-width:1030px;padding:126px 19px 42px}
.seite-yaca .schritte{gap:18px}
.seite-yaca .schritt{padding:23px}
.seite-yaca .rw-regel{margin-bottom:16px}
.seite-yaca .rw-regel>summary{min-height:76px}

/* Original: Logo + CTA kompakter und unterhalb Platz für den Streamer-Hinweis. */
.container{padding-top:77px}
.hero .dc-hero-logo{gap:0;margin:0 auto 13px}
.hero .dc-hero-logo img{width:133px;height:103px;object-fit:contain}
.hero .dc-hero-type{font-size:clamp(2.7rem,4vw,4rem);line-height:1.03}
.hero .dc-hero-type small{font-size:.19em;margin-top:5px}
.hero .subtitle{font-size:clamp(1rem,1.3vw,1.18rem);letter-spacing:.15em;margin-bottom:38px}
.hero{margin-bottom:55px}
.twitch-section{max-width:760px;margin:40px auto 65px}
.twitch-header{margin-bottom:24px}
.twitch-track-wrapper{overflow:visible}
.twitch-track-wrapper::before,.twitch-track-wrapper::after{content:none!important;display:none!important}
.twitch-nav{display:none!important}
.streamer-offline{
 display:flex;align-items:center;gap:17px;min-height:97px;
 padding:19px 21px;border:1px solid rgba(176,99,239,.24);border-radius:16px;
 background:rgba(28,14,39,.52);backdrop-filter:blur(16px);
}
.streamer-offline .streamer-icon{display:grid;place-items:center;width:44px;height:44px;flex:none;
 border-radius:11px;background:rgba(142,70,207,.23);color:#c29aff;font-size:22px}
.streamer-offline div{flex:1;min-width:0}
.streamer-offline strong{display:block;font-size:14px;color:#fff;margin-bottom:4px}
.streamer-offline p{color:#ccb9da;font-size:13px;line-height:1.55}
.streamer-offline a{flex:none;white-space:nowrap;text-decoration:none;border-radius:10px;
 background:linear-gradient(110deg,#8a43dd,#b76bfc);padding:11px 14px;color:white;font-size:12px;font-weight:700}

/* Dezent transparente Karten, nicht übermäßig dunkel oder undurchsichtig. */
.glas,.rw-regel,.schritt,.mitglied,.recht-karte,.info-card,.textkarte,
.phi-zitat,.kontakt-feld{background:rgba(31,17,43,.42)!important;backdrop-filter:blur(16px) saturate(110%)}

/* Header und Sektionen für schmale Screens bewusst separat behandeln. */
@media(max-width:1200px) and (min-width:901px){
 .hdr{padding:0 14px}
 .hdr-inner{max-width:100%}
 .hdr .hdr-nav .hdr-link{font-size:12px;padding:10px 7px}
 .hdr .hdr-nav .hdr-wiki{font-size:12px;padding:9px 8px}
 .hdr .hdr-right{gap:7px;margin-left:7px}
}
@media(max-width:900px){
 .hdr{height:60px!important;padding:0 12px 0 16px}
 .hdr .hdr-nav{display:none}
 .hdr .hdr-indicator{display:none}
 .seite.seite-regelwerk,.seite.seite-yaca{padding:100px 15px 35px;max-width:100%}
 .seite-regelwerk .seite-kopf{margin-bottom:36px}
 .seite-regelwerk .rw-tabs{width:100%;height:64px;gap:4px;padding:5px}
 .seite-regelwerk .rw-tab{height:52px;font-size:clamp(9px,2vw,12px);padding:5px}
 .seite-regelwerk .rw-regel>summary{padding:15px!important}
 .seite-regelwerk .rw-kats{gap:7px;margin:20px auto 24px}
 .seite-regelwerk .rw-kat{width:100%;min-height:132px}
 .container{padding:77px 14px 25px}
 .hero .dc-hero-logo img{height:95px;width:115px}
 .hero .dc-hero-type{font-size:clamp(2.35rem,8vw,3.4rem)}
 .hero .subtitle{font-size:clamp(.85rem,2.8vw,1.06rem);margin-bottom:28px}
 .twitch-section{margin:38px auto 50px}
 .streamer-offline{flex-wrap:wrap;gap:12px;padding:16px}
 .streamer-offline a{margin-left:56px}
}
@media(max-width:480px){
 .streamer-offline a{margin-left:0;width:100%;text-align:center}
}
@media(prefers-reduced-motion:reduce){.hero .dc-hero-logo{animation:none}}