/* Sunstroke Startseite – Golden-Hour-Look (wird NACH style.css und scroll.css geladen)
   Kinolook: Sonnenuntergang über Los Santos, Kapitel statt Karten, Plakat-Schrift (Anton),
   kursive Serifen-Akzente (Instrument Serif), Labels in Mono (JetBrains Mono).
   Gilt nur für die öffentliche Startseite (body.gh); UCP/Admin stehen weiter unten unter "UCP". */

:root{
  --gh-night:#0b141b; --gh-navy:#101c24; --gh-plum:#5b2639; --gh-ember:#b8402a;
  --gh-sunset:#f26a3d; --gh-gold:#f7b733; --gh-haze:#ffd98a; --gh-sand:#f4efe6;
  --gh-mute:#a9b8bc; --gh-dim:#6f8288; --gh-line:rgba(244,239,230,.10);
  --gh-display:"Anton","Impact",sans-serif; --gh-serif:"Instrument Serif",Georgia,serif;
  --gh-mono:"JetBrains Mono",ui-monospace,Consolas,monospace;
  --gh-gutter:clamp(16px,5vw,80px); --gh-ease:cubic-bezier(.2,.7,.2,1);
}
body.gh{background:var(--gh-night)}
body.gh ::selection{background:var(--gh-gold);color:var(--gh-night)}
body.gh .noise,body.gh .cursor-glow{display:none}

/* ===== Buttons ===== */
body.gh .primary,body.gh .glass,body.gh .ghost{font-family:var(--gh-mono);font-weight:500;font-size:11px;letter-spacing:.14em;text-transform:uppercase;border-radius:2px;padding:12px 18px}
body.gh .primary{background:linear-gradient(100deg,var(--gh-gold),var(--gh-sunset));color:var(--gh-night);border:0;box-shadow:none}
body.gh .primary:hover{filter:brightness(1.08);transform:translateY(-1px);box-shadow:0 14px 40px rgba(242,106,61,.3)}
body.gh .glass,body.gh .ghost{background:rgba(11,20,27,.35);border:1px solid rgba(244,239,230,.18);color:var(--gh-sand);backdrop-filter:blur(6px)}
body.gh .glass:hover,body.gh .ghost:hover{border-color:var(--gh-gold);color:var(--gh-gold);background:rgba(11,20,27,.5)}
body.gh .big{padding:17px 26px;font-size:12px}

/* ===== Navigation ===== */
body.gh .nav{height:76px;padding:0 var(--gh-gutter);background:transparent;backdrop-filter:none;border-bottom:1px solid transparent}
body.gh .nav.scrolled{height:64px;background:rgba(11,20,27,.84);backdrop-filter:blur(14px);border-bottom-color:var(--gh-line);box-shadow:none}
body.gh .nav .brand-logo{height:34px;width:auto;display:block}
body.gh .nav nav a{font-family:var(--gh-mono);font-weight:500;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--gh-mute)}
body.gh .nav nav a:hover{color:var(--gh-gold)}

/* ===== Hero: Sonnenuntergang ===== */
body.gh .hero.gh-hero{display:block;height:100svh;min-height:680px;max-height:1000px;padding:0;background:none;isolation:isolate}
.gh-sky{position:absolute;inset:0;background:linear-gradient(180deg,#0b141b 0%,#1b1d3a 12%,#3a2150 28%,#7a2a5c 44%,#c43f4a 60%,#f26a3d 71%,#f7b733 80%,#ffd98a 86%,#f26a3d 100%)}
.gh-sun{position:absolute;left:62%;top:58%;width:min(46vw,620px);aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;
  background:radial-gradient(circle,#fff3d0 0%,#ffd98a 22%,rgba(247,183,51,.85) 38%,rgba(242,106,61,.35) 58%,transparent 70%);filter:blur(2px);animation:ghSun 9s ease-in-out infinite}
@keyframes ghSun{50%{transform:translate(-50%,-49%) scale(1.03)}}
.gh-rays{position:absolute;left:62%;top:58%;width:220vmax;height:220vmax;transform:translate(-50%,-50%);
  background:repeating-conic-gradient(from 0deg,rgba(255,217,138,.07) 0deg 3deg,transparent 3deg 12deg);
  -webkit-mask-image:radial-gradient(circle,black 0%,transparent 40%);mask-image:radial-gradient(circle,black 0%,transparent 40%);animation:ghSpin 160s linear infinite;mix-blend-mode:screen;pointer-events:none}
@keyframes ghSpin{to{transform:translate(-50%,-50%) rotate(360deg)}}
.gh-clouds{position:absolute;inset:0;background:radial-gradient(60% 6% at 20% 44%,rgba(255,170,110,.35),transparent 70%),radial-gradient(40% 4% at 78% 38%,rgba(255,150,100,.28),transparent 70%),radial-gradient(70% 5% at 50% 50%,rgba(184,64,42,.35),transparent 70%);animation:ghDrift 40s linear infinite alternate}
@keyframes ghDrift{to{transform:translateX(-4%)}}
.gh-layer{position:absolute;left:0;right:0;width:100%}
.gh-layer svg{display:block;width:100%;height:100%}
.gh-hills{bottom:20%;height:12vh;opacity:.6}
.gh-far{bottom:6%;height:36vh;opacity:.92}
.gh-near{bottom:0;height:24vh}
.gh-near .win{fill:var(--gh-gold);opacity:.55}
.gh-haze{filter:url(#ghHeat)}
.gh-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(11,20,27,.85) 0%,rgba(11,20,27,.45) 38%,transparent 62%),linear-gradient(0deg,var(--gh-night) 0%,transparent 28%)}
.gh-letterbox{position:absolute;left:0;right:0;height:7vh;background:#05090c;z-index:5}
.gh-letterbox.top{top:0}.gh-letterbox.bot{bottom:0}

body.gh .gh-hero .hero-content{position:absolute;z-index:6;left:var(--gh-gutter);bottom:calc(7vh + 64px);width:auto;max-width:min(1120px,90vw)}
.gh-presents{font-family:var(--gh-serif);font-style:italic;font-size:clamp(18px,2vw,26px);color:var(--gh-haze)}
body.gh .hero h1{font-family:var(--gh-display);font-weight:400;font-size:clamp(50px,min(7.4vw,13vh),118px);line-height:.9;letter-spacing:0;margin:.15em 0 .25em;text-transform:uppercase;color:var(--gh-sand);text-shadow:0 4px 60px rgba(242,106,61,.35)}
body.gh .hero h1 em{font-style:normal;background:linear-gradient(95deg,var(--gh-gold),var(--gh-sunset) 70%);-webkit-background-clip:text;background-clip:text;color:transparent!important;text-shadow:none}
body.gh .hero-content>p{font-size:clamp(15px,1.25vw,18px);line-height:1.6;color:#d8d2c8;max-width:520px;margin:0 0 28px}
body.gh .hero-buttons{display:flex;flex-direction:row;flex-wrap:wrap;gap:12px;margin:0}

.gh-timecode{position:absolute;z-index:6;left:var(--gh-gutter);right:var(--gh-gutter);bottom:calc(7vh + 18px);display:flex;justify-content:space-between;align-items:center;gap:16px;font-family:var(--gh-mono);font-size:11px;letter-spacing:.16em;color:var(--gh-mute);text-transform:uppercase}
body.gh .gh-timecode .status-pill{all:unset;display:flex;align-items:center;gap:8px;color:var(--gh-sand);white-space:nowrap}
body.gh .gh-timecode [data-server-online]{color:#ff6a4d;animation:ghBlink 2.4s infinite}
body.gh .gh-timecode .status-pill.off [data-server-online]{color:var(--gh-dim);animation:none}
body.gh .gh-timecode .status-pill b{color:var(--gh-gold);font-weight:500}
@keyframes ghBlink{50%{opacity:.25}}
.gh-tc-right{display:flex;gap:22px}
.gh-tc-right b{color:var(--gh-gold);font-weight:500;margin-left:6px}
/* scroll.css lässt den Hero-Text beim Scrollen nach unten wandern – passt hier, nur ohne Logo-Feld */
body.gh .hero .scroll{display:none}

/* ===== Kapitel ===== */
body.gh main>section.gh-chapter{padding:clamp(80px,11vw,150px) var(--gh-gutter);background:var(--gh-night)}
body.gh main>section.gh-alt{background:var(--gh-navy)}
/* Kein "Aufklappen" der Abschnitte beim Scrollen: wirkt im Kinolook unruhig */
body.gh main>section.section,body.gh main>section.rules{clip-path:none!important;transform:none!important;opacity:1!important}
.gh-label{display:flex;align-items:center;gap:16px;font-family:var(--gh-mono);font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--gh-gold);margin-bottom:26px}
.gh-label::after{content:"";flex:0 0 80px;height:1px;background:linear-gradient(90deg,var(--gh-gold),transparent)}
body.gh .gh-title{font-family:var(--gh-display);font-weight:400;text-transform:uppercase;font-size:clamp(44px,7vw,108px);line-height:.9;letter-spacing:0;margin:0;color:var(--gh-sand)}
body.gh .gh-title em{font-family:var(--gh-serif);font-style:italic;text-transform:none;color:var(--gh-gold)!important;font-size:.82em}
.gh-head{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;flex-wrap:wrap;margin-bottom:clamp(40px,6vw,70px)}

/* Ankündigung aus dem CMS als schmales Band über Kapitel I */
body.gh .public-announcement{margin:0 0 60px;border-radius:2px;border:1px solid rgba(247,183,51,.3);background:linear-gradient(90deg,rgba(247,183,51,.10),rgba(16,28,36,.6));box-shadow:none;align-items:center}
body.gh .public-announcement small{font-family:var(--gh-mono);font-size:10px;letter-spacing:.2em;color:var(--gh-gold)}
body.gh .public-announcement b{font-size:15px}
body.gh .public-announcement .ann-text{color:#d6d0c6;font-size:13px}
body.gh .public-announcement .ann-icon{border-radius:2px}
body.gh .public-announcement .ann-link{font-family:var(--gh-mono);font-size:11px;font-weight:500;letter-spacing:.16em}

/* Kapitel I: Prolog */
.gh-prolog{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:clamp(40px,7vw,120px);align-items:end}
.gh-roman{font-family:var(--gh-serif);font-style:italic;font-size:clamp(140px,20vw,300px);line-height:.75;color:transparent;-webkit-text-stroke:1px rgba(247,183,51,.45);margin:0 0 .12em}
.gh-prolog-text p{font-size:clamp(17px,1.45vw,21px);line-height:1.7;color:#d6d0c6;margin:0 0 20px;max-width:620px}
.gh-prolog-text p:first-of-type::first-letter{font-family:var(--gh-display);float:left;font-size:4.6em;line-height:.85;margin:.06em .12em 0 0;color:var(--gh-gold)}
.gh-signature{font-family:var(--gh-serif);font-style:italic;font-size:22px;color:var(--gh-haze);margin-top:12px}
.gh-reel{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:clamp(56px,8vw,100px)}
.gh-scene{position:relative;aspect-ratio:3/4;overflow:hidden;border-radius:2px;background:#111;isolation:isolate}
.gh-scene .paint{position:absolute;inset:0;transition:transform 1.2s var(--gh-ease)}
.gh-scene:hover .paint{transform:scale(1.06)}
.gh-scene svg{position:absolute;left:0;right:0;bottom:0;width:100%}
.gh-scene::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(5,9,12,.92) 0%,rgba(5,9,12,.2) 48%,transparent 70%)}
.gh-scene .cap{position:absolute;z-index:2;left:20px;right:20px;bottom:20px}
.gh-scene .cap small{font-family:var(--gh-mono);font-size:10px;letter-spacing:.2em;color:var(--gh-gold);text-transform:uppercase}
.gh-scene .cap h3{font-family:var(--gh-display);font-weight:400;font-size:clamp(26px,2.4vw,36px);text-transform:uppercase;line-height:.95;margin:8px 0 10px}
.gh-scene .cap p{margin:0;font-size:14px;line-height:1.5;color:#cfc8bd}
.gh-scene.s1 .paint{background:linear-gradient(180deg,#2a1f33,#b8402a 60%,#f7b733)}
.gh-scene.s2 .paint{background:linear-gradient(180deg,#0b141b,#163042 55%,#2d6170)}
.gh-scene.s3 .paint{background:linear-gradient(180deg,#1b0f1c,#5b2639 50%,#f26a3d 95%)}
.gh-scene.s4 .paint{background:linear-gradient(180deg,#101c24,#3d2a1c 60%,#c9823a)}

/* Kapitel II: Stadt in Zahlen + Dienste */
.gh-figures{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--gh-line);margin-top:64px}
.gh-fig{padding:34px 24px 10px 0;border-right:1px solid var(--gh-line)}
.gh-fig:last-child{border-right:0}
.gh-fig+.gh-fig{padding-left:24px}
.gh-fig b{display:block;font-family:var(--gh-display);font-weight:400;font-size:clamp(48px,6vw,96px);line-height:.95;white-space:nowrap;background:linear-gradient(180deg,var(--gh-sand),#c9b99f);-webkit-background-clip:text;background-clip:text;color:transparent}
.gh-fig.live b{background:linear-gradient(180deg,var(--gh-gold),var(--gh-sunset));-webkit-background-clip:text;background-clip:text}
.gh-fig small{display:block;margin-top:14px;font-family:var(--gh-mono);font-size:11px;letter-spacing:.18em;color:var(--gh-mute);text-transform:uppercase}
.gh-cast{margin-top:72px;display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(30px,6vw,90px);align-items:start}
.gh-cast h3{font-family:var(--gh-serif);font-style:italic;font-weight:400;font-size:clamp(30px,3vw,44px);margin:0 0 10px;color:var(--gh-haze)}
.gh-cast>div>p{color:var(--gh-mute);line-height:1.6;margin:0}
.gh-roles{list-style:none;margin:0;padding:0;border-top:1px solid var(--gh-line)}
.gh-roles li{display:flex;align-items:baseline;gap:14px;padding:16px 0;border-bottom:1px solid var(--gh-line)}
.gh-roles li[hidden]{display:none}
.gh-roles li .dots{flex:1;border-bottom:1px dotted rgba(244,239,230,.2);transform:translateY(-5px)}
.gh-roles li b{font-family:var(--gh-display);font-weight:400;font-size:30px;color:var(--gh-gold);min-width:2ch;text-align:right}
.gh-roles li span:first-child{text-transform:uppercase;letter-spacing:.08em;font-weight:600;font-size:14px}
/* Dienste immer sichtbar; wer gerade niemanden im Dienst hat, steht gedimmt mit Strich da (vorher war der Kasten leer) */
.gh-roles li.idle span:first-child{color:var(--gh-dim)}
.gh-roles li.idle b{color:var(--gh-dim);opacity:.6}
.gh-roles li.none{display:none;color:var(--gh-dim);border-bottom:0;padding-top:12px}
.gh-roles li.none span{font-family:var(--gh-serif);font-style:italic;font-size:17px;letter-spacing:0;text-transform:none;font-weight:400}
.gh-roles:not(:has(li:not(.idle):not(.none))) li.none{display:flex}

/* Trailer */
body.gh .trailer-section .trailer-stage{margin-top:clamp(40px,6vw,70px)}
body.gh .trailer-frame{border-radius:2px}
body.gh .trailer-poster{background-image:radial-gradient(60% 70% at 70% 60%,rgba(247,183,51,.45),transparent 60%),linear-gradient(180deg,#2a1f33,#b8402a 75%,#f26a3d)}
body.gh .trailer-play{background:linear-gradient(100deg,var(--gh-gold),var(--gh-sunset));color:var(--gh-night)}
body.gh .trailer-cap{font-family:var(--gh-mono);font-weight:500}

/* Kapitel III: Events als Filmplakate */
body.gh .ev-public{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
body.gh .ev-card{position:relative;flex-direction:column;justify-content:space-between;gap:30px;aspect-ratio:2/3;padding:26px;border-radius:2px;border:1px solid var(--gh-line);overflow:hidden;isolation:isolate;background:none}
body.gh .ev-card::before{content:"";position:absolute;inset:0;z-index:-1;transition:transform 1s var(--gh-ease);background:radial-gradient(circle at 70% 30%,#f7b733,transparent 35%),linear-gradient(180deg,#5b2639,#101c24)}
body.gh .ev-card:nth-child(2)::before{background:radial-gradient(circle at 30% 80%,#f26a3d,transparent 40%),linear-gradient(180deg,#0b141b,#2a1f33)}
body.gh .ev-card:nth-child(3)::before{background:repeating-linear-gradient(115deg,rgba(247,183,51,.08) 0 2px,transparent 2px 22px),linear-gradient(180deg,#162631,#0b141b)}
body.gh .ev-card:hover::before{transform:scale(1.05)}
body.gh .ev-date{flex:none;height:auto;display:flex;flex-direction:row;align-items:baseline;justify-content:flex-start;gap:10px;background:none;border:0;border-radius:0}
body.gh .ev-date b{font-family:var(--gh-serif);font-style:italic;font-weight:400;font-size:44px;color:var(--gh-gold)}
body.gh .ev-date span{font-family:var(--gh-mono);font-size:12px;letter-spacing:.22em;color:var(--gh-haze)}
body.gh .ev-body small{font-family:var(--gh-mono);font-size:10px;letter-spacing:.22em;color:var(--gh-haze)}
body.gh .ev-body{min-width:0}
body.gh .ev-body h3{font-family:var(--gh-display);font-weight:400;text-transform:uppercase;font-size:clamp(28px,2.5vw,42px);line-height:.92;margin:10px 0 16px;overflow-wrap:break-word;hyphens:auto}
body.gh .ev-body p{font-family:var(--gh-mono);font-size:11px;letter-spacing:.12em;color:var(--gh-sand);text-transform:uppercase;border-top:1px solid rgba(244,239,230,.15);padding-top:14px}
body.gh .ev-body em{font-family:var(--gh-mono);font-size:11px;letter-spacing:.1em;color:var(--gh-mute)}

/* Kapitel IV: News als Zeitungsseite */
body.gh .news-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);grid-auto-flow:dense;column-gap:clamp(30px,5vw,70px);row-gap:0}
body.gh .news-card{border:0;border-top:1px solid var(--gh-line);border-radius:0;background:none;overflow:visible;grid-column:2}
body.gh .news-card:first-child{grid-column:1;grid-row:span 3;border-top:3px solid var(--gh-gold)}
body.gh .news-image{display:none}
body.gh .news-card:first-child .news-image.cms-image{display:block;height:300px;margin-top:24px;border-radius:2px;background-size:cover;background-position:center}
body.gh .news-card:first-child .news-image.cms-image span{display:none}
body.gh .news-body{padding:22px 0}
body.gh .news-body>small{font-family:var(--gh-mono);font-size:10px;letter-spacing:.2em;color:var(--gh-gold)}
body.gh .news-body h3{font-family:var(--gh-serif);font-style:italic;font-weight:400;font-size:28px;line-height:1.15;margin:10px 0 8px}
body.gh .news-card:first-child .news-body h3{font-family:var(--gh-display);font-style:normal;text-transform:uppercase;font-size:clamp(40px,4.6vw,72px);line-height:.92;margin:14px 0 18px}
body.gh .news-body p{color:var(--gh-mute);font-size:15px;line-height:1.6;margin:0}
body.gh .news-card:first-child .news-body p{font-size:18px;line-height:1.7;color:#d6d0c6;max-width:62ch}
body.gh .news-body a{display:inline-block;margin-top:16px;font-family:var(--gh-mono);font-size:11px;letter-spacing:.16em;color:var(--gh-sand);border-bottom:1px solid var(--gh-gold);padding-bottom:3px;cursor:pointer}
body.gh .news-body a:hover{color:var(--gh-gold)}

/* Changelog */
body.gh .changelog-grid{gap:0;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--gh-line)}
body.gh .changelog-card{border:0;border-right:1px solid var(--gh-line);border-radius:0;background:none;padding:28px 28px 28px 0;min-height:0}
body.gh .changelog-card+.changelog-card{padding-left:28px}
body.gh .changelog-card:nth-child(3n){border-right:0}
body.gh .changelog-card:nth-child(3n+1){padding-left:0}
body.gh .changelog-card:after{display:none}
body.gh .changelog-card small{font-family:var(--gh-mono);font-size:10px;letter-spacing:.2em;color:var(--gh-gold);text-transform:uppercase}
body.gh .changelog-card h3{font-family:var(--gh-display);font-weight:400;text-transform:uppercase;font-size:30px;line-height:.95;margin:12px 0}
body.gh .changelog-card .cms-rich{color:var(--gh-mute);font-size:14px;line-height:1.65}
body.gh .cms-live-label{font-family:var(--gh-mono);font-size:10px;letter-spacing:.2em;border-radius:2px}
body.gh .cms-loading{font-family:var(--gh-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;border-radius:2px}

/* Kapitel V: Regeln */
body.gh main>section.rules{background:var(--gh-night)}
.gh-rules{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(40px,7vw,110px);align-items:start}
.gh-rules-lede{color:#d6d0c6;font-size:18px;line-height:1.65;margin:26px 0 30px;max-width:440px}
body.gh .rule-list{margin:0;max-width:none}
body.gh .rule-list>div{grid-template-columns:64px 1fr;padding:24px 0}
body.gh .rule-list b{font-family:var(--gh-serif);font-style:italic;font-weight:400;font-size:34px;line-height:1;color:var(--gh-gold)}
body.gh .rule-list strong{font-family:var(--gh-display);font-weight:400;font-size:24px;letter-spacing:.02em;text-transform:uppercase}
body.gh .rule-list small{font-size:14px;color:var(--gh-mute)}

/* Fairplay */
.gh-fair{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(40px,7vw,110px);align-items:center}
.gh-fair p{color:#d6d0c6;font-size:18px;line-height:1.7;margin:26px 0 0;max-width:560px}
.gh-fair-card{border:1px solid var(--gh-line);padding:32px;background:linear-gradient(160deg,rgba(247,183,51,.06),transparent 50%)}
.gh-fair-card>img{height:54px;width:auto;display:block}
body.gh .gh-fair-card .cg-teaser-status{border-radius:2px;font-family:var(--gh-mono);font-size:11px;font-weight:500;letter-spacing:.14em;margin:26px 0 16px}
body.gh .gh-fair-card .cg-live-now{font-size:10px}
body.gh .cg-public-bans span{display:flex;justify-content:space-between;align-items:baseline;padding:10px 0;border-top:1px solid var(--gh-line)}
body.gh .cg-public-bans small{font-family:var(--gh-mono);font-size:10px;letter-spacing:.2em;color:var(--gh-mute)}
body.gh .cg-public-bans b{font-family:var(--gh-display);font-weight:400;font-size:30px;color:var(--gh-gold)}
.gh-fair-stack{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.gh-fair-stack span{font-family:var(--gh-mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--gh-mute);border:1px solid var(--gh-line);padding:8px 10px}

/* Epilog */
body.gh main>section.gh-finale{position:relative;min-height:90vh;display:grid;place-items:center;text-align:center;overflow:hidden;padding:120px var(--gh-gutter);background:var(--gh-navy)}
.gh-finale .gh-sky{background:linear-gradient(0deg,#0b141b 0%,#5b2639 28%,#f26a3d 50%,#f7b733 58%,#b8402a 68%,#2a1f33 84%,#101c24 100%)}
.gh-finale .gh-sun{top:68%;left:50%;width:min(70vw,800px)}
.gh-finale .gh-rays{left:50%;top:68%}
.gh-finale::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,var(--gh-navy) 0%,transparent 30%,transparent 60%,var(--gh-night) 100%);pointer-events:none}
body.gh .gh-finale .join-box{position:relative;z-index:2;display:block;border:0;border-radius:0;padding:0;background:none;box-shadow:none}
body.gh .gh-finale .gh-label{justify-content:center}
body.gh .gh-finale .gh-label::after{display:none}
body.gh .join h2{font-family:var(--gh-display);font-weight:400;text-transform:uppercase;font-size:clamp(56px,11vw,180px);line-height:.85;letter-spacing:0;margin:16px 0 26px;color:var(--gh-sand);text-shadow:0 10px 80px rgba(11,20,27,.5)}
body.gh .gh-finale .join-box p{font-family:var(--gh-serif);font-style:italic;font-size:clamp(20px,2vw,28px);color:#fff1d6;margin:0 0 34px}
.gh-connect{display:inline-flex;align-items:stretch;border:1px solid rgba(244,239,230,.35);background:rgba(11,20,27,.55);backdrop-filter:blur(8px)}
.gh-connect code{font-family:var(--gh-mono);font-size:13px;padding:17px 22px;letter-spacing:.06em;color:var(--gh-sand);display:flex;align-items:center}
body.gh .gh-connect .primary{margin:0}

/* Abspann */
body.gh footer.gh-credits{display:block;padding:90px var(--gh-gutter) 40px;text-align:center;background:var(--gh-night);border-top:1px solid var(--gh-line)}
.gh-credits>img{height:60px;width:auto;margin-bottom:40px}
.gh-roll{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;max-width:900px;margin:0 auto 60px}
.gh-roll small{display:block;font-family:var(--gh-mono);font-size:10px;letter-spacing:.24em;color:var(--gh-dim);margin-bottom:10px;text-transform:uppercase}
body.gh .gh-roll a{display:block;font-size:15px;font-weight:400;letter-spacing:0;color:var(--gh-sand);line-height:2}
body.gh .gh-roll a:hover{color:var(--gh-gold)}
.gh-fine{font-family:var(--gh-mono);font-size:10px;letter-spacing:.16em;color:var(--gh-dim);text-transform:uppercase}
.gh-fine+.gh-fine{display:block;margin-top:10px}

/* Seitenleiste */
body.gh .rail a span{font-family:var(--gh-mono);font-weight:500}
body.gh .rail a.on{color:var(--gh-gold)}
body.gh .rail a.on i{background:var(--gh-gold);border-color:var(--gh-gold);box-shadow:0 0 0 5px rgba(247,183,51,.18)}

/* Dialoge */
body.gh .modal-box{border-radius:2px;background:var(--gh-navy)}
body.gh .modal-box h2{font-family:var(--gh-display);font-weight:400;text-transform:uppercase;letter-spacing:0}

/* ===== Responsive ===== */
.gh-menu-btn,body.gh .nav nav a.nav-ucp{display:none}
@media(max-width:1100px){
  body.gh .nav nav{display:none}
  /* Menue fuer Tablet und Handy: klappt unter der Kopfzeile auf */
  .gh-menu-btn{display:inline-flex;flex-direction:column;justify-content:center;gap:5px;width:44px;height:44px;padding:0 12px;margin-left:8px;background:transparent;border:1px solid var(--gh-line);border-radius:2px;cursor:pointer}
  .gh-menu-btn i{display:block;height:1.5px;background:var(--gh-sand);transition:transform .2s cubic-bezier(.2,.7,.2,1)}
  .nav.menu-open .gh-menu-btn i:first-child{transform:translateY(3.25px) rotate(45deg)}
  .nav.menu-open .gh-menu-btn i:last-child{transform:translateY(-3.25px) rotate(-45deg)}
  body.gh .nav.menu-open{background:rgba(16,28,36,.97)}
  body.gh .nav.menu-open nav{display:flex;flex-direction:column;gap:0;position:absolute;top:100%;left:0;right:0;padding:8px var(--gh-gutter) 20px;background:rgba(16,28,36,.97);border-bottom:1px solid var(--gh-line);animation:ghMenu .2s cubic-bezier(.2,.7,.2,1)}
  body.gh .nav.menu-open nav a{padding:14px 0;font-size:12px;border-bottom:1px solid var(--gh-line)}
  body.gh .nav.menu-open nav a:last-child{border-bottom:0}
}
@keyframes ghMenu{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
@media(max-width:1000px){
  .gh-reel{grid-template-columns:repeat(2,minmax(0,1fr))}
  .gh-figures{grid-template-columns:repeat(2,minmax(0,1fr))}
  .gh-fig:first-child{grid-column:1/-1;border-right:0}
  .gh-fig:nth-child(2){padding-left:0;border-top:1px solid var(--gh-line)}
  .gh-fig:nth-child(3){border-top:1px solid var(--gh-line)}
  .gh-prolog,.gh-cast,.gh-rules,.gh-fair{grid-template-columns:1fr}
  body.gh .ev-public{grid-template-columns:repeat(2,minmax(0,1fr))}
  body.gh .news-grid{grid-template-columns:1fr}
  body.gh .news-card,body.gh .news-card:first-child{grid-column:1;grid-row:auto}
  body.gh .news-card:first-child .news-body p{columns:1}
  body.gh .changelog-grid{grid-template-columns:1fr}
  body.gh .changelog-card,body.gh .changelog-card+.changelog-card{border-right:0;border-bottom:1px solid var(--gh-line);padding:24px 0}
}
@media(max-width:640px){
  body.gh .nav-actions .ghost{display:none}
  body.gh .nav.menu-open nav a.nav-ucp{display:block;color:var(--gh-gold)}
  body.gh .nav .brand-logo{height:26px}
  .gh-letterbox{height:4vh}
  .gh-sun,.gh-rays{left:70%;top:52%}
  body.gh .gh-hero .hero-content{bottom:calc(4vh + 56px)}
  .gh-shade{background:linear-gradient(0deg,rgba(11,20,27,.95) 0%,rgba(11,20,27,.55) 45%,rgba(11,20,27,.15) 75%)}
  body.gh .hero-buttons .big{flex:1;justify-content:center;padding:15px 10px;white-space:nowrap;letter-spacing:.08em;font-size:11px}
  .gh-timecode{bottom:calc(4vh + 14px)}
  .gh-tc-right{display:none}
  .gh-reel,body.gh .ev-public{grid-template-columns:1fr}
  .gh-scene{aspect-ratio:4/3}
  body.gh .ev-card{aspect-ratio:auto;min-height:380px}
  .gh-fig b{font-size:44px}
  .gh-roll{grid-template-columns:1fr}
  .gh-connect{flex-direction:column;width:100%}
  .gh-connect code{justify-content:center;font-size:12px}
}
@media(prefers-reduced-motion:reduce){
  .gh-sun,.gh-rays,.gh-clouds,body.gh .gh-timecode [data-server-online]{animation:none}
  .gh-haze{filter:none}
}

/* =====================================================================
   UCP + Team + Admin-Center im Golden-Hour-Look (body.gh.spa-auth)
   Gleiche Bausteine wie die Startseite: Anton für große Zahlen/Überschriften,
   Mono für Labels und Navigation, eckige Kanten, Gold statt Grün als Akzent.
   ===================================================================== */
body.gh.spa-auth{background:
  radial-gradient(120% 60% at 70% -10%,rgba(242,106,61,.20),transparent 55%),
  radial-gradient(80% 40% at 10% -5%,rgba(91,38,57,.45),transparent 60%),
  var(--gh-night) fixed}
body.gh.spa-auth #spa-root *:not(.spa-dot):not(.admin-dot):not(.cc-progress):not(.cc-progress *){border-radius:2px}

/* Kopfzeile */
body.gh .spa-top{border:0;border-bottom:1px solid var(--gh-line);border-radius:0;background:rgba(11,20,27,.9);padding:14px 0;backdrop-filter:blur(14px);box-shadow:none;top:0}
body.gh .spa-nav button{font-family:var(--gh-mono);font-weight:500;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--gh-mute);background:transparent;padding:10px 10px;position:relative}
body.gh .spa-nav button:hover{color:var(--gh-sand);background:transparent}
body.gh .spa-nav button.active{color:var(--gh-gold);background:transparent}
body.gh .spa-nav button.active::after{content:"";position:absolute;left:10px;right:10px;bottom:2px;height:2px;background:linear-gradient(90deg,var(--gh-gold),var(--gh-sunset))}
body.gh .spa-nav-team button{color:var(--gh-sunset)}
body.gh .spa-home,body.gh .spa-logout{font-family:var(--gh-mono);font-weight:500;font-size:11px;letter-spacing:.12em;text-transform:uppercase;background:rgba(11,20,27,.35);border:1px solid rgba(244,239,230,.18);color:var(--gh-sand)}
body.gh .spa-home:hover,body.gh .spa-logout:hover{border-color:var(--gh-gold);color:var(--gh-gold);background:rgba(11,20,27,.5)}

/* Seitenkopf */
body.gh .spa-ey{display:flex;align-items:center;gap:14px;font-family:var(--gh-mono);font-weight:500;font-size:11px;letter-spacing:.2em;color:var(--gh-gold);margin-top:46px}
body.gh .spa-ey::after{content:"";flex:0 0 70px;height:1px;background:linear-gradient(90deg,var(--gh-gold),transparent)}
body.gh .spa-hero h1{font-family:var(--gh-display);font-weight:400;text-transform:uppercase;letter-spacing:0;font-size:clamp(46px,7vw,104px);line-height:.9;color:var(--gh-sand);margin:14px 0 16px}
body.gh .spa-hero h1 span{background:linear-gradient(95deg,var(--gh-gold),var(--gh-sunset) 70%);-webkit-background-clip:text;background-clip:text;color:transparent}
body.gh .spa-hero p{font-family:var(--gh-serif);font-style:italic;font-size:clamp(19px,1.7vw,24px);color:var(--gh-haze);margin:0}
body.gh .spa-online{font-family:var(--gh-mono);font-weight:500;font-size:11px;letter-spacing:.12em;text-transform:uppercase;border:1px solid var(--gh-line);background:rgba(11,20,27,.5);color:var(--gh-sand)}
body.gh .spa-dot{background:var(--gh-gold);box-shadow:0 0 10px rgba(247,183,51,.7)}

/* Flächen */
body.gh .spa-panel,body.gh .spa-card,body.gh .spa-metric,body.gh .spa-identity,body.gh .admin-panel,body.gh .spa-vehicle,body.gh .spa-action,body.gh .admin-item,body.gh .spa-ticket,body.gh .spa-msg{
  background:rgba(16,28,36,.72);border:1px solid var(--gh-line);box-shadow:none}
body.gh .spa-card{transition:border-color .25s,transform .25s}
body.gh .spa-card:hover,body.gh .spa-action:hover,body.gh .admin-item:hover,body.gh .spa-ticket:hover{border-color:rgba(247,183,51,.45)}
body.gh .spa-panel h3,body.gh .admin-panel h3,body.gh .admin-topbar h3{font-family:var(--gh-mono);font-weight:500;font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--gh-gold)}
body.gh .spa-label{font-family:var(--gh-mono);font-weight:500;font-size:10px;letter-spacing:.2em;color:var(--gh-mute)}
body.gh .spa-big,body.gh .spa-metric strong{font-family:var(--gh-display);font-weight:400;letter-spacing:0;font-size:clamp(34px,3.2vw,48px);line-height:1;color:var(--gh-sand)}
body.gh .spa-card .spa-small{font-family:var(--gh-mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--gh-gold)}
body.gh .spa-name{font-family:var(--gh-display);font-weight:400;text-transform:uppercase;font-size:30px;letter-spacing:.01em}
body.gh .cc-avatar{font-family:var(--gh-display);font-weight:400;background:linear-gradient(135deg,var(--gh-gold),var(--gh-sunset));color:var(--gh-night)}
body.gh .cc-chip,body.gh .spa-tag,body.gh .spa-pill,body.gh .admin-badge{font-family:var(--gh-mono);font-weight:500;font-size:10px;letter-spacing:.14em;text-transform:uppercase;border:1px solid var(--gh-line);background:rgba(11,20,27,.5);color:var(--gh-sand)}
body.gh .spa-action b{font-weight:600}
body.gh .spa-action span{font-family:var(--gh-mono);font-size:10px;letter-spacing:.08em;color:var(--gh-mute)}

/* Grün nur noch für echte Status; Dienste und Werte in Gold */
body.gh .spa-service strong.green,body.gh .spa-metric strong.green,body.gh .spa-activity strong.green{color:var(--gh-gold)}
body.gh .spa-service strong{font-family:var(--gh-display);font-weight:400;font-size:22px;letter-spacing:.02em}
body.gh .spa-vehicle em:not(:empty){color:var(--gh-gold)}
body.gh .spa-vehicle em.out{color:var(--gh-sunset)}
body.gh .cc-plate{font-family:var(--gh-mono);letter-spacing:.12em}

/* Knöpfe in UCP und Admin */
body.gh .spa-btn,body.gh .spa-action-btn{font-family:var(--gh-mono);font-weight:500;font-size:11px;letter-spacing:.14em;text-transform:uppercase;background:linear-gradient(100deg,var(--gh-gold),var(--gh-sunset));color:var(--gh-night);border:0;box-shadow:none}
body.gh .spa-btn:hover,body.gh .spa-action-btn:hover{filter:brightness(1.08)}
body.gh .spa-filter{font-family:var(--gh-mono);font-weight:500;font-size:11px;letter-spacing:.12em;border:1px solid var(--gh-line);background:transparent;color:var(--gh-mute)}
body.gh .spa-filter.active{border-color:var(--gh-gold);color:var(--gh-gold);background:rgba(247,183,51,.08)}

/* Eingaben */
body.gh #spa-root input:not([type=checkbox]):not([type=radio]),body.gh #spa-root select,body.gh #spa-root textarea{background:rgba(11,20,27,.6);border:1px solid rgba(244,239,230,.14);color:var(--gh-sand)}
body.gh #spa-root input:focus,body.gh #spa-root select:focus,body.gh #spa-root textarea:focus{outline:none;border-color:var(--gh-gold);box-shadow:0 0 0 3px rgba(247,183,51,.15)}
body.gh #spa-root input[type=checkbox]{accent-color:var(--gh-gold)}

/* Admin-Center: Reiter wie die Hauptnavigation */
body.gh .admin-tabbar{background:transparent;border:0;border-bottom:1px solid var(--gh-line);padding:0}
body.gh .admin-tab{font-family:var(--gh-mono);font-weight:500;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--gh-mute);background:transparent;border:0;position:relative;padding:14px 12px}
body.gh .admin-tab:hover{color:var(--gh-sand);background:transparent}
body.gh .admin-tab.active{color:var(--gh-gold);background:transparent}
body.gh .admin-tab.active::after{content:"";position:absolute;left:12px;right:12px;bottom:-1px;height:2px;background:linear-gradient(90deg,var(--gh-gold),var(--gh-sunset))}
body.gh .admin-item.active{border-color:var(--gh-gold);background:rgba(247,183,51,.07)}
body.gh .admin-item b{font-weight:600}
body.gh .admin-empty,body.gh .spa-empty{color:var(--gh-mute)}

/* Regeln-Bestätigung beim ersten Login */
body.gh .rules-gate-box{border-radius:2px;border:1px solid var(--gh-line);background:var(--gh-navy)}
body.gh .rules-gate-box h2{font-family:var(--gh-display);font-weight:400;text-transform:uppercase;letter-spacing:0}

@media(max-width:900px){
  body.gh .spa-top{padding:10px 0}
  body.gh .spa-ey{margin-top:28px}
}
@media(max-width:640px){
  body.gh .spa-top-right{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px;min-width:0}
  body.gh .spa-home,body.gh .spa-logout{padding:8px 9px;font-size:10px;letter-spacing:.06em}
  body.gh .spa-nav button{padding:9px 7px;font-size:10px;letter-spacing:.08em}
  /* Reiter in einer wischbaren Zeile statt drei umbrechenden Reihen; rechts blendet die Leiste aus */
  body.gh .spa-nav{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;-webkit-mask-image:linear-gradient(90deg,#000 88%,transparent);mask-image:linear-gradient(90deg,#000 88%,transparent);padding-right:24px}
  body.gh .spa-nav::-webkit-scrollbar{display:none}
  body.gh .spa-nav button,body.gh .spa-nav-team{flex:0 0 auto;white-space:nowrap}
  body.gh .spa-nav-team{display:flex}
  body.gh .admin-tabbar{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;-webkit-mask-image:linear-gradient(90deg,#000 88%,transparent);mask-image:linear-gradient(90deg,#000 88%,transparent);padding-right:24px}
  body.gh .admin-tabbar::-webkit-scrollbar{display:none}
  body.gh .admin-tabbar .admin-tab{flex:0 0 auto;white-space:nowrap}
  body.gh .spa-grid{grid-template-columns:minmax(0,1fr)}
  body.gh .spa-actions{grid-template-columns:repeat(2,minmax(0,1fr))}
  body.gh .spa-action span{letter-spacing:.02em;overflow-wrap:anywhere}
}

/* Strich-Icons (icons.js) statt Emojis */
.sc-ico{display:inline-block;flex:none;vertical-align:-.22em;margin-right:.5em;color:var(--gh-gold)}
body.gh .spa-service.idle .sc-ico{color:var(--gh-mute)}
.sc-ico.muted{color:var(--gh-mute)}
.sc-ico.red{color:var(--gh-sunset)}
body.gh .spa-btn .sc-ico,body.gh .admin-tab .sc-ico,body.gh .glass .sc-ico{color:currentColor}
body.gh .spa-vehicle-icon{display:grid;place-items:center;color:var(--gh-gold)}
body.gh .spa-vehicle-icon .sc-ico{margin:0}
body.gh .ev-meta{display:flex;flex-wrap:wrap;gap:4px 16px}
body.gh .ev-meta span{display:inline-flex;align-items:center}
body.gh .ev-meta .sc-ico{margin-right:.4em;color:var(--gh-mute)}

/* Auswahlfelder im Ticket-Formular teilen sich die Klasse mit dem Textfeld, nicht dessen Mindesthöhe */
body.gh select.spa-reply{min-height:0;resize:none}

/* GTA-Details der Skyline (golden.js): Riesenrad, Schriftzug, Hubschrauber */
.gh-wheel{transform-box:fill-box;transform-origin:center;animation:ghWheel 60s linear infinite}
@keyframes ghWheel{to{transform:rotate(360deg)}}
.gh-sign{opacity:.82;filter:drop-shadow(0 0 6px rgba(255,217,138,.35))}
.gh-heli{position:absolute;z-index:1;top:22%;left:-80px;width:64px;height:auto;animation:ghHeli 46s linear infinite;pointer-events:none}
.gh-heli .b1{animation:ghBlink1 .9s steps(1) infinite}.gh-heli .b2{animation:ghBlink1 .9s steps(1) .45s infinite}
@keyframes ghHeli{0%{transform:translate(0,0)}50%{transform:translate(60vw,4vh)}100%{transform:translate(calc(100vw + 160px),-2vh)}}
@keyframes ghBlink1{50%{opacity:0}}
@media(prefers-reduced-motion:reduce){.gh-wheel,.gh-heli{animation:none}.gh-heli{display:none}body.gh .nav.menu-open nav,.gh-menu-btn i{animation:none;transition:none}}

/* =====================================================================
   Wartungsmodus (app.js: applyMaintenance) – Vollbild über der Startseite.
   Dialoge (Impressum/Datenschutz/Kontakt) liegen mit z-index 30 darüber.
   ===================================================================== */
.gh-maint{position:fixed;inset:0;z-index:25;overflow:auto;background:var(--gh-night);display:flex;align-items:center;isolation:isolate}
.gh-maint>.gh-sky,.gh-maint>.gh-rays,.gh-maint>.gh-sun,.gh-maint>.gh-layer,.gh-maint>.gh-shade{position:fixed}
.gh-maint .gh-sun{left:70%;top:62%}
.gh-maint .gh-rays{left:70%;top:62%}
.gh-maint .gh-far{bottom:6%;height:36vh}
.gh-maint .gh-near{bottom:0;height:24vh}
.gh-maint [hidden]{display:none!important}
.gh-maint-box{position:relative;z-index:2;margin:0 var(--gh-gutter);padding:48px 0;max-width:760px}
.gh-maint-logo{height:44px;width:auto;display:block;margin-bottom:46px}
.gh-maint h1{font-family:var(--gh-display);font-weight:400;text-transform:uppercase;font-size:clamp(52px,8.5vw,128px);line-height:.9;margin:0 0 22px;color:var(--gh-sand);text-shadow:0 4px 60px rgba(242,106,61,.35)}
.gh-maint h1 em{font-style:normal;background:linear-gradient(95deg,var(--gh-gold),var(--gh-sunset) 70%);-webkit-background-clip:text;background-clip:text;color:transparent}
.gh-maint-box>p{font-family:var(--gh-serif);font-style:italic;font-size:clamp(20px,2vw,27px);line-height:1.4;color:#fff1d6;margin:0 0 20px;max-width:620px;white-space:pre-line}
.gh-maint-until{display:inline-flex;align-items:center;gap:10px;font-family:var(--gh-mono);font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--gh-gold);border:1px solid rgba(247,183,51,.4);background:rgba(11,20,27,.55);padding:10px 14px;margin-bottom:6px}
.gh-maint-until::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--gh-gold);box-shadow:0 0 10px var(--gh-gold);animation:ghBlink 2.4s infinite}
.gh-maint-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
body.gh .gh-maint-actions a{text-decoration:none;display:inline-flex;align-items:center}
.gh-maint-legal{display:flex;gap:22px;margin-top:46px}
.gh-maint-legal a{font-family:var(--gh-mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--gh-mute);text-decoration:none}
.gh-maint-legal a:hover{color:var(--gh-gold)}
body.gh-maint-on:not(.spa-auth){overflow:hidden}
body.gh-maint-on .rail{display:none}
body.spa-auth .gh-maint,body.spa-auth .gh-maint-band{display:none}

/* Hinweis-Band für Team/Admins, solange die Wartung läuft */
.gh-maint-band{position:fixed;left:0;right:0;margin:0 auto;width:max-content;bottom:18px;z-index:24;display:flex;align-items:center;gap:14px;max-width:calc(100% - 32px);padding:10px 12px 10px 16px;background:rgba(11,20,27,.92);border:1px solid rgba(247,183,51,.5);backdrop-filter:blur(10px);box-shadow:0 20px 50px rgba(0,0,0,.45);font-family:var(--gh-mono);font-size:11px;letter-spacing:.08em;color:var(--gh-sand)}
.gh-maint-band i{flex:none;width:8px;height:8px;border-radius:50%;background:var(--gh-gold);box-shadow:0 0 10px var(--gh-gold);animation:ghBlink 2.4s infinite}
.gh-maint-band span{white-space:nowrap}
.gh-maint-band b{color:var(--gh-gold);font-weight:600;text-transform:uppercase;letter-spacing:.14em}
.gh-maint-band button{flex:none;font:inherit;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;background:linear-gradient(100deg,var(--gh-gold),var(--gh-sunset));color:var(--gh-night);border:0;padding:8px 12px}

/* Admin-Center: Wartungs-Block im Reiter Startseite */
body.gh .admin-maint{border:1px solid var(--gh-line);border-left:3px solid var(--gh-dim);padding:16px 18px 6px;margin-bottom:22px;background:rgba(11,20,27,.35)}
body.gh .admin-maint.on{border-left-color:var(--gh-gold);background:linear-gradient(90deg,rgba(247,183,51,.09),rgba(11,20,27,.35))}
body.gh .admin-maint .admin-check{font-family:var(--gh-mono);font-weight:500;letter-spacing:.14em;color:var(--gh-sand)}

@media(max-width:640px){
  .gh-maint{align-items:flex-start}
  .gh-maint-logo{height:30px;margin-bottom:30px}
  .gh-maint-actions a{flex:1 1 140px;justify-content:center}
  .gh-maint-band{flex-wrap:wrap;bottom:10px;font-size:10px}
  .gh-maint-band span{white-space:normal}
  .gh-maint-band button{width:100%}
}

/* ===== Live: Community-Streams (streams.js, nur sichtbar wenn jemand live ist) ===== */
body.gh .nav nav a.nav-live{display:inline-flex;align-items:center;gap:7px;color:var(--gh-sand)}
body.gh .nav nav a.nav-live i,.st-count i{width:7px;height:7px;border-radius:50%;background:var(--gh-sunset);box-shadow:0 0 0 0 rgba(242,106,61,.6);animation:stPulse 1.8s infinite}
body.gh .nav nav a.nav-live b{font-weight:500;color:var(--gh-gold)}
.st-count{display:inline-flex;align-items:center;gap:10px;font-family:var(--gh-mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--gh-haze)}
@keyframes stPulse{0%{box-shadow:0 0 0 0 rgba(242,106,61,.6)}70%{box-shadow:0 0 0 9px rgba(242,106,61,0)}100%{box-shadow:0 0 0 0 rgba(242,106,61,0)}}
.st-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.st-card{display:flex;flex-direction:column;min-width:0;border:1px solid var(--gh-line);border-radius:2px;background:var(--gh-navy);color:var(--gh-sand);text-decoration:none;overflow:hidden;transition:border-color .3s var(--gh-ease),transform .3s var(--gh-ease)}
.st-card:hover{border-color:var(--gh-gold);transform:translateY(-3px)}
.st-thumb{position:relative;aspect-ratio:16/9;overflow:hidden;background:radial-gradient(circle at 70% 30%,rgba(247,183,51,.35),transparent 45%),linear-gradient(180deg,var(--gh-plum),var(--gh-navy))}
.st-thumb img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1s var(--gh-ease)}
.st-card:hover .st-thumb img{transform:scale(1.04)}
.st-live,.st-viewers,.st-platform{position:absolute;font-family:var(--gh-mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;padding:5px 8px;border-radius:2px}
.st-live{top:12px;left:12px;background:var(--gh-ember);color:var(--gh-sand);font-weight:700}
.st-viewers{bottom:12px;left:12px;background:rgba(11,20,27,.78);color:var(--gh-sand);backdrop-filter:blur(4px)}
.st-platform{top:12px;right:12px;background:rgba(11,20,27,.78);color:var(--gh-haze);backdrop-filter:blur(4px)}
.st-platform.st-twitch{color:#c9b3ff}
.st-body{display:flex;gap:14px;align-items:flex-start;padding:18px}
.st-avatar{flex:none;width:44px;height:44px;border-radius:50%;object-fit:cover;border:2px solid var(--gh-gold);background:var(--gh-night)}
.st-noavatar{display:grid;place-items:center;font-family:var(--gh-display);font-size:20px;color:var(--gh-gold)}
.st-text{display:flex;flex-direction:column;gap:5px;min-width:0}
.st-text b{font-family:var(--gh-display);font-weight:400;font-size:22px;letter-spacing:.02em;text-transform:uppercase;line-height:1}
.st-title{font-size:14px;line-height:1.4;color:var(--gh-sand);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}
.st-text small{font-family:var(--gh-mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--gh-mute)}
.st-more{display:grid;place-items:center;border:1px dashed var(--gh-line);font-family:var(--gh-mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--gh-mute);min-height:120px}
@media(max-width:1000px){.st-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.st-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){body.gh .nav nav a.nav-live i,.st-count i{animation:none}}