/* V4.221 NUR OPTIK.
   Dungeon 6: Nummer/Status exakt auf den im Bild vorhandenen Kreis setzen.
   Dungeon 11: den eingebrannten grünen AKTUELL-Rest vollständig abdecken.
   Keine Dungeon-Logik / Klick-Handler geändert. */

/* D6: Quellbild-Kreis liegt etwas rechts/oben gegenüber dem Standardraster. */
.gl20g-grid > .gl20g-card:nth-child(6) .gl20g-badge{
  left:52.2%!important;
  top:42px!important;
  width:44px!important;
  height:44px!important;
  font-size:17px!important;
  border-width:2px!important;
}
.gl20g-grid > .gl20g-card:nth-child(6) .gl20g-mark{
  left:84.5%!important;
  top:42px!important;
  width:24px!important;
  height:24px!important;
  font-size:12px!important;
}

/* D11: alter grüner "AKTUELL"-Schriftzug + Glow sitzt direkt am oberen Bildrand.
   Hier decken wir den kompletten Rest ab statt das Bild weiter zu verschieben. */
.gl20g-grid > .gl20g-card:nth-child(11) .gl20g-art::before{
  content:""!important;
  position:absolute!important;
  left:0!important;
  right:0!important;
  top:0!important;
  height:34px!important;
  background:linear-gradient(
    180deg,
    rgba(5,12,7,.995) 0%,
    rgba(5,12,7,.96) 48%,
    rgba(5,12,7,.70) 72%,
    rgba(5,12,7,0) 100%
  )!important;
  z-index:2!important;
  pointer-events:none!important;
}

/* Der bestehende dunkle Verlaufsfilter bleibt darüber/ darunter neutral. */
.gl20g-grid > .gl20g-card:nth-child(11) .gl20g-art::after{
  z-index:3!important;
}

@media(max-width:700px){
  .gl20g-grid > .gl20g-card:nth-child(6) .gl20g-badge{
    left:52.2%!important;
    top:41px!important;
    width:42px!important;
    height:42px!important;
    font-size:16px!important;
  }
  .gl20g-grid > .gl20g-card:nth-child(6) .gl20g-mark{
    left:84.5%!important;
    top:41px!important;
    width:23px!important;
    height:23px!important;
    font-size:11px!important;
  }
  .gl20g-grid > .gl20g-card:nth-child(11) .gl20g-art::before{
    height:36px!important;
  }
}

@media(max-width:390px){
  .gl20g-grid > .gl20g-card:nth-child(6) .gl20g-badge{
    left:52.2%!important;
    top:40px!important;
    width:40px!important;
    height:40px!important;
    font-size:15px!important;
  }
  .gl20g-grid > .gl20g-card:nth-child(6) .gl20g-mark{
    left:84.5%!important;
    top:40px!important;
    width:22px!important;
    height:22px!important;
    font-size:10px!important;
  }
  .gl20g-grid > .gl20g-card:nth-child(11) .gl20g-art::before{
    height:38px!important;
  }
}