/* ===== Skat ===== */
.sk-types button small {
  opacity: 0.6;
  font-weight: 400;
  margin-left: 4px;
}
.sk-types button.active {
  outline: 2px solid var(--accent);
}
.sk-types button.z-suit-btn.red.active {
  color: #b0122e;
}
.sk-extras {
  display: flex;
  flex-direction: column;
  gap: 6px;
  margin: 10px 0;
}
.sk-check {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 0.9rem;
  margin: 0;
}
.sk-check input {
  width: auto;
}
.sk-skat,
.sk-skatline {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin: 8px 0;
}
.sk-skatline .z-card,
.sk-skat .z-card {
  width: 42px;
  height: 60px;
}
.sk-skatline .z-card .zc-main,
.sk-skat .z-card .zc-main {
  font-size: 1.3rem;
}
.sk-details p {
  margin: 0 0 6px;
  font-size: 0.9rem;
}
.sk-kontra {
  display: block;
  margin: 10px auto;
  background: var(--bad);
  color: #fff;
  font-weight: 800;
}