/* Clubkontor · akt3.css — Akt III · Morgen */
.morgen-sek{position:relative;overflow:hidden;min-height:90vh;display:grid;align-content:end;padding-top:0;
  --mg:.5;background:linear-gradient(180deg,#0E1914 0%,color-mix(in srgb,#0E1914 calc((1 - var(--mg)) * 100%),#E9D9B4) 45%,#F5F6F2 100%)}
.mg-himmel{position:absolute;inset:0;pointer-events:none}
.mg-sonne{position:absolute;left:62%;bottom:calc(8% + var(--mg) * 38%);width:clamp(7rem,12vw,11rem);aspect-ratio:1;border-radius:50%;
  background:radial-gradient(circle,#FFF6DA 0 42%,rgba(255,226,160,.55) 43%,rgba(255,226,160,0) 70%);opacity:calc(.2 + var(--mg));filter:blur(.5px)}
.mg-text{position:relative;z-index:1;padding-bottom:clamp(3rem,8vw,6rem)}
.mg-text .kicker{color:#4F5F57}
.mg-text h2{font-size:clamp(2.4rem,1.5rem + 4vw,5rem)}

/* Modulwahl über der Systemkarte */
.modulwahl{max-width:var(--mass);margin:2.4rem auto 0;display:none}
.js .modulwahl{display:block}
.mw-kopf{font-size:.8rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--moos);margin-bottom:.8rem}
.mw-knoepfe{display:flex;flex-wrap:wrap;gap:.45rem}
.mw-knopf{border:1px solid var(--linie-stark);border-radius:999px;padding:.35rem .85rem;font-size:.88rem;background:var(--morgen);color:var(--nadel);cursor:pointer;transition:background .2s,color .2s,border-color .2s}
.mw-knopf small{color:var(--moos);margin-left:.2rem}
.mw-knopf:hover{border-color:var(--tinte)}
.mw-knopf.an{background:var(--tinte);border-color:var(--tinte);color:#fff}
.mw-knopf.an small{color:rgba(255,255,255,.8)}
.mw-satz{margin-top:.9rem;font-family:var(--antiqua);font-size:1.25rem;min-height:1.6em}
.karte.mw-aktiv .loch circle{transition:fill .35s,stroke .35s,opacity .35s}
.karte.mw-aktiv .loch:not(.mw-eigen):not(.mw-braucht) circle,.karte.mw-aktiv .loch:not(.mw-eigen):not(.mw-braucht) text{opacity:.35}
.karte.mw-aktiv .loch.mw-eigen circle{fill:var(--tinte);stroke:var(--tinte)}
.karte.mw-aktiv .loch.mw-eigen .nr{fill:#fff}
.karte.mw-aktiv .loch.mw-braucht circle{fill:var(--morgen);stroke:var(--tinte);stroke-width:3;stroke-dasharray:5 4}

/* Rechner: Module zum Anhaken */
.rk-module{grid-column:1/-1;border:0;padding:0;margin:1.2rem 0 0;display:grid;grid-template-columns:repeat(auto-fill,minmax(15rem,1fr));gap:.45rem 1rem}
.rk-module legend{font-size:.8rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--moos);margin-bottom:.7rem}
.rk-module legend small{text-transform:none;letter-spacing:0;font-weight:400;margin-left:.4rem}
.rk-mod{display:grid!important;grid-template-columns:auto 1fr auto;gap:.2rem .6rem;align-items:center;border:1px solid var(--linie-stark);border-radius:10px;padding:.55rem .75rem;
  font-size:.92rem!important;letter-spacing:0!important;text-transform:none!important;color:var(--nadel)!important;cursor:pointer;grid-row:auto!important}
.rk-mod input{width:1.1rem;height:1.1rem;accent-color:var(--tinte);margin:0}
.rk-mod strong{font-family:var(--antiqua);font-weight:400;font-variant-numeric:tabular-nums}
.rk-mod:has(input:checked){border-color:var(--tinte);background:color-mix(in srgb,var(--tinte) 8%,transparent)}
.rk-mod:has(input:disabled){cursor:default}
.rk-mod-grund{grid-column:2/-1;font-size:.78rem;color:var(--tinte)}
.rk-regler .rk-ref{grid-row:auto!important}
.rk-regler .rk-mod input{grid-row:auto;grid-column:1;width:1.1rem;height:1.1rem}.rk-mod span{grid-column:2}.rk-mod strong{grid-column:3}
/* PC CADDIE: Modulhinweis in der Textspalte, Knopf ohne Unterstreichung */
.pcc-preis{max-width:var(--mass);margin:1.4rem auto 0;display:flex;gap:.8rem;align-items:center;flex-wrap:wrap;font-size:.95rem;color:var(--moos)}
.pccaddie .knopf,.referenz .knopf{text-decoration:none}
/* Gewähltes Loch: Start- und Endpunkt jeder leuchtenden Bahn sind immer beide markiert, auch wenn die Modulwahl sie sonst abblendet */
.karte.hat-wahl .loch.verbunden.verbunden.verbunden circle,.karte.hat-wahl .loch.aktiv.aktiv.aktiv circle{opacity:1}
.karte.hat-wahl .loch.verbunden.verbunden.verbunden text,.karte.hat-wahl .loch.aktiv.aktiv.aktiv text{opacity:1}
.karte.hat-wahl .loch.verbunden.verbunden.verbunden:not(.mw-eigen) circle{fill:color-mix(in srgb,var(--tinte) 16%,var(--morgen));stroke:var(--tinte);stroke-width:3;stroke-dasharray:none}