/* KONTRASTKOPF LIVE · gemeinsame Fläche und redaktionelle Seiten. */
body{isolation:isolate;background:#0b0b0c}
.creator-content-shell:before{content:"";position:absolute;inset:-12%;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 10% 35%,#ff007f20 0%,#ff007f10 30%,#ff007f05 52%,transparent 74%),radial-gradient(ellipse at 90% 72%,#8541d220 0%,#8541d210 32%,#8541d205 54%,transparent 76%)}
body .about-section,body .schedule-section,body .community-section{background:transparent}
body .schedule-section{border-color:#ffffff12}
.creator-footer{background:#09090bd9;border-top:1px solid #ffffff26;position:relative}
.creator-footer .creator-footer-inner{display:grid;grid-template-columns:1fr 1fr;gap:24px 40px;padding-block:32px;width:min(1240px,calc(100% - 96px));margin:auto}
.footer-brand img{width:190px;height:auto;display:block}
.footer-brand p{font-size:13px;color:#c4c0c7;margin:12px 0 0}
.footer-channel-nav{display:flex;justify-content:flex-end;align-items:center;gap:12px 24px;flex-wrap:wrap}
.creator-footer a{font-size:14px;text-underline-offset:5px}
.footer-bottom{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px 24px;border-top:1px solid #ffffff1f;padding-top:20px}
.footer-bottom nav{display:flex;flex-wrap:wrap;gap:10px 20px}
.creator-reading{max-width:850px;padding-block:64px 80px;min-height:60vh}
.creator-reading h1{font-size:clamp(36px,5vw,64px);line-height:1.1;overflow-wrap:anywhere;margin-bottom:32px}
.page-content{font-size:17px;line-height:1.75}
.page-content h2{font-size:clamp(24px,3vw,32px);line-height:1.25;margin-top:36px;margin-bottom:16px}
.page-content h3{font-size:21px;line-height:1.35;margin-top:28px}
.page-content p,.page-content ul{margin-bottom:20px}
.page-content a{overflow-wrap:anywhere;text-decoration:none;text-underline-offset:4px}
.post-reading h1{font-size:clamp(34px,5vw,58px);line-height:1.15;overflow-wrap:anywhere}
.post-reading .post-image{width:100%;height:auto;max-height:540px;object-fit:contain;border-radius:12px}
.game-detail-grid>*{min-width:0}.game-content img{max-width:100%;height:auto}
@media(max-width:1100px){
 .community-section .community-avatar{width:min(220px,34vw);transform:scaleX(-1)}
 .community-section .community-wrap{row-gap:18px}
 .creator-footer .creator-footer-inner{width:calc(100% - 64px)}
 .game-detail-grid{grid-template-columns:1fr}
 .game-detail-heading,.game-facts{text-align:center}
}
@media(max-width:767px){
 .community-section .community-avatar{width:min(180px,44vw)}
 .creator-footer .creator-footer-inner{width:calc(100% - 40px);grid-template-columns:1fr;gap:20px;padding-block:28px}
 .footer-brand,.footer-bottom{text-align:center}
 .footer-brand img{margin-inline:auto;width:170px}
 .footer-channel-nav,.footer-bottom,.footer-bottom nav{justify-content:center}
 .creator-footer a{display:inline-block;min-height:36px;align-content:center}
 .creator-reading{padding-block:40px 56px}
 .page-content{font-size:16px;line-height:1.7}
 .creator-reading>article>header,.post-reading>article>h1{text-align:center}
}
@media(forced-colors:active){.creator-content-shell:before{display:none}.creator-footer{background:Canvas}}

/* Gemeinsame feine Footer-Kante; Desktop-Figur auf der Grundlinie. */
body .community-section{border-bottom:0}
@media(min-width:1101px){
 .news-card .post-excerpt{display:none}
 .community-section .community-wrap{padding-bottom:0;align-items:end}
 .community-section .community-grid{padding-bottom:64px}
 .community-section .community-visual{align-self:end;align-items:flex-end;line-height:0;margin:0}
 .community-section .community-avatar{display:block;margin:0}
 .community-section .community-banner{display:block;margin:0}
}

/* Weicher Anschluss der Bildbühne an den gemeinsamen Farbhintergrund. */
body .about-section{background:linear-gradient(180deg,#0b0b0c 0%,#0b0b0cf5 45px,#0b0b0ccc 110px,#0b0b0c80 200px,#0b0b0c30 300px,#0b0b0c00 420px)}
.worlds-hero:after{content:"";position:absolute;inset:auto 0 0;height:36px;background:linear-gradient(transparent,#0b0b0c);pointer-events:none}
.news-card{background:rgba(17,17,21,.64);border:1px solid #ffffff2b;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:inset 0 1px #ffffff0c,0 12px 36px #0002;overflow:hidden}
.creator-footer{background:rgba(9,9,11,.62);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.creator-footer .creator-footer-inner{padding-block:24px;gap:16px 32px}
.footer-brand img{width:170px}
.footer-bottom{padding-top:14px;gap:8px 24px}
.footer-bottom p,.footer-bottom a{font-size:12px;color:#c6c2ca;margin:0}
.creator-footer a{text-decoration:none}
.creator-footer a:hover{text-decoration:none;text-underline-offset:5px}
@media(max-width:767px){
 .creator-footer .creator-footer-inner{grid-template-columns:1fr;gap:12px;padding-block:24px}
 .footer-brand img{width:145px}
 .footer-channel-nav{gap:4px 20px}
 .footer-bottom{flex-direction:column;gap:10px;padding-top:12px}
 .footer-bottom nav{gap:2px 16px}
 .creator-footer a{min-height:32px}
}
@media(prefers-reduced-transparency:reduce){.news-card,.creator-footer{background:#111115;backdrop-filter:none;-webkit-backdrop-filter:none}}
@media(forced-colors:active){.news-card,.creator-footer{background:Canvas;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}}

/* Eine gemeinsame Glasoberfläche für alle aktiven Glas-Komponenten. */
:root{
 --creator-glass:linear-gradient(135deg,rgba(255,255,255,.075),rgba(255,255,255,.015) 48%),rgba(11,11,16,.38);
 --creator-glass-filter:blur(22px) saturate(145%);
 --creator-glass-edge:rgba(255,255,255,.24);
 --creator-glass-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 12px 36px rgba(0,0,0,.16);
}
body .site-header,body .site-header .mobile-nav nav,body .news-card,body .game-facts,body .creator-footer{
 background:var(--creator-glass);
 backdrop-filter:var(--creator-glass-filter);
 -webkit-backdrop-filter:var(--creator-glass-filter);
 border-color:var(--creator-glass-edge);
 box-shadow:var(--creator-glass-shadow);
}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
 body .site-header,body .site-header .mobile-nav nav,body .news-card,body .game-facts,body .creator-footer{background:#111115}
}
@media(prefers-reduced-transparency:reduce){
 body .site-header,body .site-header .mobile-nav nav,body .news-card,body .game-facts,body .creator-footer{background:#111115;backdrop-filter:none;-webkit-backdrop-filter:none}
}
@media(forced-colors:active){
 body .site-header,body .site-header .mobile-nav nav,body .news-card,body .game-facts,body .creator-footer{background:Canvas;border-color:CanvasText;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}
}

.news-card h3 a{text-decoration:none}
@media(any-hover:hover) and (any-pointer:fine){.news-card h3 a:hover{text-decoration:none;text-underline-offset:5px}}
.news-card h3 a:focus-visible{text-decoration:none;text-underline-offset:5px}

/* Navigation ohne dekorativen Lichtverlauf. */
body .site-header,body .site-header .mobile-nav nav{background-image:none}

/* Die Farbebene gehört ausschließlich zum Hauptinhalt. */
.creator-content-shell{position:relative;isolation:isolate;overflow:clip;width:100%}
body:before{content:none;animation:none}

/* Bildstarker Artikelauftakt, getrennt von der ruhigen Lesespalte. */
.article-hero{position:relative;isolation:isolate;display:flex;align-items:flex-end;min-height:clamp(440px,65svh,700px);background:#0b0b0c}
.article-hero-art,.article-hero-shade{position:absolute;inset:0;z-index:-1}
.article-hero-art img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 42%}
.article-hero-shade{background:linear-gradient(180deg,#0b0b0c15 15%,#0b0b0c70 48%,#0b0b0cf5 100%)}
.article-hero .article-hero-inner{width:min(1240px,calc(100% - 96px));padding-block:120px 52px}
.article-hero h1{font-family:Anton,sans-serif;font-weight:400;font-size:clamp(38px,4.8vw,72px);line-height:1.12;max-width:24ch;margin:0;text-wrap:balance;overflow-wrap:anywhere;color:#fff;text-shadow:0 2px 22px #0007}
.article-hero-meta{display:flex;flex-wrap:wrap;align-items:center;gap:12px 24px;margin-bottom:20px;font-size:14px;color:#eee}
.article-hero-meta a{font-weight:700;text-decoration:none;color:#f2f0eb;padding-block:8px}
.article-hero-meta a:hover{text-decoration:none}
.article-hero.no-image{min-height:320px;background:transparent}
.article-hero.no-image .article-hero-shade{display:none}
.article-body{width:min(800px,calc(100% - 96px));padding-block:48px 72px}
.article-body .game-content{font-size:18px;line-height:1.8}
.article-body .game-content h2{font-size:clamp(26px,3vw,34px);margin-top:40px}
.article-back{border-top:1px solid #ffffff26;margin-top:40px;padding-top:24px}
@media(max-width:1100px){.article-hero .article-hero-inner,.article-body{width:calc(100% - 64px)}.article-body{max-width:800px}.article-hero h1{max-width:26ch}}
@media(max-width:767px){
 .article-hero{min-height:480px;min-height:min(620px,72svh)}
 .article-hero .article-hero-inner{width:calc(100% - 40px);padding-block:130px 32px;text-align:center}
 .article-hero h1{font-size:clamp(34px,8.5vw,48px);margin-inline:auto}
 .article-hero-meta{justify-content:center;gap:8px 20px;margin-bottom:16px}
 .article-hero-shade{background:linear-gradient(180deg,#0b0b0c12 0%,#0b0b0c99 40%,#0b0b0cf5 100%)}
 .article-body{width:calc(100% - 40px);padding-block:32px 48px}
 .article-body .game-content{font-size:16px;line-height:1.75}
}

/* Die Desktop-Game-Karten teilen dieselbe dunkle Glasoberfläche. */
@media(min-width:1101px){
 body .worlds-hero .world-option{background:var(--creator-glass);backdrop-filter:var(--creator-glass-filter);-webkit-backdrop-filter:var(--creator-glass-filter);border-color:var(--creator-glass-edge);box-shadow:var(--creator-glass-shadow)}
 body .worlds-hero .world-option[aria-pressed=true]{border-color:var(--pink)}
 @media(any-hover:hover) and (any-pointer:fine){body .worlds-hero .world-option:hover{border-color:var(--white)}body .worlds-hero .world-option[aria-pressed=true]:hover{border-color:var(--pink)}}
 @supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){body .worlds-hero .world-option{background:#111115}}
 @media(prefers-reduced-transparency:reduce){body .worlds-hero .world-option{background:#111115;backdrop-filter:none;-webkit-backdrop-filter:none}}
 @media(forced-colors:active){body .worlds-hero .world-option{background:Canvas;border-color:CanvasText;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}body .worlds-hero .world-option[aria-pressed=true]{border-color:Highlight}}
}

/* Einheitlich kompakte mobile CTAs mit 44px Touchhöhe. */
@media(max-width:767px){
 body .button,
 body .worlds-hero .world-copy .actions .button,
 body .community-section .community-grid .button,
 body .schedule-section .schedule-intro .button{
  width:auto;max-width:100%;min-width:0;min-height:44px;padding:10px 16px;font-size:14px;line-height:1.5;border-radius:4px;
 }
 body .worlds-hero .world-copy .actions{gap:10px;flex-wrap:wrap;justify-content:center}
 body .worlds-hero .world-copy .actions .button{flex:0 1 auto}
}

/* Navigation bleibt bei der dunklen, gut lesbaren Glasvariante. */
body .site-header,body .site-header .mobile-nav nav{
 --creator-glass:rgba(11,11,16,.90);
 --creator-glass-filter:blur(22px) saturate(120%);
}

/* Helle Primärbuttons, transparente Sekundärbuttons, kräftiger pinker Hover. */
body #main .button{background:#f2f0eb;border-color:#f2f0eb;color:#111;background-image:none}
body #main .button.secondary{background:transparent;border-color:#f2f0eb;color:#f2f0eb}
@media(any-hover:hover) and (any-pointer:fine){
 body #main .button:hover{background:var(--pink);border-color:var(--pink);color:#000;text-decoration:none}
}
body #main .button:active,body #main .button:focus-visible{background:var(--pink);border-color:var(--pink);color:#000}
body #main .button:focus-visible{outline:3px solid #fff;outline-offset:4px}
@media(forced-colors:active){
 body #main .button{background:ButtonFace;color:ButtonText;border-color:ButtonText}
 body #main .button:hover,body #main .button:active,body #main .button:focus-visible{background:Highlight;color:HighlightText;border-color:Highlight}
 body #main .button:focus-visible{outline-color:Highlight}
}

/* Textlinks: nur Farbwechsel statt Flächen oder Unterstreichungen. */
body a{text-decoration:none}
body .site-header .mobile-nav nav a:hover,
body .site-header .mobile-nav nav a:active{background:transparent}
@media(any-hover:hover) and (any-pointer:fine){
 body a:not(.button):hover{color:var(--pink);text-decoration:none}
}
body a:not(.button):active{color:var(--pink);text-decoration:none}
body a:focus-visible{text-decoration:none}

/* Game-Auswahl: keine zusätzliche Fläche oder Bildaufhellung. */
body .worlds-hero .world-option strong,
body .worlds-hero .world-game-summary .text-link{text-decoration:none}
body .worlds-hero .world-option:hover img,
body .worlds-hero .world-option:active img{filter:none}
@media(any-hover:hover) and (any-pointer:fine){body .worlds-hero .world-option:hover strong{color:var(--pink)}}
body .worlds-hero .world-option:active strong{color:var(--pink)}
@media(max-width:1100px){
 body .worlds-hero .world-option,
 body .worlds-hero .world-option:hover,
 body .worlds-hero .world-option:active{background:transparent;box-shadow:none}
}

/* Vollständige Motive: natürliche Bildhöhe statt zugeschnittenem Cover. */
:root{--hero-image-fade:linear-gradient(to bottom,#000 0%,#000 65%,rgba(0,0,0,.97) 72%,rgba(0,0,0,.84) 80%,rgba(0,0,0,.56) 88%,rgba(0,0,0,.22) 95%,transparent 100%)}
.game-detail-hero,.article-hero.has-image{display:block;min-height:0;background:transparent;overflow:visible}
.game-detail-image,.article-hero.has-image .article-hero-art{position:relative;inset:auto;z-index:0;width:100%;-webkit-mask-image:var(--hero-image-fade);mask-image:var(--hero-image-fade)}
.game-detail-image img,.article-hero-art img{display:block;width:100%;height:auto;max-height:none;object-fit:contain;object-position:center}
.game-detail-hero:after,.article-hero.has-image .article-hero-shade{display:none}
.game-detail-heading,.article-hero.has-image .article-hero-inner{position:relative;z-index:1;margin-top:clamp(-180px,-10vw,-48px);padding-block:0 32px}
.game-detail-heading h1,.article-hero h1{text-shadow:0 2px 22px #0008}
.article-hero .article-hero-inner{max-width:800px}
.game-facts{border-radius:8px}
@media(max-width:1100px){
 .game-detail-heading,.article-hero.has-image .article-hero-inner{margin-top:-5vw;padding-bottom:24px}
 .detail-lead{margin-inline:auto}
}
@media(max-width:767px){
 .game-detail-heading h1{font-size:clamp(38px,10vw,56px);overflow-wrap:anywhere}
 .game-detail-heading,.article-hero.has-image .article-hero-inner{margin-top:0;padding-top:8px}
}

/* Redaktionelle Karten im Stil der Game-Übersicht: randloses Bild, ruhiger Sockel. */
body .news-card,body .game-card{background:#111;border:1px solid #ffffff25;border-radius:8px;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;overflow:hidden}
body .news-card{padding:0 0 24px;gap:0}
body .news-card>.news-image{margin:0 0 28px;width:100%}
body .news-card .news-image img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;border-radius:0}
body .news-card>p,body .news-card>h3,body .news-card>.text-link{margin-left:28px;margin-right:28px}
body .news-card>.post-game-label{margin-bottom:10px}
body .news-card>.meta{font-size:13px;margin-bottom:18px}
body .news-card>h3{font-size:clamp(22px,2.1vw,30px);line-height:1.25;margin-bottom:28px}
body .news-card>.text-link{margin-top:auto;padding-top:18px;border-top:1px solid #ffffff25;justify-content:space-between}
body .news-card>.text-link:after{content:"\2197";margin-left:16px}
body .news-card:not(:has(.news-image)){padding-top:28px}
@media(max-width:767px){body .news-card>p,body .news-card>h3,body .news-card>.text-link{margin-left:22px;margin-right:22px}body .news-card>.news-image{margin-bottom:22px}}
@media(forced-colors:active){body .news-card,body .game-card{background:Canvas;border-color:CanvasText}}

/* Game-Steckbrief im selben dunklen Kartenstil. */
body .game-facts{background:#111;border:1px solid #ffffff25;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;width:100%;min-width:0;overflow-wrap:anywhere}
.game-facts h2{max-width:none;line-height:1.2}
.game-facts .button{max-width:100%;white-space:normal;text-align:center}
.game-facts small{display:block;line-height:1.65}
@media(max-width:1100px){body .game-facts{max-width:640px;justify-self:center;padding:28px;text-align:center}.game-facts p{margin-inline:auto}}
@media(max-width:767px){body .game-facts{max-width:100%;padding:24px 20px}.game-facts h2{font-size:24px}.game-facts dd{margin-bottom:20px}}
@media(forced-colors:active){body .game-facts{background:Canvas;border-color:CanvasText}}

/* Abschluss: klare Game-Hierarchie und ruhiger schwarzer Footer. */
body .creator-footer{background:#000;backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:none}
body .worlds-hero .world-game-summary h2{font:400 clamp(48px,5.8vw,86px)/1.08 Anton,sans-serif;letter-spacing:0;max-width:none;margin-bottom:16px}
body .worlds-hero h1{font-size:clamp(36px,4.5vw,68px)}
body .news-card>.post-game-label{font:400 clamp(28px,3vw,42px)/1.15 Anton,sans-serif;letter-spacing:0;margin-bottom:14px}
body .news-card>h3{font-size:clamp(20px,1.65vw,24px);line-height:1.35}
@media(max-width:1100px){body .worlds-hero .world-game-summary h2{font-size:clamp(48px,8vw,72px)}body .worlds-hero h1{font-size:clamp(32px,6vw,48px)}}
@media(max-width:767px){body .worlds-hero h1{font-size:clamp(30px,8vw,40px)}body .worlds-hero .world-game-summary h2{font-size:clamp(46px,12vw,60px)}}

/* Gemeinsame Lesehierarchie, auch bei langen redaktionellen Inhalten. */
.about-copy h2,.section-heading h2,.schedule-intro h2,.community-grid h2{font-size:clamp(30px,3.8vw,48px);line-height:1.15}
.game-content,.article-body,.page-content{overflow-wrap:anywhere}
@media(max-width:767px){.game-content p,.about-copy>p,.community-grid p{font-size:16px;line-height:1.75}.section-heading{text-align:center}.section-heading>p{margin-inline:auto}}

/* 0.9.1: Inter-Game-Titel und dunkles Navigationsglas für Inhaltskarten. */
body .worlds-hero .world-game-summary h2,body .game-detail-heading h1,body .news-card>.post-game-label,body .game-card h3{font-family:Inter,sans-serif;font-weight:700;letter-spacing:-.04em;overflow-wrap:anywhere}
body .news-card>.post-game-label{font-size:clamp(26px,2.6vw,36px)}
body .news-card,body .game-card,body .game-facts{background:rgba(11,11,16,.90);backdrop-filter:blur(22px) saturate(120%);-webkit-backdrop-filter:blur(22px) saturate(120%);border-color:var(--creator-glass-edge);box-shadow:var(--creator-glass-shadow)}
/* Artikel: kompakter Textauftakt mit begleitendem Bild statt Vollbild-Hero. */
body .article-intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,.65fr);align-items:center;gap:40px;width:min(1040px,calc(100% - 96px));margin:0 auto;padding:48px 0 32px;min-height:0;background:transparent}
body .article-intro .article-hero-inner{width:100%;max-width:none;margin:0;padding:0;text-align:left}
body .article-intro h1{font:700 clamp(28px,3vw,42px)/1.18 Inter,sans-serif;letter-spacing:-.035em;max-width:none;text-shadow:none;margin:0;text-wrap:balance}
body .article-intro .article-hero-art{position:static;inset:auto;width:100%;mask-image:none;-webkit-mask-image:none}
body .article-intro .article-hero-art img{width:100%;height:auto;max-height:280px;object-fit:contain;border-radius:8px}
body .article-intro.no-image{grid-template-columns:1fr;max-width:800px}
body .article-intro .article-hero-meta{justify-content:flex-start;margin-bottom:16px}
body .creator-post .article-body{width:min(1040px,calc(100% - 96px));padding-top:24px}
body .creator-post .game-content{max-width:72ch}
@media(max-width:1100px){body .article-intro,body .creator-post .article-body{width:calc(100% - 64px)}body .article-intro{gap:28px;padding-top:36px}}
@media(max-width:767px){body .article-intro,body .creator-post .article-body{width:calc(100% - 40px)}body .article-intro{grid-template-columns:1fr;gap:24px;padding:28px 0 8px}body .article-intro .article-hero-art img{max-height:200px;object-position:left center}body .article-intro h1{font-size:clamp(28px,7vw,36px)}}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){body .news-card,body .game-card,body .game-facts{background:#111115}}
@media(prefers-reduced-transparency:reduce){body .news-card,body .game-card,body .game-facts{background:#111115;backdrop-filter:none;-webkit-backdrop-filter:none}}
@media(forced-colors:active){body .news-card,body .game-card,body .game-facts{background:Canvas;box-shadow:none}}

/* Beitragsvorlage nach KONTRASTKOPF / JEP singular-hero. */
body .article-intro{width:min(1240px,calc(100% - 96px));grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(42px,6vw,100px);padding:64px 0 56px}
body .article-intro .article-hero-inner{padding-block:clamp(12px,2vw,34px)}
body .article-intro .article-kicker{font-size:14px;font-weight:700;margin:0 0 26px}
body .article-intro h1{font-size:clamp(36px,4.5vw,64px);line-height:1.04;letter-spacing:-.035em}
body .article-intro .article-hero-meta{margin:clamp(24px,3vw,38px) 0 0;gap:12px 24px;font-weight:600}
body .article-intro .article-lead{margin:clamp(24px,3vw,38px) 0 0;font-size:18px;line-height:1.65}
body .article-intro .article-hero-art{border:1px solid #ffffff24;background:#171718}
body .article-intro .article-hero-art img{display:block;width:100%;height:auto;max-height:none;border-radius:0}
body .creator-post .article-body{width:min(860px,calc(100% - 96px));padding:clamp(28px,4vw,56px);margin:0 auto 64px;background:rgba(11,11,16,.90);border:1px solid #ffffff25;border-radius:16px}
@media(max-width:1100px){body .article-intro{width:calc(100% - 64px);grid-template-columns:1fr;gap:32px;padding:40px 0 40px}body .article-intro .article-hero-inner{padding:0}body .article-intro h1{font-size:clamp(32px,6vw,48px);line-height:1.15}body .article-intro .article-hero-art{grid-row:2}body .creator-post .article-body{width:calc(100% - 64px)}}
@media(max-width:767px){body .article-intro,body .creator-post .article-body{width:calc(100% - 40px)}body .article-intro{padding-top:28px}body .article-intro .article-lead{font-size:16px}body .creator-post .article-body{padding:24px;margin-bottom:40px}}
@media(forced-colors:active){body .creator-post .article-body{background:Canvas;border-color:CanvasText}}

/* Game-Infoseiten teilen den redaktionellen Auftakt der Beiträge. */
body .game-detail-hero{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:clamp(42px,6vw,100px);width:min(1240px,calc(100% - 96px));margin:0 auto;padding:64px 0 56px;min-height:0;background:transparent}
body .game-detail-hero .game-detail-heading{width:100%;margin:0;padding-block:clamp(12px,2vw,34px);text-align:left}
body .game-detail-heading h1{font:700 clamp(36px,4.5vw,64px)/1.04 Inter,sans-serif;letter-spacing:-.035em;margin:0 0 28px;text-shadow:none}
body .game-detail-heading .detail-lead{font-size:18px;line-height:1.65;margin:0;max-width:58ch}
body .game-detail-hero .game-detail-image{position:static;width:100%;mask-image:none;-webkit-mask-image:none;border:1px solid #ffffff24;background:#171718}
body .game-detail-image img{display:block;width:100%;height:auto;max-height:none;object-fit:contain}
body .game-detail-grid{padding-top:24px}
@media(max-width:1100px){body .game-detail-hero{width:calc(100% - 64px);grid-template-columns:1fr;gap:32px;padding:40px 0}body .game-detail-hero .game-detail-heading{padding:0}body .game-detail-heading h1{font-size:clamp(32px,6vw,48px);line-height:1.15}body .game-detail-image{grid-row:2}}
@media(max-width:767px){body .game-detail-hero{width:calc(100% - 40px);padding-top:28px}body .game-detail-heading .detail-lead{font-size:16px}}

/* Die redaktionelle Vorlage ist unabhängig vom früheren Vollbild-Hero. */
body .article-intro>div{min-width:0}

/* Artikeltext und Steckbrief teilen das Raster der Game-Seiten. */
body .creator-post .article-body{width:min(1240px,calc(100% - 96px));display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:80px;padding:24px 0 64px;margin:0 auto;background:transparent;border:0;border-radius:0;box-shadow:none}
.article-copy{min-width:0}
@media(max-width:1100px){body .creator-post .article-body{width:calc(100% - 64px);grid-template-columns:1fr;gap:40px}}
@media(max-width:767px){body .creator-post .article-body{width:calc(100% - 40px);padding:24px 0 40px;gap:36px}}

/* Transparente Inhaltskarten, ruhige Titel und ein eindeutiger Leselink. */
body .news-card,body .game-card,body .game-facts{background:var(--creator-glass);backdrop-filter:var(--creator-glass-filter);-webkit-backdrop-filter:var(--creator-glass-filter);border-color:var(--creator-glass-edge);box-shadow:var(--creator-glass-shadow)}
body .news-card>.post-game-label,body .news-card>h3,body .game-card h3{color:#fff}
body .news-card>.text-link,body .news-card>.text-link:hover,body .news-card>.text-link:active,body .news-card>.text-link:after{color:var(--pink)}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){body .news-card,body .game-card,body .game-facts{background:#111115}}
@media(prefers-reduced-transparency:reduce){body .news-card,body .game-card,body .game-facts{background:#111115;backdrop-filter:none;-webkit-backdrop-filter:none}}
@media(forced-colors:active){body .news-card,body .game-card,body .game-facts{background:Canvas;box-shadow:none}body .news-card>.post-game-label,body .news-card>h3,body .game-card h3{color:CanvasText}body .news-card>.text-link,body .news-card>.text-link:after{color:LinkText}}

/* Mobile Steckbriefe: kompakte, gut vergleichbare Datenzeilen. */
@media(max-width:1100px){
 body .game-facts{padding:24px;text-align:left}
 .game-facts h2{font-size:24px;margin-bottom:20px}
 .game-facts dl{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:0;margin:0 0 20px}
 .game-facts dt,.game-facts dd{margin:0;padding:12px 0;border-bottom:1px solid #ffffff18;line-height:1.5;align-content:start}
 .game-facts dt{font-size:13px;padding-right:14px}
 .game-facts dd{font-size:15px;text-align:right}
 .game-facts .button{min-height:44px;padding:10px 16px;font-size:14px}
 .game-facts p{margin:16px 0}
 .game-facts small{margin-top:16px}
}
@media(max-width:767px){body .game-facts{padding:20px}.game-facts h2{font-size:22px;margin-bottom:12px}.game-facts dt,.game-facts dd{padding-block:10px}}

/* Game-Namen im Hero richten sich nach ihrer Spalte, nicht nach dem Viewport. */
.worlds-hero .world-game-info{container-type:inline-size;min-width:0;width:100%}
body .worlds-hero .world-game-summary h2{font-size:clamp(28px,15cqi,64px);overflow-wrap:normal;word-break:normal;hyphens:none;text-wrap:pretty}

/* Game-Auswahl: unsichtbarer Scrollbalken, weiche Kanten nur bei weiterem Inhalt. */
.worlds-hero .world-options{
 scrollbar-width:none;-ms-overflow-style:none;
 --fade-start:0px;--fade-end:0px;
 -webkit-mask-image:linear-gradient(to right,transparent,#000 var(--fade-start),#000 calc(100% - var(--fade-end)),transparent);
 mask-image:linear-gradient(to right,transparent,#000 var(--fade-start),#000 calc(100% - var(--fade-end)),transparent);
}
.worlds-hero .world-options::-webkit-scrollbar{display:none;width:0;height:0}
.worlds-hero .world-options.can-scroll-left{--fade-start:28px}
.worlds-hero .world-options.can-scroll-right{--fade-end:28px}

/* Beitragsbilder gehen unten weich in die jeweilige Kartenfläche über. */
body .news-card>.news-image{
 -webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 58%,rgba(0,0,0,.94) 70%,rgba(0,0,0,.72) 80%,rgba(0,0,0,.36) 89%,rgba(0,0,0,.10) 96%,transparent 100%);
 mask-image:linear-gradient(to bottom,#000 0%,#000 58%,rgba(0,0,0,.94) 70%,rgba(0,0,0,.72) 80%,rgba(0,0,0,.36) 89%,rgba(0,0,0,.10) 96%,transparent 100%);
}

/* Redaktion: lesbare Quellen, Bildnachweise und lokal aufgebaute Videoplatzhalter. */
.game-content h2{margin-top:2.2em;line-height:1.2;text-wrap:balance}
.game-content h3{margin-top:1.6em;line-height:1.3}
.game-content p,.game-content li{line-height:1.75}
.game-content ul,.game-content ol{padding-left:1.4em;margin:1.2em 0 1.6em}
.game-content li+li{margin-top:.65em}
.game-content li::marker{color:#ff008a}
.game-content .editorial-status{font-size:.85em;color:#c9c4cb;border-left:3px solid #ff008a;padding:.25em 1em}
.editorial-sources{margin-top:3em;padding-top:1.25em;border-top:1px solid #ffffff25;font-size:13px;line-height:1.6;color:#c6c1ca}
.editorial-sources summary{cursor:pointer;font-weight:700;font-size:14px}
.editorial-sources ol{padding-left:1.3em;margin:1em 0}
.game-content .editorial-sources li{line-height:1.6}
body .media-credit,.editorial-video figcaption,.game-content figure figcaption{font-size:12px;line-height:1.55;color:#bbb6c1;overflow-wrap:anywhere}
body .media-credit{margin:0;padding:12px 16px;background:rgba(16,13,22,.68)}
body .news-card>.media-credit{position:relative;padding:0 22px 12px;background:none;margin-top:0}
.media-credit a,.editorial-sources a,.editorial-video figcaption a{text-decoration:underline;text-underline-offset:3px;color:inherit}
.game-content figure{margin:2em 0}
.game-content figure img{display:block;width:100%;height:auto;border-radius:12px}
.game-content figure figcaption{padding-top:10px}
.editorial-video{overflow:hidden;border:1px solid #ffffff24;border-radius:16px;background:linear-gradient(145deg,#281625,#14121d)}
.video-stage{aspect-ratio:16/9;display:grid;align-items:center}
.video-stage iframe{display:block;width:100%;height:100%;aspect-ratio:16/9;border:0}
.video-placeholder{text-align:center;padding:clamp(20px,4vw,40px)}
.video-placeholder strong{display:block;font-size:1.15em;line-height:1.4}
.video-placeholder p{font-size:13px;line-height:1.6;margin:12px auto;max-width:54ch;color:#d2cbd7}
.video-placeholder .video-icon{display:inline-grid;place-items:center;width:50px;height:50px;border:1px solid #ff008a;border-radius:50%;color:#ff4faa;margin-bottom:12px}
.editorial-video figcaption{padding:12px 18px;border-top:1px solid #ffffff16}
.editorial-video .video-stop{margin:0 18px 18px;font:inherit;font-size:13px;cursor:pointer;background:none;border:0;color:#eacbdd;text-align:left}
.editorial-video [hidden]{display:none!important}
.game-content .video-message:empty{display:none}
@media(max-width:600px){.video-stage{aspect-ratio:auto;min-height:240px}.video-stage:has(iframe){min-height:0;aspect-ratio:16/9}.video-placeholder .button{white-space:normal;font-size:14px}}

.worlds-hero .world-game-summary .media-credit{font-size:11px;line-height:1.4;margin-top:12px;padding:0;background:none;color:#c5c1c9}

/* 0.10.1: gemeinsame linke Textkante und eng zugeordnete Bildnachweise. */
body .news-card,body .game-card,body .game-detail-heading,body .game-content,
body .game-facts,body .game-facts dt,body .game-facts dd,
body .article-intro .article-hero-inner,body .game-updates,
body .creator-reading,body .creator-reading>article>header,
body .media-credit,body .video-placeholder,body .editorial-video figcaption{text-align:left}
body .game-facts p{margin-left:0;margin-right:0}
body .news-card:has(>.media-credit)>.news-image{margin-bottom:6px}
body .news-card>.media-credit{margin:0 28px 16px;padding:0;background:none;max-width:none}
body .game-detail-image>.media-credit,body .article-hero-art>.media-credit{padding:6px 12px 8px}
body .game-content figure figcaption{padding-top:6px}
body .video-placeholder p{margin-left:0;margin-right:0}
@media(max-width:767px){body .news-card>.media-credit{margin-left:22px;margin-right:22px}}

/* KI-Symbolbilder bleiben auch im mobilen Hero eindeutig gekennzeichnet. */
body .worlds-hero .world-game-summary>.media-credit{display:block;font-size:11px;line-height:1.4;margin-top:8px;margin-bottom:0;text-align:left}