/* The support message carries the game's bold, sun-yellow title treatment. */
.support-headline {
  position: relative;
  padding: .25em .32em .3em;
  color: #173238;
  background: #f8d24d;
  border: 3px solid #173238;
  border-radius: 0;
  box-shadow: 5px 6px 0 #173238;
  font-family: Condensed, Barlow, sans-serif;
  font-weight: 900;
  text-transform: uppercase;
  text-wrap: balance;
  overflow-wrap: anywhere;
  letter-spacing: -.015em;
  text-shadow: 0 1px 0 #fff7de80;
  -webkit-text-stroke: 0;
}
.support-headline:empty { display: none !important; }

.merch-prompt-card {
  border-radius: 2px;
  border-width: 4px;
  box-shadow: 8px 9px 0 #173238, 0 22px 55px #001a2666;
}
.merch-prompt-card .support-headline {
  margin: 0 5px 23px 0;
  font-size: 46px;
  line-height: .98;
}
.merch-prompt-goal { font-size: 22px; }
.merch-prompt-photo {
  border: 3px solid #173238;
  border-radius: 1px;
  box-shadow: 5px 5px 0 #173238;
}
.merch-prompt-actions .primary-button { border-radius: 2px; }

.mug-dock {
  width: 300px;
  background: #f8d24d;
  border: 3px solid #173238;
  border-radius: 1px;
  box-shadow: 5px 5px 0 #173238;
}
.mug-dock:hover { background: #ffe480; }
.mug-dock img { border: 2px solid #173238; border-radius: 0; }
.mug-dock strong {
  font-size: 25px;
  line-height: .95;
  text-transform: uppercase;
  text-wrap: balance;
}
.mug-dock > span > span { margin-top: 6px; text-decoration-thickness: 2px; }
.mug-dock:focus-visible { outline-color: #fff7de; }

.result-promo-mug {
  border-radius: 2px;
  border-width: 3px;
  box-shadow: 5px 6px 0 #173238;
}
.result-promo-mug .support-headline {
  margin: 0 5px 17px 0;
  font-size: 28px;
  line-height: 1;
}

@media (max-width:760px) {
  .mug-dock { width: 250px; }
  .mug-dock strong { font-size: 22px; }
}
@media (max-width:599px) {
  .merch-prompt-card { padding: 17px; }
  .merch-prompt-card .support-headline { font-size: 34px; margin-bottom: 20px; }
  .merch-prompt-goal { font-size: 20px; }
  .merch-prompt-photo { width: 140px; }
  .mug-dock { max-width: calc(100vw - 56px); }
  .result-promo-mug .support-headline { font-size: 25px; }
}
@media (max-height:500px) and (min-width:600px) {
  .merch-prompt-card { grid-template-columns: minmax(0,1fr) 140px; padding: 12px; gap: 10px 18px; }
  .merch-prompt-card .support-headline { font-size: 28px; margin-bottom: 13px; }
  .merch-prompt-goal { font-size: 18px; }
  .merch-prompt-photo { width: 140px; }
  .mug-dock strong { font-size: 20px; }
}