.tournament-card {
  border: 2px solid var(--ink, #24382c);
  padding: 16px;
  margin: 16px 0;
  background: var(--paper, #fffdf3);
}
.tournament-card.official {
  border-width: 3px;
  background: linear-gradient(135deg, #fff9d9, #f1f7df);
  box-shadow: 5px 5px 0 color-mix(in srgb, var(--ink) 22%, transparent);
}
.tournament-qualification {
  padding: 0.55rem 0.7rem;
  border-left: 4px solid var(--green, #4b765f);
  background: rgb(255 255 255 / 55%);
}
.tournament-card h3 {
  margin: 8px 0;
}
.tournament-fields {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}
.tournament-fields label {
  display: grid;
  gap: 5px;
  min-width: 0;
}
.tournament-fields input,
.tournament-fields select {
  width: 100%;
  min-width: 0;
  box-sizing: border-box;
}
.tournament-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
#tournaments-list p {
  overflow-wrap: anywhere;
}
#tournament-create {
  margin-top: 20px;
}
#tournament-create summary {
  cursor: pointer;
  padding: 12px 0;
}
#tournament-form > button {
  margin-top: 16px;
}
@media (max-width: 480px) {
  .tournament-fields {
    grid-template-columns: 1fr;
  }
}