.cc-consent, .cc-consent-settings { box-sizing: border-box; font-family: system-ui, sans-serif; }
.cc-consent[hidden] { display: none !important; }
.cc-consent { position: fixed; z-index: 20000; right: 20px; bottom: 68px; width: min(510px, calc(100vw - 40px)); max-height: calc(100dvh - 110px); overflow: auto; padding: 24px; border: 1px solid #737f57; border-radius: 18px; background: #151915; color: #f5f7f2; box-shadow: 0 12px 60px #0009; font-size: 14px; line-height: 1.55; }
.cc-consent h2 { margin: 0 0 12px; color: #e3ff84; font-size: 22px; line-height: 1.2; }
.cc-consent p { margin: 10px 0; }
.cc-consent a { color: #e3ff84; text-decoration: underline; }
.cc-consent details { margin: 16px 0; }
.cc-consent summary { cursor: pointer; font-weight: 650; }
.cc-consent-actions { display: flex; gap: 12px; margin: 18px 0; }
.cc-consent-actions button { flex: 1; min-height: 46px; border: 1px solid #cce784; border-radius: 9px; background: #d6f28c; color: #18210e; font: inherit; font-weight: 700; cursor: pointer; padding: 10px; }
.cc-consent-settings { position: fixed; z-index: 19000; right: 16px; bottom: calc(12px + env(safe-area-inset-bottom, 0px)); background: #151915; color: #f5f7f2; border: 1px solid #737f57; border-radius: 8px; padding: 10px 12px; font-size: 12px; cursor: pointer; }
.app-shell-page .cc-consent-settings { bottom: calc(82px + env(safe-area-inset-bottom, 0px)); }
.app-shell-page .cc-consent { bottom: calc(134px + env(safe-area-inset-bottom, 0px)); max-height: calc(100dvh - 160px); }
.cc-consent :focus-visible, .cc-consent-settings:focus-visible { outline: 3px solid #fff; outline-offset: 3px; }
@media (max-width: 480px) {
  .cc-consent { right: 12px; width: calc(100vw - 24px); padding: 18px; }
  .cc-consent-actions { gap: 8px; }
}

/* Einstieg in der Fusszeile statt schwebend: Der feste Knopf unten rechts lag
   auf der Spieluhr (QA-Befund 26.09.2026). Der schwebende bleibt nur als
   Rueckfall fuer Seiten ohne eigenen Einstieg. */
.mf-link-button { padding: 0; border: 0; background: none; color: inherit; font: inherit; text-align: left; cursor: pointer; text-decoration: underline; }
.mf-link-button:hover { color: #e3ff84; }