/* Startseite: kein Filz-Grün hinter Hero/Kacheln */
body.seite-home,
#seite-home,
.home-wrap,
.home-wrap--v5{ background:#f3eee1 !important; }
.home-wrap--v5 h1{ color:#22201b !important; }
.home-wrap--v5 .lead,
.home-wrap--v5 .hinweis-kacheln,
.home-wrap--v5 .section-head p,
.home-wrap--v5 .schritt p{ color:#5a5548 !important; }

/* Startseite und Übungsauswahl dürfen nie von Overlays blockiert werden */
body.seite-home #runde-backdrop,
body.seite-home form#startfeld,
#seite-ueben.aktiv ~ * #runde-backdrop,
#runde-backdrop[hidden]{
  display:none !important;
  visibility:hidden !important;
  pointer-events:none !important;
}
#runde-backdrop{
  position:fixed;inset:0;z-index:230;
  background:rgba(8,14,12,.55);
  display:none;
  pointer-events:none;
}
body.runde-offen #runde-backdrop{
  display:block;
  pointer-events:auto;
}
form#startfeld.runde-karte{
  position:fixed;z-index:240;
  left:50%;top:50%;transform:translate(-50%,-50%);
  width:min(640px,calc(100vw - 32px));
  max-height:calc(100vh - 32px);overflow:auto;
  margin:0;
  background:#f3eee1;color:#22201b;border-radius:14px;
  box-shadow:0 24px 60px rgba(0,0,0,.45);
}
form#startfeld[hidden]{display:none !important}

.home-karte{pointer-events:auto !important;cursor:pointer;position:relative;z-index:2}
.home-karte--soon{pointer-events:none !important;cursor:default}
.home-karte__soon-banner{
  position:absolute;left:-8%;right:-8%;top:42%;
  background:rgba(20,16,8,.82);color:#f3eee1;
  font:700 .72rem/1.1 system-ui,sans-serif;letter-spacing:.1em;text-transform:uppercase;
  text-align:center;padding:.35rem .3rem;transform:rotate(-16deg);pointer-events:none;
}
.kopf .beta-chip,.beta-chip{
  display:inline-flex;align-items:center;gap:.28rem;
  margin:0 .4rem 0 0;padding:.22rem .55rem .22rem .4rem;
  border-radius:999px;text-decoration:none;color:#163226;
  border:1.5px solid rgba(200,149,44,.65);background:#f3eee1;
  font-weight:700;font-size:.72rem;letter-spacing:.04em;text-transform:uppercase;
  pointer-events:auto;position:relative;z-index:50;
}
.beta-chip svg{width:14px;height:14px}
.stich-punkte{
  width:2rem;height:2rem;min-width:2rem;padding:0;margin:.18rem auto .06rem;
  border-radius:50%;display:flex;align-items:center;justify-content:center;
}
.plat-ico{display:inline-flex;width:1.35rem;height:1.35rem;vertical-align:middle}
.dash-abschnitt{margin:0 0 1.25rem}
.dash-abschnitt h3{font-family:Georgia,serif;font-size:1.05rem;margin:0 0 .55rem;color:#f3eee1}
.dash-kacheln{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem}
@media(max-width:720px){.dash-kacheln{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:420px){.dash-kacheln{grid-template-columns:1fr}}
.dash-logout-zeile{display:flex;justify-content:flex-end;margin:1.2rem 0 .4rem}
.btn-logout-pwr{
  display:inline-flex;align-items:center;gap:.4rem;font:inherit;font-weight:700;cursor:pointer;
  padding:.45rem .8rem;border-radius:999px;border:1.5px solid rgba(243,238,225,.35);
  background:rgba(243,238,225,.1);color:#f3eee1;
}
.kachel--gelb{background:linear-gradient(165deg,#c8952c,#9a6e18);color:#1a1510;border-color:#e8c36a}
.kachel--soon{pointer-events:none;opacity:.82}
.weltwahl--soon{display:flex;gap:.4rem;margin:.4rem 0 .85rem}
.weltwahl--soon button{
  flex:1;font:inherit;font-weight:700;font-size:.82rem;padding:.4rem .25rem;border-radius:10px;
  border:1.5px dashed rgba(243,238,225,.28);background:rgba(243,238,225,.06);
  color:rgba(243,238,225,.55);cursor:default
}
.weltwahl--soon small{display:block;font-size:.62rem;letter-spacing:.06em;text-transform:uppercase}
.rueckmuster--dklogo{
  background-color:#5c1a2a !important;background-image:url("logos/doppelkopf.jpg") !important;
  background-size:cover !important;background-position:center !important;
}
.rueckmuster--stlogo{
  background-color:#1a2744 !important;background-image:url("logos/skat.jpg") !important;
  background-size:cover !important;background-position:center !important;
}
.opt-ziel-zeile{display:flex;flex-wrap:wrap;gap:.45rem;margin:0 0 .8rem}
.opt-ziel-zeile button{
  font:inherit;font-weight:700;padding:.45rem .7rem;border-radius:999px;cursor:pointer;
  border:1.5px solid #d9d0bc;background:#fff
}
.opt-ziel-zeile button[aria-pressed="true"]{background:#c8952c;border-color:#c8952c}

.btn-geben-filz{
  display:block;width:min(640px,calc(100% - 2rem));margin:0.85rem auto 0.4rem;
  font:inherit;font-weight:700;font-size:1.05rem;cursor:pointer;
  padding:.85rem 1rem;border:0;border-radius:8px;
  background:#c8952c;color:#231c07;
}
.btn-geben-filz:hover{background:#dda93c}
.btn-geben-filz[hidden]{display:none !important}

.kachel-zahl{display:block;font-size:1.6rem;font-weight:800;margin-top:.2rem;color:#f3eee1}
.kachel b{display:block}
#dash-kacheln.hidden,.dash-home.hidden{display:none !important}

body.ruecken-akademie .karte--ruecken,
body.ruecken-akademie .ruecken,
.rueckmuster--akademie{
  background-size:cover !important;
  background-repeat:no-repeat !important;
  background-position:center !important;
}
.schleier{z-index:400 !important}
.btn-spiel-abbruch{
  display:none; margin:0 auto .5rem; padding:.4rem .8rem;
  font:inherit;font-weight:700;font-size:.85rem;cursor:pointer;
  border-radius:999px;border:1.5px solid rgba(243,238,225,.45);
  background:rgba(20,16,12,.55);color:#f3eee1;
}
body.am-mobil .btn-vollbild,
body.mobil-opt .btn-vollbild,
body.am-mobil.modus-spiel .btn-vollbild,
body.mobil-opt.modus-spiel .btn-vollbild,
body.fs-app .btn-vollbild{
  display:none !important;
}
body.am-mobil.modus-spiel .btn-tisch-opt,
body.mobil-opt.modus-spiel .btn-tisch-opt{
  display:inline-flex !important; align-items:center; justify-content:center;
  position:fixed; z-index:210;
  top:calc(8px + env(safe-area-inset-top));
  right:10px; left:auto;
  width:40px; height:40px;
}
@media (orientation:landscape){
  body.am-mobil.modus-spiel .spiel-hand .karte,
  body.mobil-opt.modus-spiel .spiel-hand .karte{
    --karte-b:56px; --karte-h:86px;
  }
  body.am-mobil.modus-spiel:not(.hand-auf):not(.hand-bleibt) .spiel-hand .karte,
  body.mobil-opt.modus-spiel:not(.hand-auf):not(.hand-bleibt) .spiel-hand .karte{
    transform:translateY(12%) !important;
  }
}
body.fs-app{background:#163226}

/* Mobil: kein P-Protokoll-FAB. Aus „Protokoll“ wird Neues Spiel, nur am Tisch. */
body.seite-home .proto-fab{display:none !important}
body.am-mobil .proto-fab,
body.mobil-opt .proto-fab{
  display:inline-flex !important;
  align-items:center; justify-content:center;
  position:fixed; left:50%; transform:translateX(-50%);
  bottom:calc(58px + env(safe-area-inset-bottom));
  right:auto; z-index:190;
}
body.seite-home.am-mobil .proto-fab{display:none !important}

/* Startseite: D-Login neben dem Logo sichtbar */
body.seite-home .konto-chip,
body.seite-home .login-d{
  display:flex !important;
  align-items:center;
  visibility:visible !important;
  opacity:1 !important;
}
body.seite-home #btn-abbrechen,
body.seite-home #weltwahl{display:none !important}
body.am-mobil.seite-home .beta-chip{display:none !important}
.kopf__inhalt{flex-wrap:nowrap}
.konto-chip{flex:0 0 auto}

/* Mobil-Menü: drei Punkte */
.mobil-nav a{flex:1;text-align:center}

/* Karten behutsam größer */
body.am-mobil.modus-spiel .spiel-hand .karte,
body.mobil-opt.modus-spiel .spiel-hand .karte{
  --karte-b:54px; --karte-h:82px;
}
@media (orientation:landscape){
  body.am-mobil.modus-spiel .spiel-hand .karte,
  body.mobil-opt.modus-spiel .spiel-hand .karte{
    --karte-b:58px; --karte-h:88px;
  }
}

/* Vollbild-Knopf am Mobil-Tisch aus */
body.am-mobil .btn-vollbild,
body.mobil-opt .btn-vollbild,
body.fs-app .btn-vollbild{ display:none !important; }

body.am-mobil .mobil-nav,
body.mobil-opt .mobil-nav,
body.seite-home.am-mobil .mobil-nav,
body.seite-home.mobil-opt .mobil-nav{
  display:flex !important;
  position:fixed; left:0; right:0; bottom:0; z-index:220;
}
body.am-mobil .proto-fab,
body.mobil-opt .proto-fab,
body.seite-home .proto-fab{ display:none !important; }
body.am-mobil{ padding-bottom:3.2rem; }
.home-karte--soon .home-karte__blatt img{width:82%;height:82%;object-fit:contain}

/* Mobil: Neues Spiel unten rechts, Menü sichtbar */
body.am-mobil .mobil-nav,
body.mobil-opt .mobil-nav{
  display:flex !important;
  position:fixed; left:0; right:0; bottom:0; z-index:220;
}
#nav-neu-spiel{
  order:3;
  margin-left:auto;
}
body.am-mobil #proto-fab,
body.mobil-opt #proto-fab{
  display:inline-flex !important;
  position:fixed;
  right:12px;
  bottom:calc(62px + env(safe-area-inset-bottom));
  left:auto;
  transform:none;
  z-index:221;
}
body.am-mobil.seite-home #proto-fab{ display:inline-flex !important; }