/* ---------- Daily games: today's tabs, the dark puzzle board, the guess column ---------- */

.pitch-site--app .daily-game-tab {
  align-items: center;
  display: inline-flex;
  gap: 8px;
}

.pitch-site--app .game-board {
  background: var(--ps-turf);
  border: 1px solid rgba(14, 17, 17, 0.14);
  border-radius: 12px;
  color: var(--ps-cream);
  padding: 16px 20px 20px;
}

.pitch-site--app .game-board__meta {
  color: var(--ps-cream-soft);
  font-family: var(--font-mono);
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.pitch-site--app .game-board__meta > :first-child {
  color: var(--ps-yellow);
}

.pitch-site--app .game-board .spider-plot__ring {
  fill: rgb(255 251 240 / 0.04);
  stroke: rgb(255 251 240 / 0.25);
}

.pitch-site--app .game-board .spider-plot__axis-line {
  stroke: rgb(255 251 240 / 0.25);
}

.pitch-site--app .game-board .spider-plot__label {
  fill: var(--ps-cream-soft);
}

.pitch-site--app .game-board .spider-plot__label--new {
  fill: var(--ps-yellow);
  font-weight: 700;
}

.pitch-site--app .game-board .spider-plot__series polygon {
  fill: var(--ps-yellow);
  fill-opacity: 0.3;
  stroke: var(--ps-yellow);
}

.pitch-site--app .game-board .spider-plot__series circle {
  fill: var(--ps-yellow);
}

.pitch-site--app .game-board .spider-plot__series--median polygon {
  fill: rgb(255 251 240 / 0.1);
  stroke: rgb(255 251 240 / 0.4);
}

.pitch-site--app .game-play__title {
  font-size: 18px;
  margin: 0;
}

.pitch-site--app .game-play__label {
  color: var(--ps-ink-soft);
  font-family: var(--font-mono);
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.pitch-site--app :is(.game-hints, .game-guesses) {
  list-style: none;
  margin: 0;
  padding: 0;
}

.pitch-site--app .game-hint {
  align-items: baseline;
  background: color-mix(in srgb, var(--ps-yellow) 22%, var(--ps-paper-raised));
  border: 1px solid rgba(14, 17, 17, 0.14);
  border-radius: 8px;
  display: flex;
  flex-wrap: wrap;
  gap: 4px 12px;
  justify-content: space-between;
  padding: 8px 12px;
}

.pitch-site--app .game-hint--locked {
  background: transparent;
  border-style: dashed;
  color: var(--ps-ink-soft);
}

.pitch-site--app .game-hint__key {
  color: var(--ps-ink-soft);
  font-family: var(--font-mono);
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.pitch-site--app .game-hint__value {
  font-weight: 600;
  margin: 0;
}

.pitch-site--app .game-hint--locked .game-hint__value {
  font-weight: 400;
}

.pitch-site--app .game-guess {
  align-items: baseline;
  background: var(--ps-paper-raised);
  border: 1px solid rgba(14, 17, 17, 0.14);
  border-radius: 8px;
  display: flex;
  gap: 10px;
  padding: 8px 12px;
}

.pitch-site--app .game-guess__mark {
  color: var(--ps-red);
  font-family: var(--font-mono);
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.pitch-site--app .game-guess__mark--correct {
  color: var(--ps-turf);
}

.pitch-site--app .game-record__value {
  font-family: var(--font-mono);
}