.texas-credit-modal {
  position: fixed;
  z-index: 2147483640;
  inset: 0;
  display: grid;
  place-items: center;
  padding: 16px;
  background: rgba(2, 6, 15, .86);
  font-family: Arial, Helvetica, sans-serif;
}
.texas-credit-modal__card {
  box-sizing: border-box;
  width: min(100%, 430px);
  padding: 28px;
  border: 2px solid #f6c748;
  border-radius: 18px;
  background: linear-gradient(155deg, #13253b, #06101e);
  box-shadow: 0 20px 65px #000b;
  color: #fff;
  text-align: center;
}
.texas-credit-modal__icon { color: #f6c748; font-size: 42px; }
.texas-credit-modal__card h2 {
  margin: 8px 0 14px;
  color: #f6c748;
  font-size: clamp(21px, 4vw, 28px);
}
.texas-credit-modal__card p { margin: 0 0 22px; line-height: 1.45; }
.texas-credit-modal__card button {
  min-height: 44px;
  padding: 8px 28px;
  border: 1px solid #f6c748;
  border-radius: 9px;
  background: #16834f;
  color: #fff;
  font: inherit;
  font-weight: 800;
  cursor: pointer;
}
.texas-credit-modal__card button:focus-visible { outline: 3px solid #fff; outline-offset: 3px; }

/* Keep the credit notice within the landscape mobile settings menu. */
@media (max-width: 900px) and (orientation: landscape) {
  .mobile-game-menu-card.texas-credit-modal-host {
    position: relative;
    min-height: min(340px, calc(100dvh - 10px));
  }
  .texas-credit-modal--in-menu {
    position: absolute;
    z-index: 1;
    inset: 0;
    padding: 8px;
    border-radius: inherit;
    background: rgba(2, 6, 15, .97);
  }
  .texas-credit-modal--in-menu .texas-credit-modal__card {
    width: 100%;
    max-height: 100%;
    overflow-y: auto;
    padding: clamp(10px, 2.5vh, 20px);
  }
  .texas-credit-modal--in-menu .texas-credit-modal__icon { font-size: clamp(22px, 6vh, 36px); }
  .texas-credit-modal--in-menu .texas-credit-modal__card h2 {
    font-size: clamp(17px, 4.5vh, 25px);
    margin: 2px 0 6px;
  }
  .texas-credit-modal--in-menu .texas-credit-modal__card p {
    font-size: clamp(12px, 3vh, 16px);
    margin-bottom: 9px;
  }
}