.studio-menu-link {
  display: grid;
  place-items: center;
  text-decoration: none;
  color: #acdef6;
  padding: 0 10px;
  min-height: 35px;
}
.opponent-hand i,
.deck-icon {
  background-image: var(--game-card-back, url("/assets/megapont-card-back.png"));
}
.studio-preview-tag {
  position: fixed;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
  z-index: 1000;
  background: #ffca5e;
  color: #151d2d;
  padding: 8px 16px;
  font: 18px VT323;
  text-decoration: none;
  white-space: nowrap;
}
@media (max-width: 650px) {
  .studio-menu-link {
    font-size: 12px;
    padding: 0 5px;
  }
  .wordmark {
    width: 126px;
  }
  .studio-preview-tag {
    font-size: 15px;
  }
}
.collection-card.long-name h3 {
  overflow-wrap: anywhere;
  font-size: 14px;
  line-height: 1;
  height: 44px;
  min-height: 44px;
}
.collection-card.long-name .rarity-gem {
  display: none;
}
.hand-card.long-name .card-title {
  font-size: 12px;
  line-height: 1;
  height: 38px;
  min-height: 38px;
  overflow-wrap: anywhere;
}
.hand-card.long-name .card-art {
  height: 75px;
}
.mulligan-card.long-name > b {
  font-size: 14px;
  line-height: 1;
  overflow-wrap: anywhere;
}
@media (max-width: 650px) {
  .hand-card.long-name .card-art {
    height: 53px;
  }
  .mulligan-card.long-name > b {
    font-size: 12px;
  }
}
.intel-name,
.intel-description,
.loadout b,
.collection-card h3 {
  overflow-wrap: anywhere;
}