/* 使用者確認：縮小中央米白卡片，並讓城市風景更清楚。 */
.shade {
  background: linear-gradient(
    #eff7ff0d,
    #f9f4e714 72%,
    #f9f4e724
  );
}

.card-shell {
  width: min(700px, 80%);
  height: 330px;
}

.face {
  border-color: #ffffffa8;
  border-radius: 25px;
  background: #fffef38f;
  box-shadow: 0 12px 28px #173b6c29;
  padding: 42px 36px;
  backdrop-filter: blur(2px);
}

.back {
  background: #173b6cd9;
}

.word-list {
  align-content: start;
  grid-auto-rows: min-content;
}

@media (max-width: 900px) {
  .card-shell {
    width: 100%;
    height: 340px;
  }
}