.sternbrecher-promo[hidden] { display: none !important; }
.sternbrecher-promo {
  position: relative; display: flex; width: 100%; max-width: 680px;
  margin: 24px auto 0; overflow: hidden; box-sizing: border-box;
  border: 1px solid #628fda; border-radius: 18px; background: #101d3e;
  color: #f5f8ff; box-shadow: 0 16px 44px #071022aa; font: 14px/1.4 system-ui, sans-serif;
}
.sternbrecher-promo img { width: 112px; min-width: 112px; height: auto; object-position: center; }
.sternbrecher-promo-body { padding: 15px 29px 15px 15px; }
.sternbrecher-promo-label { display: block; margin-bottom: 5px; color: #86d9f6;
  font-size: 10px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.sternbrecher-promo-play { display: inline-flex; min-height: 38px; align-items: center;
  box-sizing: border-box; border-radius: 10px; padding: 8px 12px; background: #47c8e7;
  color: #08213a; font-size: 13px; font-weight: 800; text-decoration: none; }
.sternbrecher-promo-close { position: absolute; right: 4px; top: 4px; width: 32px;
  height: 32px; padding: 0; border: 0; border-radius: 50%; background: #233860;
  color: #fff; font: 25px/1 system-ui, sans-serif; cursor: pointer; }
.sternbrecher-promo a:focus-visible, .sternbrecher-promo button:focus-visible {
  outline: 3px solid #ffd669; outline-offset: 2px;
}
/* Scope the rotating card so gallery typography cannot inflate its copy. */
#gamePromo h2 { font: 800 19px/1.25 system-ui, sans-serif; margin: 0 0 8px; }
#gamePromo p { font: 400 14px/1.5 system-ui, sans-serif; margin: 0 0 12px; }
#gamePromo .sternbrecher-promo-label { padding-right: 20px; line-height: 1.5; }
#gamePromo img { object-fit: contain; background: #081426; }
#gamePromo img[hidden] { display: none; }
@media (max-width: 480px) {
  .sternbrecher-promo img { width: 86px; min-width: 86px; }
  .sternbrecher-promo-body { padding: 13px 28px 13px 12px; }
  #gamePromo h2 { font-size: 17px; }
  #gamePromo p { font-size: 13px; }
  #gamePromo .sternbrecher-promo-label { font-size: 9px; }
}