.masthead-season #season-select {
  width: 116px;
  min-width: 0;
  min-height: 32px;
  height: 32px;
  flex: none;
  padding: 4px 21px 4px 7px;
  border: 1px solid var(--stroke);
  border-radius: 4px;
  background-color: transparent;
  color: var(--accent);
  font-size: 11px;
  font-weight: 600;
  cursor: pointer;
  appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='m1 1 5 5 5-5' fill='none' stroke='%23b69a60' stroke-width='1.5'/%3E%3C/svg%3E");
  background-position: right 7px center;
  background-repeat: no-repeat;
  background-size: 8px 6px;
}
.masthead-season #season-select option { background: var(--panel); color: var(--text); }
.masthead-season #season-select:hover { border-color: var(--accent); }
.is-archive #season-mode { color: var(--accent); }
.compact-ui #phase-filter { flex: none; width: 170px; min-width: 0; min-height: 36px; padding: 6px 24px 6px 10px; border-radius: 5px; font-size: 12px; }
.fixture-phase { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 100px; }
.compact-ui .fixture-context { flex-wrap: wrap; row-gap: 2px; }
@media (max-width: 1000px) and (min-width: 601px) {
  .schedule-toolbar-compact:has(#phase-filter:not([hidden])) { display: grid; grid-template-columns: minmax(135px, .75fr) minmax(150px, 1fr) auto; }
  .compact-ui #phase-filter { width: 100%; grid-column: 1; grid-row: 1; }
  .schedule-toolbar-compact:has(#phase-filter:not([hidden])) .round-navigation { grid-column: 2 / -1; grid-row: 1; }
  .schedule-toolbar-compact:has(#phase-filter:not([hidden])) .round-navigation select { flex: 1; width: 100%; }
  .schedule-toolbar-compact:has(#phase-filter:not([hidden])) .search-field { grid-column: 1 / span 2; grid-row: 2; width: 100%; }
  .schedule-toolbar-compact:has(#phase-filter:not([hidden])) .view-toggle { grid-column: 3; grid-row: 2; }
}
@media (max-width: 600px) {
  .masthead-season { gap: 0; }
  .masthead-season #season-select { width: 93px; min-height: 29px; height: 29px; font-size: 10px; padding: 3px 16px 3px 5px; background-position: right 5px center; }
  .compact-ui #phase-filter { grid-column: 1 / -1; grid-row: 1; width: 100%; min-height: 34px; }
  .schedule-toolbar-compact:has(#phase-filter:not([hidden])) .round-navigation,
  .schedule-toolbar-compact:has(#phase-filter:not([hidden])) .view-toggle { grid-row: 2; }
  .schedule-toolbar-compact:has(#phase-filter:not([hidden])) .search-field,
  .schedule-toolbar-compact:has(#phase-filter:not([hidden])) .mobile-status-filter { grid-row: 3; }
  .fixture-phase { max-width: 110px; }
}