.starfall-card {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: 1.2fr 1fr;
  background: #f7f5f0;
}
.starfall-card .card-art { height: 310px; background: #dce8df; }
.starfall-card svg { display: block; width: 100%; height: 100%; }
.starfall-card .card-info {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 30px 34px;
}
.starfall-card .art-number {
  color: #486955;
  background: #faf3e3c9;
  border-color: #9db69b80;
}
.starfall-card .play-badge { color: #355642; background: #d6dfbb; }
.starfall-card .art-word {
  color: #5679623b;
  font-size: clamp(25px, 3.8vw, 38px);
  letter-spacing: -1.6px;
}
.starfall-card .card-title { flex-direction: column; align-items: flex-start; gap: 7px; }
.starfall-card .tags span { color: #71846b; border-color: #c3ceb8; }
.starfall-card .text-button { margin-top: 4px; }
.starfall-card .card-art:focus-visible,
.starfall-card .text-button:focus-visible { outline: 3px solid #587c60; outline-offset: -4px; }
@media (max-width: 780px) {
  .starfall-card { display: block; }
  .starfall-card .card-art { height: 270px; }
  .starfall-card .card-info { padding: 24px; }
  .starfall-card .card-title { flex-direction: row; align-items: center; }
  .starfall-card .card-title > span { font-size: 8px; }
}
@media (max-width: 450px) {
  .starfall-card .card-title { flex-direction: column; align-items: flex-start; }
  .starfall-card .art-word { font-size: 28px; }
}