/* Nur die Einstiegsseite: das Regal mit den Spielkarten. */

.start { justify-content: flex-start; padding: 6px 12px 24px; }

.regal {
  display: grid;
  gap: 12px;
  width: 100%;
  max-width: 460px;
  align-self: center;
}

.spielkarte {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px;
  background: var(--panel);
  border: 5px solid var(--panel-rand);
  border-radius: 22px;
  box-shadow: 0 5px 0 #0000001f;
  color: inherit;
  text-decoration: none;
}
a.spielkarte:active { transform: translateY(3px); box-shadow: 0 2px 0 #0000001f; }
.spielkarte.bald { opacity: 0.55; }

.deckel {
  flex: 0 0 auto;
  width: 120px;
  height: 84px;
  border-radius: 14px;
  background: #fffdf8;
  box-shadow: inset 0 -4px 0 #0000000f;
}

.spielkarte .text { min-width: 0; }
.spielkarte h2 { margin: 0 0 3px; font-size: 19px; font-weight: 800; }
.spielkarte p { margin: 0; font-size: 13px; line-height: 1.35; opacity: 0.85; }