/* Anlagenkarte Minigolf-Spiel (30.10.2026) */
.mg-karte-box{margin:22px auto 0;max-width:640px;border-radius:16px;padding:12px 14px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14)}
html[data-theme=light] .mg-karte-box,.admin-body .mg-karte-box{background:#fff;border-color:#e2e8e2}
.mg-karte-box summary{cursor:pointer;font-weight:700;padding:4px 2px;color:#fdf8ef}
html[data-theme=light] .mg-karte-box summary,.admin-body .mg-karte-box summary{color:#1d2b22}
.mg-karte-hinweis{color:inherit}
.mg-karte-hinweis{margin:8px 0 10px;font-size:.92rem;opacity:.85}
.mg-karte{border-radius:12px;overflow:hidden;background:#ece6dc}
.mg-karte-svg{display:block;width:100%;height:auto}
.mg-karte-weg{fill:#e6dcc8;stroke:#d5c7ab;stroke-width:2}
.mg-karte-haus{fill:#c2683f;stroke:#9a4f2e;stroke-width:3}
.mg-karte-haus-text{fill:#fff;font:700 26px/1 system-ui,sans-serif;paint-order:stroke;stroke:#7d3d22;stroke-width:4px}
.mg-karte-rasen{stroke:#6b4423;stroke-width:3.5}
.mg-karte-start{fill:#fff;stroke:#333;stroke-width:1.5}
.mg-karte-loch{fill:#1b1b1b}
.mg-karte-fahnenstange{stroke:#fff;stroke-width:2}
.mg-karte-fahne{fill:#c0392b}
.mg-karte-nr-kreis{fill:#1f5c3a;stroke:#fff;stroke-width:3}
.mg-karte-nr{fill:#fff;font:800 19px/1 system-ui,sans-serif}
.mg-karte-bahn{cursor:pointer;outline:none}
.mg-karte-bahn:hover .mg-karte-nr-kreis,.mg-karte-bahn:focus-visible .mg-karte-nr-kreis,.mg-karte-bahn.is-aktuell .mg-karte-nr-kreis{fill:#c0392b}
.mg-karte-bahn:focus-visible .mg-karte-rasen{stroke:#ffd34d;stroke-width:7}
.mg-karte-bahn.is-aus{opacity:.38}
.mg-karte-quelle{margin:0;padding:4px 8px;font-size:.7rem;background:#f4f1ea;color:#4a4a42}
.mg-karte-weg{fill-opacity:.94}
/* Spielseite: kompakter Kopf, damit die Bahn schnell im Bild ist (30.10.2026) */
.mg-spiel-seite{padding-top:104px;padding-bottom:40px}
.mg-spiel-seite h1.page-h1{font-size:clamp(1.7rem,6vw,2.8rem);color:#fdf8ef;margin:0 0 4px;text-align:center}
html[data-theme=light] .mg-spiel-seite h1.page-h1{color:#1d2b22}
.mg-spiel-intro{margin:0 auto 12px;max-width:560px;text-align:center;font-size:.95rem}
.mg-spiel-hilfe{max-width:560px;margin:14px auto 0;font-size:.85rem;opacity:.85;text-align:center}
.mg-spiel-buchen-unten{text-align:center;margin-top:18px}
/* Chat-Knopf der Seite würde das Spielfeld verdecken */
body:has(#mgSpiel) .chat-bubble-toggle,body:has(#mgSpiel) .chat-idle-bubble{display:none!important}
#mgSpiel{scroll-margin-top:96px}
.mg-ergebnis{scroll-margin-top:100px}
/* Kontrast (WCAG AA) für Einleitung, Anleitung und Kartenhinweis im dunklen und hellen Look */
.mg-spiel-intro,.mg-spiel-hilfe,.mg-karte-hinweis{color:#e9e4d8;opacity:1}
html[data-theme=light] .mg-spiel-intro,html[data-theme=light] .mg-spiel-hilfe,html[data-theme=light] .mg-karte-hinweis,.admin-body .mg-karte-hinweis{color:#3c4a40}
/* Problem melden */
.mg-problem{max-width:560px;margin:16px auto 0;font-size:.92rem}
.mg-problem summary{cursor:pointer;text-align:center;color:#e9e4d8;text-decoration:underline;text-underline-offset:3px}
html[data-theme=light] .mg-problem summary{color:#3c4a40}
.mg-problem form{margin-top:10px;display:grid;gap:8px;padding:14px;border-radius:14px;background:#fdf8ef;color:#1c2a21}
.mg-problem form label{font-weight:600;font-size:.85rem}
.mg-problem form textarea,.mg-problem form input[type=email]{width:100%;border:1px solid #c9cfc6;border-radius:10px;padding:8px 10px;font:inherit;background:#fff;color:#1c2a21}
.mg-problem-titel{margin:0 0 4px;line-height:1.45}
.mg-problem-status{margin:0;min-height:1.2em;font-weight:600}
/* Spielseite: Kopfleiste scrollt mit weg statt fest oben zu bleiben – sonst verdeckt sie auf kleinen Handys
   und im Querformat Anzeigeleiste und Spielfeld (Spieltest 30.10.2026) */
body.mg-spiel-body .site-header,body.mg-spiel-body .site-header.scrolled{position:relative}
body.mg-spiel-body .header-gap-backdrop{display:none}
body.mg-spiel-body #mgSpiel{scroll-margin-top:8px}