.national-manager-screen {
  --bg: #0a0f1e;
  --panel: #101725;
  --panel-2: #151d2c;
  --panel-3: #202a3d;
  --line: #283247;
  --line-strong: #3c4963;
  --text: #f2f5f9;
  --muted: #8f9ab0;
  --soft: #cbd3df;
  --ntm-era-accent: #8eabff;
  --ntm-era-wash: rgba(95, 140, 255, .12);
  --ntm-positive: #45c486;
  --ntm-warning: #f4a340;
  min-height: 100vh;
  color: var(--text);
  background:
    radial-gradient(circle at 72% -12%, var(--ntm-era-wash), transparent 34rem),
    var(--bg);
  font-family: "Manrope", system-ui, sans-serif;
}

.national-manager-screen[hidden] { display: none !important; }
body.national-manager-mode-active { min-height: 100vh; color: var(--text); background: var(--bg); }
body.national-manager-mode-active > .ambient { display: none; }

.national-manager-screen[data-era="1998"] { --ntm-era-accent: #d7bc7b; --ntm-era-wash: rgba(93, 113, 75, .15); }
.national-manager-screen[data-era="2002"] { --ntm-era-accent: #75a9dc; --ntm-era-wash: rgba(7, 88, 145, .15); }
.national-manager-screen[data-era="2006"] { --ntm-era-accent: #94bfd3; --ntm-era-wash: rgba(70, 132, 162, .14); }
.national-manager-screen[data-era="2010"] { --ntm-era-accent: #dda85c; --ntm-era-wash: rgba(151, 78, 24, .13); }
.national-manager-screen[data-era="2014"] { --ntm-era-accent: #70b99b; --ntm-era-wash: rgba(0, 108, 78, .14); }
.national-manager-screen[data-era="2018"] { --ntm-era-accent: #cb8493; --ntm-era-wash: rgba(119, 27, 47, .14); }
.national-manager-screen[data-era="2022"] { --ntm-era-accent: #ca8daa; --ntm-era-wash: rgba(100, 10, 55, .14); }
.national-manager-screen[data-era="2026"] { --ntm-era-accent: #78a0ff; --ntm-era-wash: rgba(37, 88, 183, .14); }

/* Shared site header: deliberately mirrors the PL/UCL/profile shells. */
.ntm-header {
  position: sticky;
  z-index: 20;
  top: 0;
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  min-height: 72px;
  align-items: center;
  padding: 0 28px;
  border-bottom: 1px solid var(--line);
  background: rgba(11, 15, 23, .94);
  backdrop-filter: blur(18px);
}

.ntm-header-left,
.ntm-utility-actions { display: flex; min-width: 0; align-items: center; gap: 7px; }
.ntm-header-left { grid-column: 1; justify-self: start; }
.ntm-site-brand { grid-column: 2; justify-self: center; color: inherit; text-decoration: none; }
.ntm-utility-actions { grid-column: 3; justify-self: end; }
.ntm-restart-button,
.ntm-header .utility-button {
  display: inline-flex;
  min-width: 38px;
  min-height: 38px;
  align-items: center;
  justify-content: center;
  gap: 7px;
  padding: 0 10px;
  border: 1px solid transparent;
  border-radius: 8px;
  color: var(--muted);
  background: transparent;
  font: 800 11px "Manrope", system-ui, sans-serif;
  cursor: pointer;
  transition: transform 140ms var(--ease-out), color 160ms ease, background-color 160ms ease;
}
.ntm-restart-button { padding: 0; font-size: 20px; }
.ntm-restart-button[hidden] { display: none; }
.ntm-restart-button:active,
.ntm-header .utility-button:active { transform: scale(.97); }

@media (hover: hover) and (pointer: fine) {
  .ntm-restart-button:hover,
  .ntm-header .utility-button:hover { color: var(--text); background: var(--panel-2); }
}

.ntm-main { width: min(1180px, calc(100% - 36px)); margin: 0 auto; padding: 24px 0 80px; }
.ntm-action-row {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  min-height: 58px;
  align-items: center;
  gap: 20px;
  margin-bottom: 18px;
}
.ntm-back-button,
.ntm-back-inline {
  display: inline-flex;
  width: max-content;
  align-items: center;
  gap: 9px;
  padding: 10px 0;
  border: 0;
  color: var(--muted);
  background: transparent;
  font: 800 13px "Manrope", system-ui, sans-serif;
  text-decoration: none;
  cursor: pointer;
  transition: color 160ms ease, transform 140ms var(--ease-out);
}
.ntm-back-button:active,
.ntm-back-inline:active { transform: scale(.97); }
.ntm-route-identity { display: flex; min-width: 0; align-items: center; justify-content: center; gap: 11px; }
.ntm-header-flag { display: grid; width: 40px; height: 40px; place-items: center; border-radius: 10px; background: var(--panel-2); font-size: 25px; }
.ntm-route-identity > div { display: grid; min-width: 0; gap: 2px; }
.ntm-route-identity span { color: var(--muted); font: 800 9px "DM Mono", monospace; letter-spacing: 1.2px; text-transform: uppercase; }
.ntm-route-identity strong { overflow: hidden; color: var(--text); font-size: 14px; text-overflow: ellipsis; white-space: nowrap; }
.ntm-route-status { display: flex; min-width: 0; align-items: center; justify-content: flex-end; gap: 16px; }
.ntm-route-stat { display: grid; gap: 3px; padding-left: 15px; border-left: 1px solid var(--line); }
.ntm-route-stat small { color: var(--muted); font: 800 8px "DM Mono", monospace; letter-spacing: .8px; text-transform: uppercase; }
.ntm-route-stat strong { color: var(--text); font: 700 11px "DM Mono", monospace; white-space: nowrap; }
.ntm-route-stat i { font-style: normal; }
.ntm-save-status { color: var(--muted); font-size: 9px; font-weight: 700; white-space: nowrap; }
.ntm-save-status.is-saved { color: var(--ntm-positive); }
.ntm-save-status.is-saving { color: #8eabff; }
.ntm-save-status.is-error { color: var(--ntm-warning); }

.ntm-loading-card { display: flex; align-items: center; gap: 16px; min-height: 150px; padding: 24px; border-radius: 18px; background: var(--panel); }
.ntm-loading-card > span { color: #78a0ff; font-size: 30px; font-weight: 900; }
.ntm-loading-card > div > span { color: var(--muted); font: 800 9px "DM Mono", monospace; letter-spacing: 1px; }
.ntm-loading-card h1 { margin: 7px 0 0; font-size: 20px; }
.ntm-global-message { position: fixed; z-index: 30; right: 22px; bottom: 22px; max-width: min(390px, calc(100% - 44px)); margin: 0; padding: 12px 15px; border: 1px solid var(--line-strong); border-radius: 10px; color: var(--text); background: var(--panel-2); box-shadow: 0 18px 50px rgba(0, 0, 0, .34); font-size: 11px; }
.ntm-global-message:empty { display: none; }

.ntm-kicker,
.ntm-panel-heading > div > span,
.ntm-news-heading > div > span,
.ntm-hero-right > span,
.ntm-era-card > span { display: none; }
.ntm-share-card small { color: var(--muted); font: 800 10px "DM Mono", monospace; letter-spacing: 1.1px; text-transform: uppercase; }

/* Setup and career overview use the same rhythm and surfaces as PL mode. */
.ntm-setup-hero,
.ntm-career-hero { display: grid; grid-template-columns: minmax(0, 1fr) minmax(250px, 320px); align-items: end; gap: 42px; padding: 28px 0 36px; }
.ntm-setup-hero h1,
.ntm-career-hero h1 { max-width: 760px; margin: 10px 0; color: var(--text); font-size: clamp(36px, 6vw, 64px); line-height: .98; letter-spacing: -.055em; }
.ntm-setup-hero p,
.ntm-career-hero p { max-width: 680px; margin: 0; color: var(--muted); font-size: 15px; line-height: 1.55; }
.ntm-era-card,
.ntm-hero-right { padding: 20px 22px; border: 1px solid var(--line); border-radius: 18px; background: linear-gradient(135deg, var(--panel-2), color-mix(in srgb, var(--ntm-era-accent) 7%, var(--panel))); }
.ntm-era-card span,
.ntm-hero-right span { display: block; color: var(--ntm-era-accent); font: 800 9px "DM Mono", monospace; letter-spacing: 1px; }
.ntm-era-card strong,
.ntm-hero-right strong { display: block; margin: 9px 0 6px; font-size: 16px; }
.ntm-era-card small,
.ntm-hero-right small { color: var(--muted); font-size: 11px; line-height: 1.5; }
.ntm-hero-identity { display: flex; align-items: center; gap: 17px; }
.ntm-hero-flag { display: grid; width: 64px; height: 60px; flex: 0 0 auto; place-items: center; border-radius: 14px; background: var(--panel-2); font-size: 39px; }
.ntm-career-hero h1 { margin: 6px 0 4px; font-size: clamp(32px, 5vw, 52px); }
.ntm-career-hero p { font-size: 13px; }

.ntm-setup-panel,
.ntm-panel,
.ntm-news-panel { overflow: hidden; border: 1px solid var(--line); border-radius: 18px; background: var(--panel); }
.ntm-panel-heading,
.ntm-news-heading { display: flex; min-height: 72px; align-items: center; justify-content: space-between; gap: 18px; padding: 18px 22px; border-bottom: 1px solid var(--line); }
.ntm-panel-heading > div,
.ntm-news-heading > div { display: grid; gap: 4px; }
.ntm-panel-heading h2,
.ntm-panel-heading h3,
.ntm-news-heading h2 { margin: 0; color: var(--text); font-size: 19px; letter-spacing: -.5px; }
.ntm-panel-heading h3 { font-size: 15px; }
.ntm-panel-heading > :is(strong, span, small),
.ntm-news-heading > span { color: var(--muted); font-size: 10px; font-weight: 700; white-space: nowrap; }

.ntm-nation-grid { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 10px; padding: 20px 22px; }
.ntm-nation-card { display: grid; grid-template-columns: 40px minmax(0, 1fr) auto; min-height: 78px; align-items: center; gap: 9px; padding: 12px; border: 1px solid var(--line); border-radius: 12px; color: var(--text); background: var(--panel-2); text-align: left; cursor: pointer; transition: transform 140ms var(--ease-out), border-color 160ms ease, background-color 160ms ease; }
.ntm-nation-card:active { transform: scale(.98); }
.ntm-nation-card.is-selected { border-color: #5f8cff; background: #192640; box-shadow: inset 3px 0 #5f8cff; }
.ntm-nation-card > span:nth-child(2) { min-width: 0; }
.ntm-nation-card :is(strong, small) { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ntm-nation-card strong { font-size: 13px; }
.ntm-nation-card small { margin-top: 4px; color: var(--muted); font-size: 9px; }
.ntm-nation-card i { color: #78a0ff; font-style: normal; font-weight: 900; }
.ntm-nation-flag { display: grid; place-items: center; font-size: 27px; }
.ntm-setup-row { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; padding: 20px 22px; border-top: 1px solid var(--line); }
.ntm-field > span { display: block; margin-bottom: 8px; color: var(--muted); font-size: 9px; font-weight: 800; letter-spacing: 1px; text-transform: uppercase; }
.ntm-field select,
.ntm-sub-row select,
.ntm-pitch-slot select { border: 1px solid var(--line); color: var(--text); background: var(--panel-2); font: inherit; }
.ntm-field select { width: 100%; min-height: 46px; padding: 0 13px; border-radius: 9px; font-size: 12px; }
.ntm-field select:focus,
.ntm-sub-row select:focus,
.ntm-pitch-slot select:focus { border-color: #5f8cff; outline: 2px solid rgba(95, 140, 255, .16); }
.ntm-mode-switch { display: grid; grid-template-columns: 1fr 1fr; gap: 4px; min-height: 46px; padding: 4px; border: 1px solid var(--line); border-radius: 10px; background: #0f151f; }
.ntm-mode-switch button,
.ntm-formation-picker button,
.ntm-player-filters button { border: 0; border-radius: 7px; color: var(--muted); background: transparent; font: 800 11px "Manrope", sans-serif; cursor: pointer; transition: transform 140ms var(--ease-out), color 160ms ease, background-color 160ms ease; }
.ntm-mode-switch button:active,
.ntm-formation-picker button:active,
.ntm-player-filters button:active { transform: scale(.97); }
.ntm-mode-switch button.is-active,
.ntm-formation-picker button.is-active,
.ntm-player-filters button.is-active { color: #fff; background: #273b64; }
.ntm-setup-foot { display: flex; align-items: center; justify-content: space-between; gap: 22px; padding: 18px 22px 22px; border-top: 1px solid var(--line); }
.ntm-setup-foot p { max-width: 700px; margin: 0; color: var(--muted); font-size: 11px; line-height: 1.55; }

.ntm-primary-button,
.ntm-secondary-button,
.ntm-quiet-button,
.ntm-danger-button,
.ntm-text-button { font: 800 11px "Manrope", system-ui, sans-serif; cursor: pointer; transition: transform 140ms var(--ease-out), color 160ms ease, background-color 160ms ease, border-color 160ms ease; }
.ntm-primary-button:active,
.ntm-secondary-button:active,
.ntm-quiet-button:active,
.ntm-danger-button:active,
.ntm-text-button:active { transform: scale(.97); }
.ntm-primary-button { min-height: 42px; padding: 0 16px; border: 0; border-radius: 9px; color: #fff; background: #5f8cff; white-space: nowrap; }
.ntm-primary-button:disabled { cursor: not-allowed; opacity: .5; }
.ntm-secondary-button { min-height: 42px; padding: 0 16px; border: 0; border-radius: 9px; color: var(--soft); background: var(--panel-2); }
.ntm-quiet-button { min-height: 32px; padding: 0 10px; border: 0; border-radius: 7px; color: var(--muted); background: #1a2330; font-size: 10px; }
.ntm-danger-button { min-height: 37px; padding: 0 12px; border: 1px solid rgba(220, 61, 50, .34); border-radius: 8px; color: #ef827b; background: transparent; font-size: 10px; }
.ntm-text-button { padding: 0; border: 0; color: #8eabff; background: transparent; }

@media (hover: hover) and (pointer: fine) {
  .ntm-back-button:hover,
  .ntm-back-inline:hover { color: var(--text); }
  .ntm-nation-card:hover { border-color: var(--line-strong); background: #19212e; }
  .ntm-primary-button:hover { background: #78a0ff; }
  .ntm-secondary-button:hover,
  .ntm-quiet-button:hover { color: var(--text); background: #202b3a; }
  .ntm-danger-button:hover { border-color: #dc3d32; background: rgba(220, 61, 50, .1); }
  .ntm-mode-switch button:hover,
  .ntm-formation-picker button:hover,
  .ntm-player-filters button:hover { color: var(--text); background: #1a2330; }
}

.ntm-tabs { display: flex; gap: 8px; margin: 0 0 24px; padding: 6px; border: 1px solid var(--line); border-radius: 14px; background: rgba(0, 0, 0, .14); }
.ntm-tabs button { min-height: 40px; flex: 1; border: 0; border-radius: 9px; color: var(--muted); background: transparent; font: 800 12px "Manrope", sans-serif; cursor: pointer; transition: transform 140ms var(--ease-out), color 160ms ease, background-color 160ms ease; }
.ntm-tabs button:active { transform: scale(.97); }
.ntm-tabs button.is-active { color: #fff; background: var(--panel-3); }

.ntm-overview-layout,
.ntm-squad-layout,
.ntm-matches-layout,
.ntm-players-layout,
.ntm-history-layout { display: grid; grid-template-columns: minmax(0, 1fr) 310px; align-items: start; gap: 20px; }
.ntm-overview-main,
.ntm-squad-main { display: grid; min-width: 0; gap: 18px; }
.ntm-progress { padding: 16px 18px; border: 1px solid var(--line); border-radius: 14px; background: var(--panel); }
.ntm-progress > div:first-child { display: flex; justify-content: space-between; color: var(--muted); font-size: 10px; font-weight: 800; text-transform: uppercase; }
.ntm-progress strong { color: #8eabff; font: 700 10px "DM Mono", monospace; }
.ntm-progress-track,
.ntm-meter { height: 5px; margin-top: 10px; overflow: hidden; border-radius: 99px; background: #273142; }
.ntm-progress-track i,
.ntm-meter i { display: block; height: 100%; border-radius: inherit; background: #5f8cff; transition: width 220ms var(--ease-out); }
.ntm-stat-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; }
.ntm-stat-card { min-height: 112px; padding: 15px; border: 1px solid var(--line); border-radius: 14px; background: var(--panel); }
.ntm-stat-card > span { color: var(--muted); font-size: 9px; font-weight: 800; letter-spacing: .7px; text-transform: uppercase; }
.ntm-stat-card > strong { display: block; margin: 10px 0 5px; color: var(--text); font: 700 23px "DM Mono", monospace; }
.ntm-stat-card > small { color: var(--muted); font-size: 9px; line-height: 1.4; }
.ntm-stat-card > small.is-positive { color: var(--ntm-positive); }
.ntm-stat-card > small.is-warning { color: var(--ntm-warning); }
.ntm-confidence-card .ntm-meter { margin: 1px 0 7px; }
.ntm-trend { font-size: 9px; font-weight: 800; }
.ntm-trend.is-up { color: var(--ntm-positive); }
.ntm-trend.is-down { color: var(--ntm-warning); }
.ntm-trend.is-flat { color: var(--muted); }
.ntm-overview-grid { display: grid; grid-template-columns: minmax(0, 1.12fr) minmax(300px, .88fr); gap: 18px; }

.ntm-date-chip { color: #8eabff !important; font: 700 10px "DM Mono", monospace !important; }
.ntm-matchup { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 12px; padding: 24px 20px; }
.ntm-matchup > b { color: var(--muted); font: 700 10px "DM Mono", monospace; }
.ntm-team-cell { display: grid; grid-template-columns: 31px minmax(0, 1fr); align-items: center; column-gap: 8px; min-width: 0; }
.ntm-team-cell > .ntm-team-flag { grid-row: 1 / span 2; }
.ntm-team-flag { display: grid; place-items: center; font-size: 22px; }
.ntm-team-cell strong { overflow: hidden; color: var(--text); font-size: 12px; text-overflow: ellipsis; white-space: nowrap; }
.ntm-team-cell small { color: var(--muted); font: 500 9px "DM Mono", monospace; }
.ntm-team-cell.is-managed strong { color: #9db6ff; }
.ntm-next-match-footer { display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 13px 20px; border-top: 1px solid var(--line); }
.ntm-next-match-footer > span { color: var(--muted); font-size: 10px; }
.ntm-empty-copy { margin: 0; padding: 20px 22px; color: var(--muted); font-size: 11px; line-height: 1.55; }
.ntm-last-result { padding-bottom: 16px; }
.ntm-last-result > p { margin: 14px 20px 10px; color: var(--muted); font-size: 11px; }
.ntm-result-word { color: var(--soft) !important; font: 800 10px "DM Mono", monospace !important; text-transform: uppercase; }
.ntm-last-result.is-win .ntm-result-word { color: var(--ntm-positive) !important; }
.ntm-last-result.is-loss .ntm-result-word { color: #ef827b !important; }
.ntm-text-button { margin-left: 20px; }

.ntm-table { padding: 0 14px 14px; }
.ntm-table-row { display: grid; grid-template-columns: 25px minmax(0, 1fr) 27px 35px 38px; min-height: 42px; align-items: center; gap: 8px; border-bottom: 1px solid var(--line); color: var(--muted); font: 500 10px "DM Mono", monospace; }
.ntm-table-row:last-child { border-bottom: 0; }
.ntm-table-row.is-heading { min-height: 32px; color: #6f7b8d; font-size: 8px; text-transform: uppercase; }
.ntm-table-row.is-selected { margin: 0 -5px; padding: 0 5px; color: var(--text); background: #192640; box-shadow: inset 3px 0 #5f8cff; }
.ntm-table-row > b { color: #8eabff; }
.ntm-table-row > span:nth-child(2) { display: flex; min-width: 0; align-items: center; gap: 7px; }
.ntm-table-row > span:nth-child(2) strong { overflow: hidden; color: inherit; font-size: 10px; text-overflow: ellipsis; white-space: nowrap; }
.ntm-table-row > strong { color: var(--text); }
.ntm-table-flag { font-size: 16px; }

.ntm-news-panel { position: sticky; top: 92px; }
.ntm-news-list { padding: 0 18px; }
.ntm-news-item { display: grid; grid-template-columns: 44px minmax(0, 1fr); gap: 8px; padding: 14px 0; border-bottom: 1px solid var(--line); }
.ntm-news-item:last-child { border-bottom: 0; }
.ntm-news-item time { color: var(--muted); font: 500 9px "DM Mono", monospace; }
.ntm-news-item strong { display: block; color: var(--text); font-size: 11px; line-height: 1.35; }
.ntm-news-item p { margin: 5px 0 0; color: var(--muted); font-size: 10px; line-height: 1.45; }
.ntm-news-item.tone-positive strong { color: var(--ntm-positive); }
.ntm-news-item.tone-warning strong { color: var(--ntm-warning); }
.ntm-news-item.tone-major strong { color: #9db6ff; }

/* Squad and player cards use the same compact card language as existing modes. */
.ntm-formation-picker { display: grid; grid-template-columns: repeat(7, 1fr); gap: 5px; padding: 15px 18px; border-bottom: 1px solid var(--line); }
.ntm-formation-picker button { min-height: 35px; background: #151c28; font-size: 10px; }
.ntm-pitch { position: relative; min-height: 460px; margin: 18px; overflow: hidden; border: 1px solid #304b42; border-radius: 14px; background: linear-gradient(rgba(12, 57, 43, .88), rgba(10, 48, 38, .92)), repeating-linear-gradient(0deg, rgba(255, 255, 255, .035) 0 1px, transparent 1px 58px); }
.ntm-pitch::before { position: absolute; inset: 7% 13%; border: 1px solid rgba(221, 242, 231, .28); border-radius: 2px; content: ""; }
.ntm-pitch::after { position: absolute; top: 50%; left: 13%; right: 13%; border-top: 1px solid rgba(221, 242, 231, .28); content: ""; }
.ntm-pitch-lines { position: absolute; top: 50%; left: 50%; width: 112px; height: 112px; border: 1px solid rgba(221, 242, 231, .28); border-radius: 50%; transform: translate(-50%, -50%); }
.ntm-pitch-slots { position: relative; z-index: 1; display: grid; grid-template-columns: repeat(5, minmax(72px, 1fr)); grid-template-rows: repeat(5, 1fr); align-items: center; height: 100%; padding: 26px 12px; }
.ntm-pitch-slot { display: grid; min-width: 0; justify-items: center; gap: 5px; }
.ntm-pitch-slot:nth-child(1) { grid-column: 3; grid-row: 5; }
.ntm-pitch-slot:nth-child(2) { grid-column: 1; grid-row: 4; }
.ntm-pitch-slot:nth-child(3) { grid-column: 2; grid-row: 4; }
.ntm-pitch-slot:nth-child(4) { grid-column: 4; grid-row: 4; }
.ntm-pitch-slot:nth-child(5) { grid-column: 5; grid-row: 4; }
.ntm-pitch-slot:nth-child(6) { grid-column: 1; grid-row: 3; }
.ntm-pitch-slot:nth-child(7) { grid-column: 2; grid-row: 3; }
.ntm-pitch-slot:nth-child(8) { grid-column: 4; grid-row: 3; }
.ntm-pitch-slot:nth-child(9) { grid-column: 5; grid-row: 3; }
.ntm-pitch-slot:nth-child(10) { grid-column: 2; grid-row: 2; }
.ntm-pitch-slot:nth-child(11) { grid-column: 4; grid-row: 2; }
.ntm-pitch-slot > span { display: grid; width: 29px; height: 29px; place-items: center; border: 1px solid rgba(255, 255, 255, .2); border-radius: 50%; color: #fff; background: #315e50; font: 800 8px "DM Mono", monospace; }
.ntm-pitch-slot select { width: 100%; max-width: 125px; min-height: 28px; padding: 0 4px; border-color: rgba(255, 255, 255, .18); border-radius: 6px; background: rgba(10, 24, 21, .86); font: 500 8px "DM Mono", monospace; }
.ntm-bench-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; padding: 15px; }
.ntm-player-card { padding: 13px; border: 1px solid var(--line); border-radius: 12px; background: var(--panel-2); }
.ntm-player-card.is-starter { border-color: #496fca; background: #192640; }
.ntm-player-card.is-dropped { opacity: .62; }
.ntm-player-main { display: grid; grid-template-columns: 42px minmax(0, 1fr) auto; align-items: center; gap: 9px; }
.ntm-player-overall { color: #8eabff; font: 700 21px "DM Mono", monospace; }
.ntm-player-overall small { display: block; margin-top: 2px; color: var(--muted); font-size: 8px; }
.ntm-player-copy { min-width: 0; }
.ntm-player-copy strong,
.ntm-player-copy span { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ntm-player-copy strong { font-size: 12px; }
.ntm-player-copy span { margin-top: 4px; color: var(--muted); font-size: 9px; }
.ntm-form-pill { color: var(--ntm-positive); font-size: 9px; font-weight: 800; }
.form-cold .ntm-form-pill { color: var(--ntm-warning); }
.form-steady .ntm-form-pill { color: var(--muted); }
.ntm-attribute-row { display: grid; grid-template-columns: repeat(6, 1fr); gap: 4px; margin-top: 13px; padding-top: 10px; border-top: 1px solid var(--line); }
.ntm-attribute-row span { text-align: center; }
.ntm-attribute-row :is(b, small) { display: block; }
.ntm-attribute-row b { font: 700 11px "DM Mono", monospace; }
.ntm-attribute-row small { margin-top: 3px; color: var(--muted); font: 500 8px "DM Mono", monospace; }
.ntm-player-actions { display: flex; align-items: center; justify-content: space-between; gap: 6px; margin-top: 11px; }
.ntm-status-tag { color: var(--muted); font: 700 8px "DM Mono", monospace; letter-spacing: .4px; }
.ntm-player-card.is-starter .ntm-status-tag { color: #9db6ff; }
.ntm-player-card.is-compact { padding: 9px; }
.ntm-player-card.is-compact .ntm-player-main { grid-template-columns: 32px minmax(0, 1fr) auto; }
.ntm-player-card.is-compact .ntm-player-overall { font-size: 17px; }
.ntm-player-card.is-compact .ntm-player-copy strong { font-size: 10px; }

.ntm-fixture-list { padding: 0 20px; }
.ntm-fixture-row { display: grid; grid-template-columns: 100px minmax(0, 1fr) 110px; min-height: 78px; align-items: center; gap: 14px; border-bottom: 1px solid var(--line); }
.ntm-fixture-row:last-child { border-bottom: 0; }
.ntm-fixture-row.is-managed { position: relative; }
.ntm-fixture-row.is-managed::before { position: absolute; top: 14px; bottom: 14px; left: -20px; width: 3px; border-radius: 0 3px 3px 0; background: #5f8cff; content: ""; }
.ntm-fixture-meta :is(span, time) { display: block; }
.ntm-fixture-meta span { font-size: 10px; font-weight: 800; }
.ntm-fixture-meta time { margin-top: 5px; color: var(--muted); font: 500 9px "DM Mono", monospace; }
.ntm-fixture-teams { display: grid; grid-template-columns: minmax(0, 1fr) 40px minmax(0, 1fr); align-items: center; gap: 10px; min-width: 0; }
.ntm-fixture-teams > strong { font: 700 13px "DM Mono", monospace; text-align: center; }
.ntm-fixture-action { display: flex; align-items: center; justify-content: flex-end; gap: 8px; }
.ntm-fixture-outcome { font: 700 9px "DM Mono", monospace; text-transform: uppercase; }
.outcome-win { color: var(--ntm-positive); }
.outcome-loss { color: #ef827b; }
.outcome-draw { color: var(--muted); }
.ntm-fixture-pending { color: #68758a; font: 500 9px "DM Mono", monospace; }
.ntm-player-filters { display: flex; gap: 6px; padding: 14px 18px; overflow-x: auto; border-bottom: 1px solid var(--line); }
.ntm-player-filters button { min-height: 34px; padding: 0 12px; background: #151c28; white-space: nowrap; }
.ntm-player-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; padding: 15px; }

.ntm-record-grid { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); padding: 18px 20px; }
.ntm-record-grid > div { padding: 0 12px; border-right: 1px solid var(--line); }
.ntm-record-grid > div:first-child { padding-left: 0; }
.ntm-record-grid > div:last-child { border-right: 0; }
.ntm-record-grid :is(span, strong) { display: block; }
.ntm-record-grid span { color: var(--muted); font-size: 9px; font-weight: 800; text-transform: uppercase; }
.ntm-record-grid strong { margin-top: 8px; color: #8eabff; font: 700 17px "DM Mono", monospace; }
.ntm-history-list { border-top: 1px solid var(--line); }
.ntm-history-list article { display: grid; grid-template-columns: 150px minmax(0, 1fr) 160px; min-height: 60px; align-items: center; gap: 12px; padding: 10px 20px; border-bottom: 1px solid var(--line); }
.ntm-history-list span { color: var(--muted); font: 500 10px "DM Mono", monospace; }
.ntm-history-list strong { font-size: 12px; }
.ntm-history-list small { color: var(--muted); font-size: 10px; }
.ntm-history-actions { display: flex; justify-content: flex-end; padding: 15px 20px; }

/* Match views stay inside the shared card system. */
.ntm-match-topbar { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 17px; color: var(--muted); font: 500 10px "DM Mono", monospace; text-transform: uppercase; }
.ntm-match-hero { display: grid; grid-template-columns: 1fr 170px 1fr; align-items: center; gap: 20px; padding: 30px; border: 1px solid var(--line); border-radius: 18px; background: var(--panel); }
.ntm-match-team { display: grid; justify-items: center; gap: 8px; text-align: center; }
.ntm-match-team strong { font-size: 15px; }
.ntm-match-team small { color: var(--muted); font: 500 9px "DM Mono", monospace; }
.ntm-match-flag { font-size: 42px; }
.ntm-match-score { display: grid; justify-items: center; gap: 7px; }
.ntm-match-score :is(span, small) { color: var(--muted); font: 700 9px "DM Mono", monospace; letter-spacing: .8px; text-transform: uppercase; }
.ntm-match-score strong { color: #8eabff; font: 700 32px "DM Mono", monospace; }
.ntm-match-layout { display: grid; grid-template-columns: minmax(0, 1fr) 310px; align-items: start; gap: 18px; margin-top: 18px; }
.ntm-tactic-list { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 7px; padding: 16px 18px; }
.ntm-tactic-list button { display: grid; min-height: 90px; gap: 8px; padding: 11px; border: 1px solid var(--line); border-radius: 10px; color: var(--text); background: var(--panel-2); text-align: left; cursor: pointer; transition: transform 140ms var(--ease-out), border-color 160ms ease, background-color 160ms ease; }
.ntm-tactic-list button:active { transform: scale(.98); }
.ntm-tactic-list button.is-active { border-color: #496fca; background: #192640; }
.ntm-tactic-list strong { font-size: 11px; }
.ntm-tactic-list small { color: var(--muted); font-size: 9px; line-height: 1.4; }
.ntm-substitution-plan { margin: 0 18px 16px; overflow: hidden; border: 1px solid var(--line); border-radius: 12px; }
.ntm-substitution-plan .ntm-panel-heading { min-height: 58px; padding: 12px 13px; }
.ntm-sub-row { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; padding: 12px; }
.ntm-sub-row label > span { display: block; margin-bottom: 6px; color: #8eabff; font: 700 9px "DM Mono", monospace; }
.ntm-sub-row select { width: 100%; min-height: 34px; margin-top: 4px; padding: 0 7px; border-radius: 7px; font-size: 9px; }
.ntm-match-start { display: block; width: calc(100% - 36px); margin: 0 18px 13px; }
.ntm-match-note { margin: 0 18px 18px; color: var(--muted); font-size: 10px; line-height: 1.5; }
.ntm-side-flag { font-size: 28px; }
.ntm-opposition-stats,
.ntm-match-stats { padding: 0 18px; }
.ntm-opposition-stats > div,
.ntm-match-stats > div { display: flex; min-height: 42px; align-items: center; justify-content: space-between; gap: 10px; border-bottom: 1px solid var(--line); }
.ntm-opposition-stats span,
.ntm-match-stats span { color: var(--muted); font-size: 10px; }
.ntm-opposition-stats strong,
.ntm-match-stats strong { font: 700 11px "DM Mono", monospace; text-align: right; }
.ntm-mini-xi { display: grid; gap: 7px; margin: 15px 18px 18px; padding-top: 14px; border-top: 1px solid var(--line); }
.ntm-mini-xi span { display: flex; justify-content: space-between; gap: 8px; font-size: 10px; }
.ntm-mini-xi i { color: #8eabff; font: 700 10px "DM Mono", monospace; font-style: normal; }
.ntm-commentary-feed { padding: 0 18px; }
.ntm-commentary-event { display: grid; grid-template-columns: 38px minmax(0, 1fr); gap: 12px; padding: 14px 0; border-bottom: 1px solid var(--line); }
.ntm-commentary-event:last-child { border-bottom: 0; }
.ntm-commentary-event time { color: #8eabff; font: 700 10px "DM Mono", monospace; }
.ntm-commentary-event p { margin: 0; font-size: 11px; line-height: 1.5; }
.ntm-commentary-event.event-goal p { color: #9db6ff; font-weight: 800; }
.ntm-commentary-event.event-save p,
.ntm-commentary-event.event-substitution p,
.ntm-commentary-event.event-tactical p { color: var(--soft); }
.ntm-commentary-event.event-yellow p { color: #f0cf69; }
.ntm-commentary-event.event-red p { color: #ef827b; }
.ntm-report-score { color: #8eabff !important; font: 700 18px "DM Mono", monospace !important; }
.ntm-match-report-side > .ntm-primary-button { display: block; width: calc(100% - 36px); margin: 18px; }

.ntm-cycle-end-hero,
.ntm-retirement-hero { padding: clamp(30px, 6vw, 66px); border: 1px solid var(--line); border-radius: 18px; background: var(--panel); text-align: center; }
.ntm-cycle-end-hero.is-champion { border-color: color-mix(in srgb, var(--ntm-era-accent) 45%, var(--line)); box-shadow: inset 0 3px var(--ntm-era-accent); }
.ntm-cycle-end-flag { display: block; margin-bottom: 12px; font-size: 43px; }
.ntm-cycle-end-hero h1,
.ntm-retirement-hero h1 { max-width: 820px; margin: 13px auto 10px; font-size: clamp(30px, 5vw, 50px); line-height: 1; letter-spacing: -.05em; }
.ntm-cycle-end-hero p,
.ntm-retirement-hero > p { margin: 0; color: var(--muted); font-size: 12px; }
.ntm-cycle-end-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; margin-top: 18px; }
.ntm-cycle-copy { margin: 0; padding: 0 20px 18px; color: var(--muted); font-size: 11px; line-height: 1.6; }
.ntm-cycle-end-actions { display: flex; flex-wrap: wrap; gap: 10px; padding: 0 20px 20px; }
.ntm-retirement-shell > .ntm-secondary-button { display: block; margin: 18px auto 0; }
.ntm-share-card { width: min(600px, 100%); margin: 28px auto 0; padding: 20px; border: 1px solid var(--line); border-radius: 14px; background: var(--panel-2); text-align: left; }
.ntm-share-card > div { display: flex; align-items: center; gap: 14px; }
.ntm-share-card span { display: grid; gap: 5px; }
.ntm-share-flag { font-size: 30px; }
.ntm-share-card strong { font-size: 18px; }
.ntm-share-card p { margin: 21px 0; color: var(--muted); font-size: 12px; line-height: 1.55; }
.ntm-share-card footer { display: flex; flex-wrap: wrap; gap: 12px 20px; padding-top: 13px; border-top: 1px solid var(--line); color: #8eabff; font: 500 9px "DM Mono", monospace; }

@media (max-width: 1050px) {
  .ntm-utility-actions .utility-button > span:last-child { display: none; }
  .ntm-route-status { gap: 10px; }
  .ntm-fan-metric { display: none; }
  .ntm-overview-layout,
  .ntm-squad-layout,
  .ntm-matches-layout,
  .ntm-players-layout,
  .ntm-history-layout { grid-template-columns: minmax(0, 1fr) 280px; }
  .ntm-nation-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .ntm-formation-picker { grid-template-columns: repeat(4, 1fr); }
}

@media (max-width: 800px) {
  .ntm-header {
    display: flex;
    min-height: 64px;
    padding: 0 12px;
  }
  .ntm-header-left {
    position: absolute;
    top: 50%;
    left: 12px;
    gap: 4px;
    transform: translateY(-50%);
  }
  .ntm-site-brand {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
  }
  .ntm-utility-actions {
    position: absolute;
    top: 50%;
    right: 12px;
    gap: 4px;
    transform: translateY(-50%);
  }
  .ntm-header .utility-button > span:last-child { display: none; }
  .ntm-header .utility-button {
    width: 34px;
    min-width: 34px;
    height: 36px;
    min-height: 36px;
    padding: 0;
  }
  .ntm-header-left .utility-button,
  .ntm-restart-button {
    width: 36px;
    min-width: 36px;
    height: 36px;
    min-height: 36px;
    padding: 0;
  }
  .ntm-main { width: min(100% - 24px, 680px); padding-top: 15px; }
  .ntm-action-row { grid-template-columns: auto minmax(0, 1fr) auto; gap: 10px; }
  .ntm-route-identity { justify-content: flex-start; }
  .ntm-route-stat { display: none; }
  .ntm-save-status { display: none; }
  .ntm-setup-hero,
  .ntm-career-hero { grid-template-columns: 1fr; gap: 22px; padding: 22px 0 28px; }
  .ntm-era-card,
  .ntm-hero-right { width: 100%; }
  .ntm-overview-layout,
  .ntm-squad-layout,
  .ntm-matches-layout,
  .ntm-players-layout,
  .ntm-history-layout,
  .ntm-match-layout { grid-template-columns: 1fr; }
  .ntm-news-panel { position: static; }
  .ntm-overview-grid,
  .ntm-cycle-end-grid { grid-template-columns: 1fr; }
  .ntm-stat-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .ntm-nation-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); padding: 14px; }
  .ntm-setup-row { grid-template-columns: 1fr; padding: 14px; }
  .ntm-setup-foot { align-items: stretch; flex-direction: column; padding: 14px; }
  .ntm-setup-foot .ntm-primary-button { width: 100%; }
  .ntm-pitch { min-height: 470px; margin: 12px; }
  .ntm-player-grid { grid-template-columns: 1fr; }
  .ntm-match-hero { grid-template-columns: 1fr 120px 1fr; gap: 8px; padding: 22px 12px; }
  .ntm-tactic-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .ntm-tactic-list button:last-child { grid-column: span 2; }
  .ntm-record-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px 0; }
  .ntm-record-grid > div:nth-child(3n) { border-right: 0; }
  .ntm-history-list article { grid-template-columns: 1fr auto; }
  .ntm-history-list small { grid-column: 2; }
}

@media (max-width: 540px) {
  .ntm-header { padding-inline: 9px; }
  .ntm-header-left { left: 9px; }
  .ntm-utility-actions { right: 9px; gap: 2px; }
  .ntm-action-row { grid-template-columns: auto minmax(0, 1fr); }
  .ntm-route-status { display: none; }
  .ntm-back-button span:last-child { display: none; }
  .ntm-header-flag { width: 34px; height: 34px; font-size: 21px; }
  .ntm-route-identity strong { font-size: 12px; }
  .ntm-tabs { overflow-x: auto; }
  .ntm-tabs button { min-width: 88px; }
  .ntm-setup-hero h1,
  .ntm-career-hero h1 { font-size: 36px; }
  .ntm-nation-grid { grid-template-columns: 1fr; }
  .ntm-matchup { gap: 6px; padding: 18px 10px; }
  .ntm-team-cell { grid-template-columns: 24px minmax(0, 1fr); column-gap: 5px; }
  .ntm-team-cell small { display: none; }
  .ntm-next-match-footer { align-items: stretch; flex-direction: column; }
  .ntm-next-match-footer .ntm-primary-button { width: 100%; }
  .ntm-fixture-row { grid-template-columns: 72px minmax(0, 1fr); gap: 8px; padding: 11px 0; }
  .ntm-fixture-action { grid-column: 2; justify-content: flex-start; }
  .ntm-fixture-teams { grid-column: 2; grid-row: 1 / span 2; grid-template-columns: minmax(0, 1fr) 28px minmax(0, 1fr); }
  .ntm-fixture-meta { grid-row: 1 / span 2; }
  .ntm-fixture-row.is-managed::before { left: -20px; }
  .ntm-pitch { min-height: 430px; }
  .ntm-pitch-slots { padding: 20px 4px; }
  .ntm-pitch-slot select { max-width: 82px; font-size: 7px; }
  .ntm-pitch-slot > span { width: 25px; height: 25px; }
  .ntm-bench-list { grid-template-columns: 1fr; }
  .ntm-sub-row { grid-template-columns: 1fr; }
  .ntm-match-hero { grid-template-columns: 1fr; }
  .ntm-match-score { order: -1; }
  .ntm-match-flag { font-size: 34px; }
  .ntm-record-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .ntm-record-grid > div:nth-child(3n) { border-right: 1px solid var(--line); }
  .ntm-record-grid > div:nth-child(2n) { border-right: 0; }
  .ntm-history-list article { grid-template-columns: 1fr; gap: 5px; }
  .ntm-history-list small { grid-column: auto; }
}

@media (prefers-reduced-motion: reduce) {
  .national-manager-screen *,
  .national-manager-screen *::before,
  .national-manager-screen *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; }
}

/* Compact manager workspace: one hierarchy, one formation view. */
.ntm-route-identity > div > span { display: none; }
.ntm-career-shell > .ntm-tabs {
  justify-content: flex-start;
  gap: 22px;
  margin: 0 0 16px;
  padding: 0 16px;
  overflow-x: auto;
  border-radius: 10px;
  background: #0e1421;
}
.ntm-career-shell > .ntm-tabs button {
  min-width: max-content;
  min-height: 48px;
  flex: 0 0 auto;
  padding: 0 2px;
  border-radius: 0;
  background: transparent;
  font-size: 12px;
}
.ntm-career-shell > .ntm-tabs button.is-active {
  color: #fff;
  background: transparent;
  box-shadow: inset 0 -2px #5f8cff;
}

.ntm-squad-workspace { display: grid; gap: 14px; }
.ntm-tactics-board {
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: 14px;
  background: #0c1220;
}
.ntm-tactics-toolbar {
  display: flex;
  min-height: 70px;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  padding: 11px 14px;
  border-bottom: 1px solid #2b4750;
  background: linear-gradient(90deg, #125c55, #103f46 58%, #111a2a);
}
.ntm-tactics-toolbar label { display: flex; align-items: center; gap: 9px; }
.ntm-tactics-toolbar label > span,
.ntm-tactics-toolbar > div > span { color: #b4c2ce; font-size: 10px; }
.ntm-tactics-toolbar select {
  min-width: 180px;
  min-height: 40px;
  padding: 0 34px 0 12px;
  border: 1px solid rgba(255, 255, 255, .22);
  border-radius: 7px;
  color: #fff;
  background: #178478;
  font: 800 12px "Manrope", sans-serif;
}
.ntm-tactics-toolbar > div { display: grid; justify-items: end; gap: 4px; }
.ntm-tactics-toolbar > div > strong { font-size: 13px; }
.ntm-tactics-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(340px, 430px); min-height: 610px; }
.ntm-tactics-grid > .ntm-pitch {
  min-height: 580px;
  margin: 14px;
  border-radius: 8px;
  background:
    linear-gradient(rgba(5, 74, 59, .86), rgba(4, 62, 50, .94)),
    repeating-linear-gradient(90deg, rgba(255, 255, 255, .035) 0 70px, transparent 70px 140px);
}
.ntm-tactics-grid .ntm-pitch-slot > span {
  width: auto;
  min-width: 34px;
  height: 22px;
  padding: 0 7px;
  border-radius: 5px 5px 0 0;
  border-color: rgba(255, 255, 255, .16);
  background: #176a64;
}
.ntm-tactics-grid .ntm-pitch-slot select {
  max-width: 135px;
  min-height: 34px;
  margin-top: -5px;
  padding: 0 7px;
  border-radius: 5px;
  color: #fff;
  background: rgba(8, 14, 25, .94);
  font: 700 9px "Manrope", sans-serif;
}
.ntm-selection-panel { min-width: 0; border-left: 1px solid var(--line); background: #101624; }
.ntm-selection-heading,
.ntm-selection-row {
  display: grid;
  grid-template-columns: 54px minmax(0, 1fr) 44px 58px;
  align-items: center;
  gap: 8px;
}
.ntm-selection-heading {
  min-height: 48px;
  padding: 0 12px;
  border-bottom: 1px solid var(--line);
  color: var(--muted);
  font-size: 9px;
}
.ntm-selection-heading h2 { grid-column: 1 / 3; margin: 0; color: var(--text); font-size: 14px; }
.ntm-selection-list { max-height: 562px; overflow-y: auto; }
.ntm-selection-row { min-height: 51px; padding: 6px 12px; border-bottom: 1px solid var(--line); }
.ntm-selection-row.is-starter { background: #17243a; box-shadow: inset 3px 0 #5f8cff; }
.ntm-selection-position {
  display: grid;
  min-height: 28px;
  place-items: center;
  border-radius: 5px;
  color: #d7e7eb;
  background: #205f66;
  font: 700 9px "DM Mono", monospace;
}
.ntm-selection-player { min-width: 0; }
.ntm-selection-player strong,
.ntm-selection-player small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ntm-selection-player strong { font-size: 11px; }
.ntm-selection-player small { margin-top: 3px; color: var(--muted); font-size: 8px; }
.ntm-selection-rating { color: #dce7ff; font: 700 11px "DM Mono", monospace; text-align: center; }
.ntm-selection-status { color: var(--muted); font: 700 9px "DM Mono", monospace; text-align: right; }
.ntm-selection-row.is-starter .ntm-selection-status { color: #8eabff; }
.ntm-subs-panel .ntm-panel-heading { min-height: 54px; padding-block: 12px; }
.ntm-subs-panel .ntm-bench-list { grid-template-columns: repeat(4, minmax(0, 1fr)); }

@media (max-width: 900px) {
  .ntm-tactics-grid { grid-template-columns: 1fr; }
  .ntm-selection-panel { border-top: 1px solid var(--line); border-left: 0; }
  .ntm-selection-list { max-height: 420px; }
  .ntm-subs-panel .ntm-bench-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 540px) {
  .ntm-career-shell > .ntm-tabs { gap: 18px; padding-inline: 12px; }
  .ntm-career-shell > .ntm-tabs button { min-width: max-content; }
  .ntm-tactics-toolbar { align-items: stretch; flex-direction: column; }
  .ntm-tactics-toolbar label { justify-content: space-between; }
  .ntm-tactics-toolbar select { min-width: 0; width: 58%; }
  .ntm-tactics-toolbar > div { justify-items: start; }
  .ntm-tactics-grid > .ntm-pitch { min-height: 470px; margin: 8px; }
  .ntm-tactics-grid .ntm-pitch-slots { grid-template-columns: repeat(5, minmax(0, 1fr)); padding: 20px 2px; }
  .ntm-tactics-grid .ntm-pitch-slot { width: 100%; }
  .ntm-tactics-grid .ntm-pitch-slot select { max-width: 100%; padding-inline: 3px; font-size: 7px; }
  .ntm-selection-heading,
  .ntm-selection-row { grid-template-columns: 46px minmax(0, 1fr) 38px 45px; padding-inline: 9px; }
  .ntm-subs-panel .ntm-bench-list { grid-template-columns: 1fr; }
}

/* Reuse the established World Cup lineup language and PL/UCL list density. */
.ntm-image-flag {
  position: relative;
  display: inline-flex;
  width: 32px;
  height: 21px;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  border-radius: 2px;
  color: var(--muted);
  background: #1a2332;
  font: 800 8px "DM Mono", monospace;
  box-shadow: 0 0 0 1px rgba(255, 255, 255, .12);
}
.ntm-image-flag img { width: 100%; height: 100%; object-fit: cover; }
.ntm-header-flag .ntm-image-flag { width: 28px; height: 18px; }
.ntm-nation-flag { width: 34px; height: 23px; }
.ntm-table-flag { width: 23px; height: 15px; }
.ntm-team-flag { width: 29px; height: 19px; }
.ntm-match-flag { width: 58px; height: 38px; }
.ntm-side-flag { width: 38px; height: 25px; }
.ntm-cycle-end-flag { width: 62px; height: 41px; margin: 0 auto 12px; }
.ntm-share-flag { width: 44px; height: 29px; }

.ntm-wc-lineup-workspace {
  --q22-ink: #07131e;
  --q22-ink-soft: #112536;
  --q22-panel: #101827;
  --q22-panel-soft: #162335;
  --q22-wine: #226b69;
  --q22-wine-bright: #2c8884;
  --q22-line: #33445a;
  --q22-line-soft: rgba(222, 235, 247, .18);
  --q22-cream: #f2f5f9;
  --q22-white: #fff;
  --q22-gold: #87a7ff;
  --q22-gold-soft: #dce6ff;
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: 14px;
  background: #0d1421;
}
.ntm-lineup-toolbar {
  display: flex;
  min-height: 64px;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  padding: 10px 14px;
  border-bottom: 1px solid var(--line);
  background: #131c2b;
}
.ntm-lineup-toolbar h2 { margin: 0; font-size: 16px; }
.ntm-lineup-toolbar > div > span { display: block; margin-top: 4px; color: var(--muted); font-size: 9px; }
.ntm-lineup-toolbar label { display: flex; align-items: center; gap: 9px; color: var(--muted); font-size: 9px; }
.ntm-lineup-toolbar select {
  min-width: 112px;
  min-height: 36px;
  padding: 0 30px 0 10px;
  border: 1px solid var(--line-strong);
  border-radius: 7px;
  color: var(--text);
  background: #1b2738;
  font: 800 11px "DM Mono", monospace;
}
.ntm-wc-lineup-grid { display: grid; grid-template-columns: minmax(0, 1fr) 340px; align-items: stretch; }
.ntm-manager-pitch { margin: 12px; border-radius: 8px; }
.ntm-manager-pitch .ntm-lineup-player b { width: 29px; height: 29px; font-size: 7px; }
.ntm-manager-pitch .ntm-lineup-player span { font-size: 9px; }
.ntm-manager-pitch .ntm-lineup-player i { color: #101827; background: #dce6ff; }
.ntm-manager-pitch .ntm-lineup-player.is-selected b { color: #101827; background: #dce6ff; box-shadow: 0 0 0 4px rgba(95, 140, 255, .25); }
.ntm-lineup-side { min-width: 0; border-left: 1px solid var(--line); background: #111927; }
.ntm-lineup-side > header { display: flex; min-height: 52px; align-items: center; justify-content: space-between; padding: 0 13px; border-bottom: 1px solid var(--line); }
.ntm-lineup-side h2 { margin: 0; font-size: 14px; }
.ntm-lineup-side header span { color: var(--muted); font: 700 9px "DM Mono", monospace; }
.ntm-lineup-list { display: grid; max-height: 540px; overflow-y: auto; }
.ntm-lineup-list-row {
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr) 82px 34px;
  min-height: 48px;
  align-items: center;
  gap: 8px;
  padding: 6px 11px;
  border: 0;
  border-bottom: 1px solid var(--line);
  color: var(--text);
  background: transparent;
  text-align: left;
  cursor: pointer;
  transition: transform 140ms var(--ease-out), background-color 160ms ease;
}
.ntm-lineup-list-row:active { transform: scale(.98); }
.ntm-lineup-list-row > span { display: grid; min-height: 26px; place-items: center; border-radius: 5px; color: #d7e7eb; background: #205f66; font: 700 8px "DM Mono", monospace; }
.ntm-lineup-list-row strong,
.ntm-lineup-list-row small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ntm-lineup-list-row strong { font-size: 10px; }
.ntm-lineup-list-row small { color: var(--muted); font-size: 8px; }
.ntm-lineup-list-row i { color: #bcd0ff; font: 700 10px "DM Mono", monospace; font-style: normal; text-align: right; }

.ntm-fixture-list { padding: 0 20px; }
.ntm-fixture-row {
  display: grid;
  grid-template-columns: 95px minmax(0, 1fr) 66px minmax(0, 1fr) 100px;
  min-height: 78px;
  align-items: center;
  gap: 12px;
  padding: 0;
  border-bottom: 1px solid var(--line);
}
.ntm-fixture-row.is-managed { background: linear-gradient(90deg, rgba(95, 140, 255, .15), transparent 65%); box-shadow: inset 3px 0 #5f8cff; }
.ntm-fixture-row.is-managed::before { display: none; }
.ntm-fixture-meta { padding-left: 12px; }
.ntm-fixture-meta strong,
.ntm-fixture-meta time { display: block; }
.ntm-fixture-meta strong { font-size: 9px; }
.ntm-fixture-meta time { margin-top: 4px; color: var(--muted); font: 500 8px "DM Mono", monospace; }
.ntm-fixture-team { display: flex; min-width: 0; align-items: center; gap: 9px; }
.ntm-fixture-team.is-home { justify-content: flex-end; text-align: right; }
.ntm-fixture-team strong { overflow: hidden; font-size: 12px; text-overflow: ellipsis; white-space: nowrap; }
.ntm-fixture-flag { width: 32px; height: 21px; }
.ntm-fixture-score { display: grid; justify-items: center; }
.ntm-fixture-score strong { font: 800 15px "DM Mono", monospace; }
.ntm-fixture-score small { margin-top: 3px; color: var(--muted); font-size: 8px; }
.ntm-fixture-action { justify-content: flex-start; padding-right: 10px; }
.ntm-fixture-button,
.ntm-pool-action {
  min-height: 34px;
  padding: 0 11px;
  border: 1px solid var(--line-strong);
  border-radius: 8px;
  color: var(--soft);
  background: #1a2433;
  font: 800 9px "Manrope", sans-serif;
  cursor: pointer;
  transition: transform 140ms var(--ease-out), background-color 160ms ease;
}
.ntm-fixture-button.is-primary { color: #fff; border-color: #5f8cff; background: #426fd2; }
.ntm-fixture-button:active,
.ntm-pool-action:active { transform: scale(.97); }

.ntm-pool-head,
.ntm-pool-row { display: grid; grid-template-columns: 52px minmax(190px, 1fr) 48px 80px 50px 90px 72px; align-items: center; gap: 10px; padding: 0 16px; }
.ntm-player-filters { scrollbar-width: none; }
.ntm-player-filters::-webkit-scrollbar { display: none; }
.ntm-pool-head { min-height: 34px; border-bottom: 1px solid var(--line); color: var(--muted); font: 800 8px "DM Mono", monospace; text-transform: uppercase; }
.ntm-pool-list { display: grid; }
.ntm-pool-row { min-height: 52px; border-bottom: 1px solid var(--line); }
.ntm-pool-row:last-child { border-bottom: 0; }
.ntm-pool-row.is-starter { background: rgba(95, 140, 255, .1); box-shadow: inset 3px 0 #5f8cff; }
.ntm-pool-row.is-dropped { opacity: .62; }
.ntm-pool-position { display: grid; min-height: 27px; place-items: center; border-radius: 5px; color: #d7e7eb; background: #205f66; font: 700 8px "DM Mono", monospace; }
.ntm-pool-player { min-width: 0; }
.ntm-pool-player strong,
.ntm-pool-player small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ntm-pool-player strong { font-size: 11px; }
.ntm-pool-player small { margin-top: 3px; color: var(--muted); font-size: 8px; }
.ntm-pool-age,
.ntm-pool-status { color: var(--muted); font-size: 9px; }
.ntm-pool-form { font-size: 9px; text-transform: capitalize; }
.ntm-pool-form.form-hot { color: var(--ntm-positive); }
.ntm-pool-form.form-cold { color: var(--ntm-warning); }
.ntm-pool-rating { color: #bcd0ff; font: 700 11px "DM Mono", monospace; }

@media (hover: hover) and (pointer: fine) {
  .ntm-lineup-list-row:hover,
  .ntm-pool-row:hover { background-color: rgba(95, 140, 255, .08); }
  .ntm-fixture-button:hover,
  .ntm-pool-action:hover { background: #253247; }
  .ntm-fixture-button.is-primary:hover { background: #527fdf; }
}

@media (max-width: 850px) {
  .ntm-wc-lineup-grid { grid-template-columns: 1fr; }
  .ntm-lineup-side { border-top: 1px solid var(--line); border-left: 0; }
  .ntm-lineup-list { max-height: 360px; }
  .ntm-fixture-list { padding-inline: 12px; }
  .ntm-fixture-row { grid-template-columns: 76px minmax(0, 1fr) 56px minmax(0, 1fr); min-height: 92px; gap: 7px; }
  .ntm-fixture-action { grid-column: 2 / 5; justify-content: center; padding: 0 0 8px; }
  .ntm-fixture-team strong { font-size: 10px; }
  .ntm-pool-head,
  .ntm-pool-row { grid-template-columns: 46px minmax(130px, 1fr) 42px 74px 66px; padding-inline: 10px; }
  .ntm-pool-head > :nth-child(3),
  .ntm-pool-head > :nth-child(4),
  .ntm-pool-row > .ntm-pool-age,
  .ntm-pool-row > .ntm-pool-form { display: none; }
}

@media (max-width: 540px) {
  .ntm-lineup-toolbar { align-items: stretch; flex-direction: column; }
  .ntm-lineup-toolbar label { justify-content: space-between; }
  .ntm-manager-pitch { aspect-ratio: 1.16; margin: 7px; }
  .ntm-manager-pitch .retro-pitch-player { width: clamp(43px, 16%, 56px); min-height: 42px; }
  .ntm-manager-pitch .ntm-lineup-player b { width: 21px; height: 21px; font-size: 6px; }
  .ntm-manager-pitch .ntm-lineup-player span { font-size: 8px; }
  .ntm-manager-pitch .ntm-lineup-player i { min-width: 24px; padding: 1px 4px; font-size: 7px; }
  .ntm-fixture-row { grid-template-columns: 58px minmax(0, 1fr) 44px minmax(0, 1fr); }
  .ntm-fixture-meta { padding-left: 5px; }
  .ntm-fixture-flag { width: 26px; height: 17px; }
  .ntm-pool-head,
  .ntm-pool-row { grid-template-columns: 40px minmax(100px, 1fr) 38px 66px 58px; gap: 7px; padding-inline: 8px; }
  .ntm-pool-status { font-size: 8px; }
  .ntm-pool-action { padding-inline: 7px; font-size: 8px; }
}

/* Career matches use the same stage, scoreboard and side panels as 256 Knockout. */
.ntm-standard-match-screen { width: min(1180px, 100%); margin: 0 auto; }
.ntm-standard-match-back { display: inline-flex; margin-bottom: 12px; }
.ntm-standard-stage-topline {
  position: relative;
  display: flex;
  min-height: 48px;
  align-items: center;
  justify-content: flex-end;
  padding: 0 16px;
  color: var(--muted);
  background: transparent;
}
.ntm-standard-stage-topline .stage-round { color: var(--muted); }
.ntm-standard-stage-topline .match-number { display: block; color: var(--muted); font: 700 9px "DM Mono", monospace; }
.ntm-standard-match-layout { display: grid; grid-template-columns: 220px minmax(0, 1fr) 280px; align-items: start; gap: 18px; }
.ntm-standard-match-layout > .stage-column,
.ntm-standard-match-layout > .insight-column { grid-area: auto; }
.ntm-standard-match-screen .match-stage { border: 0; border-radius: 14px; color: var(--text); background: #101620; box-shadow: 0 18px 50px rgba(0, 0, 0, .18); }
.ntm-standard-match-screen .matchup { grid-template-columns: minmax(0, 1fr) 132px minmax(0, 1fr); padding: 18px clamp(16px, 3vw, 34px) 12px; }
.ntm-standard-match-screen .team { min-width: 0; min-height: 210px; border: 0; color: var(--text); background: transparent; }
.ntm-standard-match-screen .team h2 { width: 100%; color: var(--text); font-size: clamp(20px, 2vw, 29px); }
.ntm-standard-match-screen .team .seed { color: var(--muted); }
.ntm-standard-match-screen .flag-orb { border: 0; background: transparent; box-shadow: none; }
.ntm-standard-match-screen .ntm-standard-hero-flag { width: 100%; height: 100%; border-radius: 5px; }
.ntm-standard-match-screen .score-zone { color: var(--text); }
.ntm-standard-match-screen .match-score { color: var(--text); }
.ntm-standard-match-screen .stage-action { padding: 5px 24px 24px; text-align: center; }
.ntm-standard-match-screen .stage-action p { max-width: 470px; margin: 10px auto 0; color: var(--muted); font-size: 9px; line-height: 1.45; }
.ntm-standard-match-screen .play-button { cursor: pointer; transition: transform 140ms var(--ease-out), background-color 160ms ease; }
.ntm-standard-match-screen .play-button:active { transform: scale(.97); }
.ntm-match-left-sidebar,
.ntm-match-squad-sidebar { display: grid; min-width: 0; gap: 12px; align-content: start; }
.ntm-match-left-sidebar .match-analysis,
.ntm-match-squad-sidebar .match-analysis { margin: 0; }
.ntm-match-left-sidebar .standard-match-tactics { width: 100%; margin: 0; }
.ntm-match-left-sidebar .standard-tactic-buttons { grid-template-columns: 1fr; }
.ntm-match-left-sidebar .standard-tactic-buttons button { cursor: pointer; transition: transform 140ms var(--ease-out), color 160ms ease, background-color 160ms ease; }
.ntm-match-left-sidebar .standard-tactic-buttons button:active { transform: scale(.97); }
.ntm-match-left-sidebar .standard-tactic-buttons button:disabled { cursor: default; }
.ntm-match-left-sidebar .match-stat-row { grid-template-columns: minmax(34px, 1fr) minmax(82px, 1.5fr) minmax(34px, 1fr); }
.ntm-standard-substitutions { display: grid; gap: 10px; padding: 10px; }
.ntm-standard-substitutions label { display: grid; grid-template-columns: 30px minmax(0, 1fr); gap: 5px; align-items: center; }
.ntm-standard-substitutions label > span { grid-row: 1 / 3; color: #7fa4ff; font: 800 9px "DM Mono", monospace; text-align: center; }
.ntm-standard-substitutions select { width: 100%; min-width: 0; min-height: 32px; padding: 0 7px; border: 1px solid #27364c; border-radius: 6px; color: var(--text); background: #111b29; font: 700 8px "Manrope", sans-serif; }
.ntm-standard-substitutions select:focus-visible { border-color: #5f8cff; outline: 2px solid rgba(95, 140, 255, .2); }
.ntm-standard-commentary { width: calc(100% - 48px); margin-top: 0; }
.ntm-standard-commentary .match-commentary-feed { margin-bottom: 10px; }
.ntm-standard-commentary-log { display: grid; max-height: 230px; overflow-y: auto; border: 1px solid #26344a; border-radius: 9px; background: #0a111b; }
.ntm-standard-commentary-log .commentary-line { display: grid; grid-template-columns: 38px minmax(0, 1fr); min-height: 38px; align-items: center; gap: 8px; padding: 6px 10px; border-bottom: 1px solid #202d40; text-align: left; animation: none; }
.ntm-standard-commentary-log .commentary-line:last-child { border-bottom: 0; }
.ntm-standard-commentary-log .commentary-line b { color: #7fa4ff; font: 800 9px "DM Mono", monospace; }
.ntm-standard-commentary-log .commentary-line span { color: #cbd3df; font-size: 9px; line-height: 1.4; text-align: left; }
.ntm-standard-commentary-log .commentary-line.is-goal span { color: #fff; font-weight: 800; }
.ntm-live-commentary { margin-top: 18px; margin-bottom: 0; }
.ntm-live-stage-action { padding-top: 0 !important; }
.ntm-standard-match-screen .match-stage.is-live .ntm-live-stage-action { display: block !important; }
.ntm-live-stage-action .live-controls { position: static; display: flex; justify-content: center; gap: 7px; transform: none; }
.ntm-match-formation-pitch { aspect-ratio: 1.05; border-radius: 0; }
.ntm-match-formation-player { width: 48px; min-height: 34px; pointer-events: none; cursor: default; }
.ntm-match-formation-player b { width: 20px; height: 20px; border-width: 1px; font-size: 6px; }
.ntm-match-formation-player span { font-size: 7px; }
.ntm-match-bench-list { display: grid; padding: 4px 10px 10px; }
.ntm-match-bench-list > div { display: grid; grid-template-columns: 25px minmax(0, 1fr) 25px; min-height: 30px; align-items: center; gap: 7px; border-bottom: 1px solid #223047; }
.ntm-match-bench-list > div:last-child { border-bottom: 0; }
.ntm-match-bench-list b { color: #7fa4ff; font: 800 8px "DM Mono", monospace; }
.ntm-match-bench-list span { overflow: hidden; color: var(--soft); font-size: 8px; text-overflow: ellipsis; white-space: nowrap; }
.ntm-match-bench-list i { color: var(--muted); font: 700 8px "DM Mono", monospace; font-style: normal; text-align: right; }

@media (hover: hover) and (pointer: fine) {
  .ntm-standard-match-screen .play-button:hover { background: #315fbd; }
  .ntm-match-left-sidebar .standard-tactic-buttons button:hover:not(.active):not(:disabled) { color: #f3f6fb; background: #172235; }
}

@media (max-width: 1000px) {
  .ntm-standard-match-layout { grid-template-columns: minmax(0, 1fr) 280px; grid-template-areas: "stage stage" "left right"; }
  .ntm-standard-match-layout > .stage-column { grid-area: stage; }
  .ntm-match-left-sidebar { grid-area: left; }
  .ntm-match-squad-sidebar { grid-area: right; }
  .ntm-match-left-sidebar .standard-tactic-buttons { grid-template-columns: repeat(5, minmax(0, 1fr)); }
}

@media (max-width: 700px) {
  .ntm-standard-match-layout { grid-template-columns: 1fr; grid-template-areas: "stage" "left" "right"; }
  .ntm-match-left-sidebar .standard-tactic-buttons { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .ntm-match-formation-pitch { width: min(100%, 330px); margin: 0 auto; }
}

@media (max-width: 540px) {
  .ntm-standard-match-screen { width: 100%; }
  .ntm-standard-stage-topline { min-height: 42px; padding-inline: 8px; }
  .ntm-standard-stage-topline .stage-round { max-width: 160px; font-size: 8px; }
  .ntm-standard-stage-topline .match-number { font-size: 7px; }
  .ntm-standard-match-screen .matchup { grid-template-columns: minmax(0, 1fr) 76px minmax(0, 1fr); gap: 4px; padding: 14px 6px 8px; }
  .ntm-standard-match-screen .team { min-height: 178px; padding-inline: 2px; }
  .ntm-standard-match-screen .team h2 { width: 100%; margin-top: 9px; overflow: hidden; font-size: 12px; text-overflow: ellipsis; white-space: nowrap; }
  .ntm-standard-match-screen .flag-orb { width: 62px; height: 40px; }
  .ntm-standard-match-screen .match-score { font-size: 34px; letter-spacing: -2px; }
  .ntm-standard-match-screen .scoreline { min-width: 76px; gap: 5px; }
  .ntm-standard-match-screen .scoreline .score-separator { font-size: 18px; }
  .ntm-standard-match-screen .team-match-events { margin-top: 10px; }
  .ntm-standard-match-screen .timeline-event { gap: 3px; font-size: 7px; }
  .ntm-standard-commentary { width: calc(100% - 20px); }
  .ntm-standard-match-screen .stage-action { padding-inline: 12px; }
  .ntm-live-commentary { margin-top: 10px; }
}

/* Manager portal: the same dense navigation and dashboard rhythm as PL/UCL. */
.national-manager-screen .ntm-main { width: min(1240px, calc(100% - 40px)); padding-top: 30px; }
.ntm-career-shell > .ntm-tabs {
  display: flex;
  gap: 8px;
  margin: 0 0 24px;
  padding: 6px;
  overflow-x: auto;
  border: 1px solid var(--line);
  border-radius: 14px;
  background: rgba(0, 0, 0, .14);
  scrollbar-width: none;
}
.ntm-career-shell > .ntm-tabs::-webkit-scrollbar { display: none; }
.ntm-career-shell > .ntm-tabs button {
  min-width: 118px;
  min-height: 42px;
  flex: 1 0 auto;
  padding: 0 16px;
  border-radius: 9px;
  color: var(--muted);
  background: transparent;
  box-shadow: none;
  font-size: 12px;
  transition: transform 140ms var(--ease-out), color 160ms ease, background-color 160ms ease;
}
.ntm-career-shell > .ntm-tabs button.is-active {
  color: #fff;
  background: #273650;
  box-shadow: inset 0 0 0 1px rgba(151, 178, 232, .16);
}

.ntm-dashboard > h1 { margin: 0 0 22px; font-size: 24px; letter-spacing: -.03em; }
.ntm-dashboard-grid {
  display: grid;
  grid-template-columns: minmax(220px, .72fr) minmax(520px, 1.8fr) minmax(250px, .82fr);
  align-items: stretch;
  gap: 18px;
}
.ntm-dashboard-centre { display: grid; min-width: 0; align-content: start; gap: 18px; }
.ntm-dashboard-lower { display: grid; grid-template-columns: minmax(0, .92fr) minmax(280px, 1.08fr); align-items: stretch; gap: 18px; }
.ntm-dashboard-panel,
.ntm-dashboard-lower > .ntm-panel {
  min-width: 0;
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: 16px;
  background: #101725;
}
.ntm-dashboard-panel > header {
  display: flex;
  min-height: 58px;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 0 18px;
  border-bottom: 1px solid var(--line);
}
.ntm-dashboard-panel > header h2 { margin: 0; font-size: 14px; letter-spacing: -.02em; }
.ntm-dashboard-panel > header > span { color: var(--muted); font: 700 9px "DM Mono", monospace; }
.ntm-dashboard-empty { padding: 20px 18px; color: var(--muted); font-size: 10px; line-height: 1.5; }

.ntm-dashboard-agenda { display: flex; min-height: 610px; flex-direction: column; }
.ntm-agenda-fixture { display: grid; grid-template-columns: 48px minmax(0, 1fr); align-items: center; gap: 12px; padding: 18px; background: #0d1421; }
.ntm-agenda-flag { width: 44px; height: 29px; }
.ntm-agenda-fixture strong,
.ntm-agenda-fixture small,
.ntm-agenda-fixture time { display: block; }
.ntm-agenda-fixture strong { overflow: hidden; font-size: 12px; text-overflow: ellipsis; white-space: nowrap; }
.ntm-agenda-fixture strong span { color: var(--muted); font-weight: 600; }
.ntm-agenda-fixture small { margin-top: 5px; color: var(--soft); font-size: 10px; }
.ntm-agenda-fixture time { margin-top: 4px; color: var(--muted); font: 600 8px "DM Mono", monospace; }
.ntm-agenda-tasks { border-top: 1px solid var(--line); }
.ntm-agenda-tasks > div { display: grid; grid-template-columns: 17px minmax(0, 1fr) auto; min-height: 45px; align-items: center; gap: 8px; padding: 0 17px; border-bottom: 1px solid var(--line); }
.ntm-agenda-tasks i { width: 13px; height: 13px; border: 1px solid #48566e; border-radius: 3px; background: #1b2535; }
.ntm-agenda-tasks .is-primary i { border-color: #6f98f5; background: #426fd2; box-shadow: inset 0 0 0 3px #1c315c; }
.ntm-agenda-tasks span { color: var(--soft); font-size: 9px; }
.ntm-agenda-tasks b { color: var(--muted); font: 700 8px "DM Mono", monospace; }
.ntm-agenda-confidence { margin-top: auto; padding: 17px; border-top: 1px solid var(--line); }
.ntm-agenda-confidence > span,
.ntm-agenda-confidence > strong { font-size: 9px; }
.ntm-agenda-confidence > span { color: var(--muted); }
.ntm-agenda-confidence > strong { float: right; color: var(--soft); font-family: "DM Mono", monospace; }
.ntm-agenda-confidence > div { height: 4px; margin-top: 10px; overflow: hidden; border-radius: 99px; background: #273142; }
.ntm-agenda-confidence > div i { display: block; height: 100%; border-radius: inherit; background: #5f8cff; }
.ntm-dashboard-primary {
  min-height: 42px;
  margin: 0 17px 17px;
  border: 0;
  border-radius: 9px;
  color: #fff;
  background: #426fd2;
  font: 800 10px "Manrope", sans-serif;
  cursor: pointer;
  transition: transform 140ms var(--ease-out), background-color 160ms ease;
}
.ntm-dashboard-primary:active { transform: scale(.97); }

.ntm-dashboard-calendar { min-height: 326px; }
.ntm-calendar-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); }
.ntm-calendar-day { min-width: 0; min-height: 132px; padding: 13px; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); background: #111927; }
.ntm-calendar-day:nth-child(4n) { border-right: 0; }
.ntm-calendar-day:nth-last-child(-n + 4) { border-bottom: 0; }
.ntm-calendar-day.is-next { background: #1a2741; box-shadow: inset 0 3px #5f8cff; }
.ntm-calendar-day.is-played { background: #0e1521; }
.ntm-calendar-day > div:first-child { display: flex; align-items: center; justify-content: space-between; gap: 6px; }
.ntm-calendar-day > div:first-child strong { color: var(--soft); font: 700 9px "DM Mono", monospace; }
.ntm-calendar-day > div:first-child span { padding: 3px 5px; border-radius: 4px; color: #a9c0ff; background: #253759; font: 800 7px "DM Mono", monospace; }
.ntm-calendar-match { display: flex; min-height: 54px; align-items: center; justify-content: center; gap: 8px; }
.ntm-calendar-flag { width: 28px; height: 18px; }
.ntm-calendar-match b { color: #fff; font: 800 10px "DM Mono", monospace; }
.ntm-calendar-day > small { display: block; overflow: hidden; color: var(--muted); font-size: 8px; text-align: center; text-overflow: ellipsis; white-space: nowrap; }

.ntm-dashboard-story { min-height: 266px; }
.ntm-story-visual { position: relative; display: flex; min-height: 86px; align-items: center; justify-content: center; gap: 18px; overflow: hidden; border-bottom: 1px solid var(--line); background: linear-gradient(135deg, #17395d, #111c32 65%, #26365b); }
.ntm-story-visual::after { position: absolute; inset: 0; background: linear-gradient(90deg, transparent, rgba(255,255,255,.04), transparent); content: ""; transform: skewX(-18deg); }
.ntm-story-flag { z-index: 1; width: 64px; height: 42px; }
.ntm-story-visual > span { z-index: 1; color: rgba(255,255,255,.72); font: 900 22px "DM Mono", monospace; }
.ntm-story-copy { padding: 15px 17px 18px; }
.ntm-story-copy small { color: var(--muted); font: 700 8px "DM Mono", monospace; }
.ntm-story-copy h3 { margin: 7px 0 6px; font-size: 14px; line-height: 1.25; }
.ntm-story-copy p { display: -webkit-box; margin: 0; overflow: hidden; color: var(--muted); font-size: 9px; line-height: 1.5; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.ntm-dashboard-lower .ntm-panel-heading { min-height: 58px; padding: 0 16px; }
.ntm-dashboard-lower .ntm-panel-heading h2 { font-size: 14px; }
.ntm-dashboard-lower .ntm-table { padding-bottom: 8px; }
.ntm-dashboard-lower .ntm-table-row { min-height: 35px; }

.ntm-dashboard-messages { min-height: 610px; }
.ntm-message-list { display: grid; }
.ntm-message-list article { display: grid; grid-template-columns: 10px minmax(0, 1fr); gap: 9px; padding: 15px 16px; border-bottom: 1px solid var(--line); }
.ntm-message-list article > i { width: 8px; height: 8px; margin-top: 3px; border-radius: 50%; background: #5f8cff; box-shadow: 0 0 0 3px rgba(95, 140, 255, .1); }
.ntm-message-list article.tone-positive > i { background: var(--ntm-positive); }
.ntm-message-list article.tone-warning > i { background: var(--ntm-warning); }
.ntm-message-list article.tone-major > i { background: #d2b766; }
.ntm-message-list strong { display: block; color: var(--soft); font-size: 10px; line-height: 1.35; }
.ntm-message-list p { display: -webkit-box; margin: 5px 0 7px; overflow: hidden; color: var(--muted); font-size: 9px; line-height: 1.45; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.ntm-message-list time { color: #68758a; font: 600 7px "DM Mono", monospace; }

@media (hover: hover) and (pointer: fine) {
  .ntm-dashboard-primary:hover { background: #527fdf; }
  .ntm-calendar-day.is-next:hover { background: #203050; }
}

@media (max-width: 1050px) {
  .ntm-dashboard-grid { grid-template-columns: 250px minmax(0, 1fr); }
  .ntm-dashboard-messages { grid-column: 1 / -1; min-height: 0; }
  .ntm-message-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .ntm-message-list article:nth-child(odd) { border-right: 1px solid var(--line); }
}

@media (max-width: 760px) {
  .national-manager-screen .ntm-main { width: min(100% - 24px, 680px); }
  .ntm-career-shell > .ntm-tabs { gap: 6px; }
  .ntm-career-shell > .ntm-tabs button { min-width: 96px; padding-inline: 12px; }
  .ntm-dashboard-grid { grid-template-columns: 1fr; }
  .ntm-dashboard-agenda,
  .ntm-dashboard-messages { min-height: 0; }
  .ntm-dashboard-centre,
  .ntm-dashboard-messages { grid-column: 1; }
  .ntm-dashboard-centre { grid-row: 2; }
  .ntm-dashboard-messages { grid-row: 3; }
  .ntm-agenda-confidence { margin-top: 0; }
  .ntm-message-list { grid-template-columns: 1fr; }
  .ntm-message-list article:nth-child(odd) { border-right: 0; }
}

@media (max-width: 560px) {
  .ntm-dashboard > h1 { margin-bottom: 16px; font-size: 21px; }
  .ntm-calendar-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .ntm-calendar-day:nth-child(4n) { border-right: 1px solid var(--line); }
  .ntm-calendar-day:nth-child(2n) { border-right: 0; }
  .ntm-calendar-day:nth-last-child(-n + 4) { border-bottom: 1px solid var(--line); }
  .ntm-calendar-day:nth-last-child(-n + 2) { border-bottom: 0; }
  .ntm-dashboard-lower { grid-template-columns: 1fr; }
}

/* Compact national career shell and canonical match plan. */
.national-manager-screen .ntm-main {
  width: min(1240px, calc(100% - 40px));
  padding-top: 20px;
}

.ntm-career-back-row {
  display: flex;
  min-height: 42px;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 10px;
}

.ntm-career-back-row > span {
  color: var(--muted);
  font: 700 9px "DM Mono", monospace;
  letter-spacing: .04em;
}

.ntm-career-back-row .ntm-back-inline { margin: 0; }

.ntm-compact-hero {
  grid-template-columns: minmax(0, 1fr) auto;
  min-height: 156px;
  align-items: center;
  gap: 28px;
  margin-bottom: 16px;
  padding: 24px 28px;
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: 22px;
  background:
    linear-gradient(112deg, color-mix(in srgb, var(--ntm-era-accent) 13%, #111927), #101725 55%, #0d1421),
    var(--panel);
  box-shadow: 0 20px 55px rgba(0, 0, 0, .16);
}

.ntm-compact-hero .ntm-hero-identity { min-width: 0; }
.ntm-compact-hero .ntm-hero-flag { width: 78px; height: 52px; border-radius: 4px; }
.ntm-compact-hero .ntm-hero-flag img { width: 100%; height: 100%; object-fit: cover; }
.ntm-compact-hero h1 { margin: 0 0 7px; font-size: clamp(31px, 4.2vw, 50px); }
.ntm-compact-hero p { margin: 0; color: var(--soft); font-size: 12px; }

.ntm-hero-metrics {
  display: grid;
  grid-template-columns: repeat(4, minmax(82px, 1fr));
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, .09);
  border-radius: 14px;
  background: rgba(6, 11, 20, .42);
}

.ntm-hero-metrics > div {
  display: grid;
  grid-template-columns: auto 1fr;
  min-height: 78px;
  align-content: center;
  gap: 5px;
  padding: 12px 15px;
  border-right: 1px solid rgba(255, 255, 255, .08);
}

.ntm-hero-metrics > div:last-child { border-right: 0; }
.ntm-hero-metrics span { color: var(--muted); font-size: 8px; font-weight: 800; text-transform: uppercase; }
.ntm-hero-metrics > div > span:first-child { grid-column: 1 / -1; }
.ntm-hero-metrics strong { grid-column: 1; color: var(--text); font: 800 17px "DM Mono", monospace; }
.ntm-hero-metrics .ntm-trend { grid-column: 2; grid-row: 2; align-self: center; font-size: 8px; }

.ntm-career-shell > .ntm-tabs {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 5px;
  margin: 0 0 18px;
  padding: 5px;
  overflow: visible;
  border: 1px solid var(--line);
  border-radius: 14px;
  background: #0d1420;
}

.ntm-career-shell > .ntm-tabs button {
  min-width: 0;
  min-height: 43px;
  padding: 0 12px;
  border: 0;
  border-radius: 9px;
  color: var(--muted);
  background: transparent;
  box-shadow: none;
  font: 800 11px "Manrope", sans-serif;
  cursor: pointer;
  transition: color 150ms ease, background-color 150ms ease, transform 140ms var(--ease-out);
}

.ntm-career-shell > .ntm-tabs button:active { transform: scale(.97); }
.ntm-career-shell > .ntm-tabs button.is-active { color: #fff; background: #263750; box-shadow: inset 0 0 0 1px rgba(158, 186, 245, .15); }
.ntm-career-shell > .ntm-tabs button:focus-visible,
.ntm-plan-primary button:focus-visible,
.ntm-lineup-player:focus-visible,
.ntm-lineup-list-row:focus-visible { outline: 2px solid #8eabff; outline-offset: 2px; }
.ntm-career-tab-panel { min-width: 0; }

.ntm-compact-overview {
  display: grid;
  grid-template-columns: minmax(0, 1.65fr) minmax(280px, .75fr);
  align-items: start;
  gap: 18px;
}

.ntm-overview-primary,
.ntm-overview-secondary { display: grid; min-width: 0; gap: 18px; }

.ntm-compact-card {
  min-width: 0;
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: 16px;
  background: #101725;
}

.ntm-compact-card > header {
  display: flex;
  min-height: 58px;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 0 18px;
  border-bottom: 1px solid var(--line);
}

.ntm-compact-card > header h2 { margin: 0; color: var(--text); font-size: 15px; letter-spacing: -.02em; }
.ntm-compact-card > header :is(time, span) { color: var(--muted); font: 700 9px "DM Mono", monospace; }

.ntm-overview-next { min-height: 290px; }
.ntm-overview-match-stage { display: grid; gap: 18px; padding: 20px 22px; }
.ntm-overview-match-stage > span { color: var(--ntm-era-accent); font: 800 9px "DM Mono", monospace; text-transform: uppercase; }
.ntm-overview-match-stage > div { display: grid; grid-template-columns: minmax(0, 1fr) 38px minmax(0, 1fr); align-items: center; gap: 14px; }
.ntm-overview-match-stage > div > b { color: var(--muted); font: 800 9px "DM Mono", monospace; text-align: center; }
.ntm-overview-match-stage .ntm-team-cell { min-height: 78px; padding: 14px; border: 1px solid var(--line); border-radius: 12px; background: #131d2d; }
.ntm-overview-match-stage .ntm-team-cell strong { font-size: 14px; }
.ntm-overview-next > footer { display: flex; min-height: 65px; align-items: center; justify-content: space-between; gap: 14px; margin-top: auto; padding: 10px 18px; border-top: 1px solid var(--line); }
.ntm-overview-next > footer > span { color: var(--muted); font-size: 10px; }

.ntm-overview-status .ntm-text-button { margin: 0 18px 18px; }
.ntm-compact-stat-list { display: grid; padding: 4px 18px 12px; }
.ntm-compact-stat-list > div { display: flex; min-height: 47px; align-items: center; justify-content: space-between; gap: 12px; border-bottom: 1px solid var(--line); }
.ntm-compact-stat-list > div:last-child { border-bottom: 0; }
.ntm-compact-stat-list span { color: var(--muted); font-size: 9px; }
.ntm-compact-stat-list strong { color: var(--soft); font: 700 10px "DM Mono", monospace; text-align: right; }

.ntm-overview-news > div { display: grid; grid-template-columns: 66px minmax(0, 1fr); align-items: start; gap: 14px; padding: 18px; }
.ntm-overview-news-flag { width: 64px; height: 42px; }
.ntm-overview-news p { display: grid; gap: 7px; margin: 0; }
.ntm-overview-news p strong { color: var(--text); font-size: 12px; line-height: 1.35; }
.ntm-overview-news p span { color: var(--muted); font-size: 9px; line-height: 1.5; }

.ntm-match-plan-layout {
  display: grid;
  grid-template-columns: 270px minmax(480px, 1fr) 285px;
  align-items: start;
  gap: 16px;
}

.ntm-plan-controls,
.ntm-plan-bench { align-self: stretch; }
.ntm-plan-control-body { display: grid; gap: 18px; padding: 16px; }
.ntm-plan-control-body > p { margin: 0; color: var(--muted); font-size: 9px; line-height: 1.55; }
.ntm-plan-field { display: grid; gap: 7px; }
.ntm-plan-field > span,
.ntm-plan-primary > span { color: var(--muted); font-size: 8px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }
.ntm-plan-field select {
  width: 100%;
  min-height: 39px;
  padding: 0 30px 0 10px;
  border: 1px solid var(--line-strong);
  border-radius: 8px;
  color: var(--text);
  background: #172235;
  font: 700 10px "Manrope", sans-serif;
}
.ntm-plan-field select:focus-visible { border-color: #8eabff; outline: 2px solid rgba(142, 171, 255, .18); }
.ntm-plan-primary { display: grid; gap: 8px; }
.ntm-plan-primary > div { display: grid; gap: 6px; }
.ntm-plan-primary button {
  display: grid;
  gap: 3px;
  min-height: 52px;
  padding: 9px 10px;
  border: 1px solid var(--line);
  border-radius: 9px;
  color: var(--soft);
  background: #121c2b;
  text-align: left;
  cursor: pointer;
  transition: border-color 150ms ease, background-color 150ms ease, transform 140ms var(--ease-out);
}
.ntm-plan-primary button:active { transform: scale(.98); }
.ntm-plan-primary button.is-active { border-color: #6f98f5; background: #203457; box-shadow: inset 3px 0 #6f98f5; }
.ntm-plan-primary button strong { font-size: 10px; }
.ntm-plan-primary button small { overflow: hidden; color: var(--muted); font-size: 8px; line-height: 1.35; text-overflow: ellipsis; white-space: nowrap; }
.ntm-plan-select-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.ntm-plan-select-grid .is-wide { grid-column: 1 / -1; }

.ntm-plan-pitch-card { display: grid; align-self: stretch; grid-template-rows: auto minmax(520px, 1fr) auto; }
.ntm-plan-pitch-card .ntm-manager-pitch {
  width: calc(100% - 28px);
  min-height: 560px;
  aspect-ratio: auto;
  margin: 14px;
  border: 1px solid rgba(228, 242, 235, .42);
  border-radius: 12px;
  background:
    linear-gradient(90deg, transparent 49.8%, rgba(239, 248, 242, .34) 49.8% 50.2%, transparent 50.2%),
    repeating-linear-gradient(90deg, rgba(255, 255, 255, .025) 0 12.5%, rgba(0, 0, 0, .025) 12.5% 25%),
    #174b3d;
  box-shadow: inset 0 0 60px rgba(2, 18, 13, .42);
}
.ntm-plan-pitch-card .ntm-lineup-player { width: 76px; min-height: 55px; padding: 0; border: 0; background: transparent; }
.ntm-plan-pitch-card .ntm-lineup-player b { width: 31px; height: 31px; border: 2px solid rgba(255, 255, 255, .64); color: #fff; background: #17395d; box-shadow: 0 5px 16px rgba(0, 0, 0, .28); }
.ntm-plan-pitch-card .ntm-lineup-player span { max-width: 76px; margin-top: 4px; padding: 3px 6px; overflow: hidden; border-radius: 5px; color: #fff; background: rgba(5, 16, 26, .9); font-size: 8px; text-overflow: ellipsis; white-space: nowrap; }
.ntm-plan-pitch-card .ntm-lineup-player i { position: absolute; top: 0; right: 11px; display: grid; width: 22px; height: 22px; place-items: center; border: 2px solid #174b3d; border-radius: 50%; color: #102034; background: #edf3ff; font-size: 7px; }
.ntm-plan-pitch-card .ntm-lineup-player small { display: block; margin-top: 3px; color: rgba(255, 255, 255, .72); font-size: 6px; font-weight: 800; text-transform: uppercase; }
.ntm-plan-pitch-card .ntm-lineup-player.is-selected { z-index: 4; transform: translate(-50%, -50%) scale(1.07); }
.ntm-plan-pitch-card .ntm-lineup-player.is-selected b { color: #13223a; background: #fff; box-shadow: 0 0 0 5px rgba(142, 171, 255, .28), 0 7px 20px rgba(0, 0, 0, .34); }
.ntm-plan-pitch-card .ntm-lineup-player.fit-comfortable b { border-color: #7fc7d0; }
.ntm-plan-pitch-card .ntm-lineup-player.fit-makeshift b { border-color: #efb969; }
.ntm-plan-pitch-card > footer { display: flex; min-height: 44px; align-items: center; justify-content: center; gap: 16px; padding: 0 14px; border-top: 1px solid var(--line); }
.ntm-plan-pitch-card > footer span { display: inline-flex; align-items: center; gap: 6px; color: var(--muted); font-size: 8px; }
.ntm-plan-pitch-card > footer i { width: 8px; height: 8px; border-radius: 50%; background: #fff; }
.ntm-plan-pitch-card > footer .is-comfortable { background: #7fc7d0; }
.ntm-plan-pitch-card > footer .is-makeshift { background: #efb969; }

.ntm-plan-bench .ntm-lineup-list { max-height: 650px; }
.ntm-plan-bench .ntm-lineup-list-row { grid-template-columns: 38px minmax(0, 1fr) 76px 28px; min-height: 55px; padding-inline: 10px; }
.ntm-plan-bench .ntm-lineup-list-row small { text-align: right; }
.ntm-plan-bench .ntm-lineup-list-row.is-unavailable { cursor: not-allowed; opacity: .42; }

.ntm-match-analysis-heading h2,
.ntm-match-left-sidebar .match-analysis-heading h2,
.ntm-match-squad-sidebar .match-analysis-heading h2 { margin: 0; font-size: 11px; }
.ntm-standard-match-screen .team > .team-name { display: block; width: 100%; margin-top: 12px; overflow: hidden; color: var(--text); font-size: clamp(20px, 2vw, 29px); line-height: 1.05; text-align: center; text-overflow: ellipsis; white-space: nowrap; }
.ntm-match-plan-summary { display: grid; gap: 10px; padding: 14px; }
.ntm-match-plan-summary h2 { margin: 0; padding-bottom: 10px; border-bottom: 1px solid var(--line); font-size: 12px; }
.ntm-match-plan-summary > strong { color: var(--text); font-size: 11px; }
.ntm-match-plan-summary > p { margin: -3px 0 1px; color: var(--muted); font-size: 8px; line-height: 1.45; }
.ntm-match-plan-summary dl { display: grid; gap: 0; margin: 0; }
.ntm-match-plan-summary dl > div { display: flex; min-height: 29px; align-items: center; justify-content: space-between; gap: 8px; border-top: 1px solid var(--line); }
.ntm-match-plan-summary :is(dt, dd) { margin: 0; font-size: 8px; }
.ntm-match-plan-summary dt { color: var(--muted); }
.ntm-match-plan-summary dd { color: var(--soft); font-weight: 800; }

@media (hover: hover) and (pointer: fine) {
  .ntm-career-shell > .ntm-tabs button:hover:not(.is-active) { color: var(--text); background: #182334; }
  .ntm-plan-primary button:hover:not(.is-active) { border-color: var(--line-strong); background: #172438; }
  .ntm-lineup-list-row:hover { background-color: rgba(95, 140, 255, .1); }
}

@media (max-width: 1120px) {
  .ntm-match-plan-layout { grid-template-columns: 250px minmax(460px, 1fr); }
  .ntm-plan-bench { grid-column: 1 / -1; }
  .ntm-plan-bench .ntm-lineup-list { grid-template-columns: repeat(2, minmax(0, 1fr)); max-height: none; }
  .ntm-plan-bench .ntm-lineup-list-row:nth-child(odd) { border-right: 1px solid var(--line); }
}

@media (max-width: 900px) {
  .ntm-compact-hero { grid-template-columns: 1fr; }
  .ntm-hero-metrics { width: 100%; }
  .ntm-compact-overview { grid-template-columns: 1fr; }
  .ntm-overview-secondary { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .ntm-match-plan-layout { grid-template-columns: 1fr; }
  .ntm-plan-controls,
  .ntm-plan-pitch-card,
  .ntm-plan-bench { grid-column: 1; }
  .ntm-plan-primary > div { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .ntm-plan-primary button:last-child { grid-column: 1 / -1; }
}

@media (max-width: 700px) {
  .national-manager-screen .ntm-main { width: min(100% - 24px, 680px); }
  .ntm-career-back-row > span { display: none; }
  .ntm-compact-hero { min-height: 0; padding: 20px; }
  .ntm-compact-hero .ntm-hero-flag { width: 60px; height: 40px; }
  .ntm-hero-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .ntm-hero-metrics > div:nth-child(2) { border-right: 0; }
  .ntm-hero-metrics > div:nth-child(-n + 2) { border-bottom: 1px solid rgba(255, 255, 255, .08); }
  .ntm-career-shell > .ntm-tabs { display: flex; overflow-x: auto; scrollbar-width: none; }
  .ntm-career-shell > .ntm-tabs::-webkit-scrollbar { display: none; }
  .ntm-career-shell > .ntm-tabs button { min-width: 112px; flex: 1 0 auto; }
  .ntm-overview-secondary { grid-template-columns: 1fr; }
  .ntm-overview-match-stage > div { gap: 7px; }
  .ntm-overview-match-stage .ntm-team-cell { grid-template-columns: 1fr; justify-items: center; min-height: 100px; padding: 10px 5px; text-align: center; }
  .ntm-overview-match-stage .ntm-team-cell .ntm-team-flag { grid-row: auto; }
  .ntm-overview-match-stage .ntm-team-cell strong { width: 100%; font-size: 10px; }
  .ntm-overview-next > footer { align-items: stretch; flex-direction: column; }
  .ntm-overview-next > footer .ntm-primary-button { width: 100%; }
  .ntm-plan-pitch-card { grid-template-rows: auto minmax(430px, 1fr) auto; }
  .ntm-plan-pitch-card .ntm-manager-pitch { min-height: 450px; }
  .ntm-plan-bench .ntm-lineup-list { grid-template-columns: 1fr; }
  .ntm-plan-bench .ntm-lineup-list-row:nth-child(odd) { border-right: 0; }
}

@media (max-width: 480px) {
  .ntm-compact-hero .ntm-hero-identity { align-items: flex-start; }
  .ntm-compact-hero h1 { font-size: 30px; }
  .ntm-plan-primary > div,
  .ntm-plan-select-grid { grid-template-columns: 1fr; }
  .ntm-plan-primary button:last-child,
  .ntm-plan-select-grid .is-wide { grid-column: 1; }
  .ntm-plan-pitch-card .ntm-manager-pitch { width: calc(100% - 16px); min-height: 410px; margin: 8px; }
  .ntm-plan-pitch-card .ntm-lineup-player { width: 58px; }
  .ntm-plan-pitch-card .ntm-lineup-player span { max-width: 58px; font-size: 7px; }
  .ntm-plan-pitch-card .ntm-lineup-player small { display: none; }
  .ntm-plan-pitch-card > footer { gap: 9px; }
}

@media (prefers-reduced-motion: reduce) {
  .national-manager-screen *,
  .national-manager-screen *::before,
  .national-manager-screen *::after {
    scroll-behavior: auto !important;
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
  }
}