.random-tool {
  max-width: 760px;
}

.tool-summary {
  display: flex;
  flex-wrap: wrap;
  gap: .75rem 2rem;
  margin-bottom: 1.25rem;
}

.random-tool fieldset {
  display: grid;
  gap: .65rem;
  margin: 0 0 1rem;
  padding: 1rem;
  border: 1px solid #cbd5e1;
  border-radius: 12px;
}

.random-tool fieldset label,
.overwrite-option {
  display: flex;
  align-items: center;
  gap: .55rem;
}

.overwrite-option {
  margin: 1rem 0;
  font-weight: 700;
}

.game-editor {
  display: grid;
  gap: .8rem;
}

.game-edit-row {
  display: grid;
  grid-template-columns: .65fr 1.15fr .9fr 1.4fr 1.4fr auto;
  gap: .7rem;
  align-items: end;
  padding: 1rem;
  background: #fff;
  border: 1px solid #dbe3ec;
  border-radius: 14px;
}

.game-edit-row label {
  display: grid;
  gap: .3rem;
  min-width: 0;
  font-size: .75rem;
  font-weight: 800;
  color: #475569;
}

.derived-day {
  display: grid;
  gap: .2rem;
}

.derived-day span,
.derived-day small,
.readonly-team span {
  font-size: .75rem;
  font-weight: 800;
  color: #64748b;
}

.readonly-team {
  display: grid;
  gap: .3rem;
  min-width: 0;
}

.readonly-team strong {
  overflow-wrap: anywhere;
}

.game-edit-row input {
  box-sizing: border-box;
  width: 100%;
  min-width: 0;
}

.game-edit-row .button {
  white-space: nowrap;
}

@media (max-width: 1100px) {
  .game-edit-row {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 620px) {
  .game-edit-row {
    grid-template-columns: 1fr;
  }
}

.analyzer-email {
  display: flex;
  flex-wrap: wrap;
  gap: .75rem;
  margin-bottom: 1rem;
}

.analyzer-standings {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
}

.analyzer-current table,
.scenario-matrix {
  width: 100%;
  border-collapse: collapse;
}

.analyzer-current th,
.analyzer-current td,
.scenario-matrix th,
.scenario-matrix td {
  padding: .65rem;
  border-bottom: 1px solid #dbe3ec;
  text-align: left;
  vertical-align: top;
}

.remaining-games {
  display: grid;
  gap: .65rem;
}

.remaining-games > div {
  display: flex;
  gap: 1rem;
}

.analyzer-scroll {
  overflow-x: auto;
}

.scenario-matrix {
  min-width: 760px;
}

.scenario-matrix th:first-child {
  width: 34%;
}

@media (max-width: 760px) {
  .analyzer-standings {
    grid-template-columns: 1fr;
  }
}