/* The private team page (united.moores.town). Grayscale like the rest of the site (STYLE_GUIDE.md). */
/* The homepage centers main's children (styles.css), and the site footer is a grid; neither applies here. */
.team-main { max-width: 40rem; place-items: normal; }
.team-header { display: flex; align-items: center; gap: 1rem; margin-bottom: 1.5rem; }
.team-crest { display: block; width: 4rem; height: auto; flex: none; }
.signin-main .team-crest { margin-bottom: 1rem; }
/* The crest's dark outline would vanish on the dark background; a light disc keeps it readable. */
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) .team-crest { background: #E6E6E6; border-radius: .75rem; padding: .375rem; box-sizing: content-box; }
}
:root[data-theme="dark"] .team-crest { background: #E6E6E6; border-radius: .75rem; padding: .375rem; box-sizing: content-box; }
.team-section { border-top: 1px solid var(--hairline); padding: 1.25rem 0 .5rem; }
.team-live { border: 2px solid var(--ink); border-radius: .5rem; padding: .75rem 1rem; margin: 0 0 1.5rem; }
.team-live a { color: inherit; }
.team-list { list-style: none; margin: 0 0 1rem; padding: 0; font-variant-numeric: tabular-nums; }
.team-game, .team-result { display: grid; gap: .125rem .75rem; padding: .625rem 0; border-bottom: 1px solid var(--hairline); }
.team-list li:last-child { border-bottom: 0; }
.team-game { grid-template-columns: minmax(0, 1fr); }
.team-game time { font-size: .875rem; color: var(--road-major); }
.team-opponent { font-weight: 600; overflow-wrap: anywhere; }
.team-where { font-size: .875rem; color: var(--road-major); }
.team-next .team-game { padding: .25rem 0 0; }
.team-next .team-opponent { font-size: 1.375rem; }
.team-next time { font-size: 1rem; color: var(--ink); }
.team-result { grid-template-columns: 2rem 3.5rem minmax(0, 1fr); align-items: baseline; }
.team-result .team-where { grid-column: 3; }
.team-outcome { font-weight: 600; text-align: center; border: 1px solid var(--hairline); border-radius: .25rem; }
.team-score { font-weight: 600; }
.team-record { margin: 0 0 .5rem; font-weight: 600; }
.team-footer { display: block; border-top: 1px solid var(--hairline); padding: 1.25rem 0 0; margin-top: 1rem; font-size: 1rem; color: inherit; }
@media (max-width: 400px) {
  .team-main { padding: 1rem; }
  .team-header h1 { font-size: 1.25rem; }
  .team-crest { width: 3rem; }
}
.team-footer .operator-message:empty { display: none; }