/* Clubkontor · akt2.css — Akt II · Nacht: das Backend nach Personen. .nacht dreht die Tokens auf dunkel. */
.nacht{--morgen:#0E1914;--tau:#13211A;--nadel:#E6ECE3;--moos:#A3B2A9;--tinte:#8FD1A7;--linie:rgba(230,236,227,.13);--linie-stark:rgba(230,236,227,.3);
  background:var(--morgen);color:var(--nadel)}
.nacht .kicker{color:#8FA398}
/* Flächen, die im Tag hell auf hell standen, bekommen im Dunkeln eigene Stufen */
.nacht .knopf{border-color:var(--nadel);color:var(--nadel)}
.nacht .knopf:hover{border-color:var(--tinte);color:var(--tinte)}
.nacht .geraet.fenster{background:#1A2A22;border-color:var(--linie-stark)}
.nacht .geraet.fenster .leiste{background:#13211A}
.nacht .konto-quellen li{background:#16261E}
.nacht .konto-karte{background:#0A1310;color:#E3EBDD;border:1px solid var(--linie-stark)}
.nacht .nl-ankommen{background:#0A1310;border:1px solid var(--linie-stark)}
.nacht .nl-koennen li{background:transparent}
.nacht .mr-blick{background:#1A2A22}
.nacht .mr-siegel{background:#E6ECE3;color:#0E1914}
.nacht .mr-wahl[aria-pressed="true"]{background:var(--nadel);color:var(--morgen)}
.nacht .md-leinwand{border-color:var(--linie-stark)}
.nacht .md-kopfleiste,.nacht .md-palette,.nacht .md-extra{background:#16261E;color:var(--nadel)}
.nacht .md-reiter{background:transparent;color:var(--moos)}.nacht .md-reiter.an{color:var(--nadel)}
.nacht .md-kacheln li,.nacht .md-geist-kachel{background:#1C2E25;color:var(--nadel)}
.nacht .md-zeichen{color:var(--nadel)}
.nacht .md-vorschau{background:#0E1914}
.nacht .md-code-absatz{background:#16261E}
.nacht .md-titel{color:var(--nadel)}
.nacht .md-flaeche{background-color:#101C16;background-image:radial-gradient(circle,rgba(230,236,227,.12) 1px,transparent 1.2px)}
.nacht .md-status{background:rgba(143,209,167,.14)}
.nacht .marke-pcc{color:#0E1914}
.nacht .mr-bereiche li,.nacht .mr-rolle{border-color:var(--linie-stark)}

/* Maschinenraum: Bereiche nach Personen */
.mr-rollen{max-width:var(--mass);margin:3.5rem auto 0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.5rem}
.mr-rolle{border-top:2px solid var(--tinte);padding-top:.9rem}
.mr-rolle-kopf{display:flex;justify-content:space-between;align-items:baseline;text-decoration:none;color:var(--nadel);margin-bottom:.6rem}
.mr-rolle-kopf h3{font-size:1.45rem}
.mr-rolle-kopf span{color:var(--tinte)}
.mr-rolle-kopf:hover h3{color:var(--tinte)}
.mr-rolle ul{display:grid;gap:0}
.mr-rolle li a,.mr-rolle li>div{display:block;padding:.6rem 0;border-top:1px solid var(--linie);text-decoration:none;color:var(--nadel)}
.mr-rolle h4{font-family:var(--grotesk);font-size:.95rem;font-weight:600;margin:0}
.mr-rolle li p{font-size:.86rem;color:var(--moos);margin-top:.15rem}
.mr-rolle li a:hover h4{color:var(--tinte)}
@media (max-width:980px){.mr-rollen{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:520px){.mr-rollen{grid-template-columns:1fr}}

/* Rollen-Abschnitte */
.rolle-sek .konto{margin-top:3rem}
.rolle-block{margin-top:4rem}
.rolle-marken{display:flex;gap:.5rem;flex-wrap:wrap;margin:1rem 0 .6rem}
.rolle-h{font-size:clamp(1.5rem,1.2rem + 1vw,2.1rem);margin-bottom:.6rem}
.rolle-liste{display:grid;gap:0}
.rolle-liste li{padding:.9rem 0;border-top:1px solid var(--linie-stark)}
.rolle-liste h4{font-family:var(--antiqua);font-weight:400;font-size:1.25rem;margin:0 0 .2rem}
.rolle-liste p{font-size:.93rem;color:var(--moos)}
.pt-reihe{max-width:calc(var(--mass) + 6rem);margin:3rem auto 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem}
.pt-reihe li{display:grid;gap:1rem;align-content:start}
.pt-reihe .geraet{height:clamp(16rem,26vw,22rem)}
.pt-reihe p{font-size:.95rem;color:var(--moos)}
.pt-wetter-bild{height:clamp(16rem,26vw,22rem);border-radius:10px;border:1px solid var(--linie-stark);display:grid;place-content:center;justify-items:center;gap:.4rem;
  background:radial-gradient(circle at 30% 25%,rgba(143,209,167,.25),transparent 55%),#13211A}
.pt-wetter-bild span{font-family:var(--antiqua);font-size:clamp(4rem,3rem + 3vw,6rem);line-height:1;color:var(--nadel)}
.pt-wetter-bild small{color:var(--moos)}
@media (max-width:900px){.pt-reihe{grid-template-columns:1fr}}

/* Der Nachtlauf: Uhr läuft von 03:00 bis 03:50, das Protokoll schreibt sich */
.nachtlauf-sek{padding-bottom:clamp(5rem,10vw,9rem)}
.nl-buehne{max-width:var(--mass);margin:0 auto;display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(2rem,6vw,5rem);align-items:center}
.nl-uhr{position:relative;aspect-ratio:1;border-radius:50%;border:1px solid var(--linie-stark);display:grid;place-items:center;
  background:radial-gradient(circle at 50% 45%,rgba(143,209,167,.12),transparent 60%)}
.nl-zeit{font-family:var(--antiqua);font-size:clamp(3.4rem,2.4rem + 4vw,6.4rem);letter-spacing:-.02em;font-variant-numeric:tabular-nums;color:var(--nadel);font-variation-settings:"wght" 330}
.nl-mond{position:absolute;top:14%;right:18%;width:2.4rem;height:2.4rem;border-radius:50%;box-shadow:-9px 6px 0 0 #E3EBDD;transform:rotate(-20deg)}
.nl-log{display:grid;gap:.1rem;margin:1.6rem 0 1.4rem;font-size:.98rem}
.nl-log li{display:grid;grid-template-columns:4rem 1fr;gap:.6rem;padding:.55rem 0;border-top:1px solid var(--linie)}
.nl-log time{color:var(--tinte);font-variant-numeric:tabular-nums;font-weight:600}
.js .nl-log li{opacity:.25;transition:opacity .5s}
.js .nl-log li.an{opacity:1}
@media (prefers-reduced-motion:reduce){.js .nl-log li{opacity:1}}
@media (max-width:860px){.nl-buehne{grid-template-columns:1fr}.nl-uhr{max-width:18rem;margin:0 auto}}

/* Menüleiste in der Nacht */
.menue-nacht .menue.fest{background:rgba(14,25,20,.94);box-shadow:0 1px 0 rgba(230,236,227,.18)}
.menue-nacht .menue a{color:#A3B2A9}
.menue-nacht .menue a[aria-current="true"],.menue-nacht .menue a:hover{color:#E6ECE3}
.menue-nacht .menue-strich{background:#8FD1A7}
.menue-nacht .menue-marke svg .zeichen,.menue-nacht .menue-marke svg .fahne{fill:#E6ECE3}
.menue-nacht.menue-fest .kopf .kopf-rechts a,.menue-nacht.menue-fest .kopf .kopf-rechts button{color:#E6ECE3;border-color:rgba(230,236,227,.4)}
.nacht .md-karte{fill:#18291F;stroke:rgba(230,236,227,.22)}
.nacht .md-kopf{fill:#22362B}
.nacht .md-ausloeser .md-kopf{fill:#1F3B2A}.nacht .md-filter .md-kopf{fill:#1E2E3C}.nacht .md-weiche .md-kopf{fill:#2C2638}
.nacht .md-freigabe .md-kopf{fill:#3A3320}.nacht .md-mail .md-kopf{fill:#20372A}
.nacht .md-ausloeser .md-karte,.nacht .md-filter .md-karte,.nacht .md-weiche .md-karte,.nacht .md-mail .md-karte,.nacht .md-freigabe .md-karte{stroke:rgba(143,209,167,.55)}
.nacht .md-typ{fill:#A3B2A9}.nacht .md-zeile{fill:#A3B2A9}.nacht .md-zeile.fett{fill:#E6ECE3}
.nacht .md-port{fill:#0E1914;stroke:rgba(230,236,227,.5)}
.nacht .md-punkte circle{stroke:#0E1914}
.nacht .nl-ankommen{color:#E6ECE3}
.nacht .mr-schirm.scharf{filter:brightness(.92)}

/* Beispiel-Newsletter: anfordern oder im Browser ansehen */
.nlb{margin-top:2rem;border-top:1px solid var(--linie-stark);padding-top:1.2rem}
.nlb-kopf{font-size:.75rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#8FA398;margin-bottom:.7rem}
.nlb-knoepfe{display:flex;gap:.7rem;flex-wrap:wrap}
.nlb-knoepfe .knopf{text-decoration:none}
.nacht .nlb-mail{background:var(--tinte);border-color:var(--tinte);color:#0E1914}
.nacht .nlb-mail:hover{background:transparent;color:var(--tinte)}
.nlb-satz{font-size:.88rem;color:var(--moos);margin-top:.8rem}
.nlb-dialog{border:0;padding:0;border-radius:14px;background:#E3EBDD;width:min(720px,96vw);height:min(92vh,1100px);box-shadow:0 30px 80px -20px rgba(0,0,0,.6)}
.nlb-dialog::backdrop{background:rgba(6,12,9,.78)}
.nlb-dialog[open]{display:flex;flex-direction:column}
.nlb-leiste{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.7rem .9rem;background:#F5F6F2;border-bottom:1px solid rgba(15,31,25,.15)}
.nlb-ansicht{display:flex;gap:.4rem;flex-wrap:wrap}
.nlb-ansicht .mr-wahl{color:#0F1F19;border-color:rgba(15,31,25,.35)}
.nlb-ansicht .mr-wahl[aria-pressed="true"]{background:#0F1F19;color:#F5F6F2}
.nlb-zu{width:2.2rem;height:2.2rem;border-radius:50%;font-size:1.5rem;line-height:1;color:#0F1F19}
.nlb-zu:hover{background:rgba(15,31,25,.08)}
.nlb-rahmen{flex:1;border:0;width:640px;max-width:100%;margin:0 auto;background:#E3EBDD;transition:width .35s cubic-bezier(.2,.7,.2,1)}
.nlb-rahmen{color-scheme:light}

/* Auslöser-Tafel: 31 echte Ereignisse, eines nach dem anderen zündet */
.ausloeser{max-width:calc(var(--mass) + 8rem);margin:3rem auto 0;border:1px solid var(--linie-stark);border-radius:12px;background:#0B1510;padding:clamp(1.2rem,3vw,2rem)}
.at-kopf{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:.6rem 2rem;align-items:center;padding-bottom:1.2rem;border-bottom:1px solid var(--linie-stark)}
.at-zahl{display:flex;align-items:baseline;gap:.5rem;font-size:.85rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--moos)}
.at-zahl strong{font-family:var(--antiqua);font-weight:400;font-size:clamp(2.6rem,2rem + 2vw,3.6rem);letter-spacing:-.02em;text-transform:none;color:var(--tinte)}
.at-satz{font-size:.93rem;color:var(--moos);max-width:44em}
.at-status{display:flex;align-items:center;gap:.5rem;font-size:.8rem;color:var(--moos);white-space:nowrap;font-variant-numeric:tabular-nums}
.at-lampe{width:.6rem;height:.6rem;border-radius:50%;background:var(--linie-stark);transition:background .2s,box-shadow .2s}
.ausloeser.feuert .at-lampe{background:var(--tinte);box-shadow:0 0 0 4px rgba(143,209,167,.18)}
.at-gruppen{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(19rem,100%),1fr));gap:1.4rem 2rem;margin-top:1.4rem;align-items:start}
.at-gruppe h4{font-family:var(--grotesk);font-size:.72rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#8FA398;margin:0 0 .5rem;display:flex;justify-content:space-between}
.at-gruppe h4 small{color:var(--tinte);letter-spacing:0}
.at-gruppe ul{display:grid;gap:0}
.at-zeile{display:grid;grid-template-columns:minmax(0,1fr) 1.6rem minmax(0,1fr);gap:.5rem;align-items:center;padding:.42rem .5rem;margin:0 -.5rem;border-radius:6px;font-size:.84rem;transition:background .35s}
.at-ereignis{color:var(--moos);transition:color .3s}
.at-pfeil{height:1px;background:var(--linie-stark);position:relative}
.at-pfeil::after{content:"";position:absolute;right:-1px;top:-3px;border:3.5px solid transparent;border-left:5px solid var(--linie-stark);border-right:0}
.at-pfeil::before{content:"";position:absolute;left:0;top:0;height:1px;width:0;background:var(--tinte)}
.at-mail{display:grid;gap:.1rem}
.at-mail-name{color:var(--nadel);font-weight:600}
.at-an{font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;color:#8FA398}
.at-an.at-i{color:#C9B889}
.at-zeile.feuert{background:rgba(143,209,167,.09)}
.at-zeile.feuert .at-ereignis{color:var(--nadel)}
.at-zeile.feuert .at-pfeil::before{width:100%;transition:width .45s cubic-bezier(.3,.7,.2,1)}
.at-zeile.feuert .at-pfeil::after{border-left-color:var(--tinte)}
.at-zeile.gesendet .at-mail-name::after{content:"  ✓ gesendet";font-weight:400;font-size:.72rem;color:var(--tinte);white-space:pre}
.md-ueberleitung{max-width:var(--mass);margin:3rem auto 0;font-family:var(--antiqua);font-size:clamp(1.3rem,1.1rem + .8vw,1.8rem)}
@media (max-width:760px){.at-kopf{grid-template-columns:1fr}.at-status{white-space:normal}}
@media (prefers-reduced-motion:reduce){.at-zeile,.at-pfeil::before{transition:none}}
.mr-wahlen{flex-wrap:wrap}