/* MtsAuctions identity. Last-loaded, presentation-only layer.
   Keep pitch geometry, player artwork, team colours, leading-bid outlines,
   semantic status/error colours, animation timing and all responsive layouts
   in their existing stylesheets. No behavioural selectors or hidden controls. */
:root {
  --mts-navy: #081624;
  --mts-panel: #102435;
  --mts-raised: #153044;
  --mts-line: #35576c;
  --mts-text: #edf7fb;
  --mts-muted: #aec3d0;
  --mts-blue: #55c9f3;
  --mts-green: #53e2ad;
  --mts-soft: #a2f3d4;
  --mts-ink: #072033;
  --mts-focus: #a8eaff;
  --bg: var(--mts-navy);
  --panel: var(--mts-panel);
  --panel2: var(--mts-raised);
  --line: var(--mts-line);
  --text: var(--mts-text);
  --muted: var(--mts-muted);
  --accent: var(--mts-green);
  --accent2: var(--mts-soft);
}

/* Dark blue canvas with a restrained sea-green glow, shared by every screen. */
body,
body:has(.phase-home),
body:has(.phase-lobby),
body:has(.authentic-match),
body:has(.authentic-results) {
  color: var(--mts-text);
  background: radial-gradient(ellipse at 90% 0%, #103749 0, transparent 52%), var(--mts-navy);
}
.original-header,
body:has(.phase-home) .original-header,
body:has(.phase-lobby) .original-header,
body:has(.authentic-match) .original-header,
body:has(.authentic-results) .original-header {
  background: #0a1b2a;
  border-color: #28495b;
  box-shadow: 0 1px 0 #53e2ad14;
}
.original-logo { color: var(--mts-text); }
.original-logo strong span { color: var(--mts-green); }
.original-football.mts-brand-mark {
  border-color: transparent;
  border-radius: 28%;
  transform: none;
  background: transparent;
}
.mts-brand-mark img { width: 100%; height: 100%; object-fit: contain; }
.room-compact, .original-footer { color: var(--mts-muted); }
.original-footer { border-color: #28495b; }
.loading { color: var(--mts-soft); }

/* Buttons retain their original sizes, disabled behaviour and action colours. */
.btn, .original-primary, .bid-all,
.phase-home .ref-create-button,
.phase-lobby .ref-lobby-actions .ref-lobby-start,
.authentic-match .match-chat form button {
  background: linear-gradient(115deg, var(--mts-blue), var(--mts-green));
  color: var(--mts-ink);
  border-color: #79e3d1;
}
.btn:where(:not(.red, .ref-lobby-leave, .ghost, .outline, .option, .chip, .review-ready-button)):hover:not(:disabled),
.original-primary:hover:not(:disabled),
.phase-home .ref-create-button:hover:not(:disabled),
.phase-lobby .ref-lobby-actions .ref-lobby-start:hover:not(:disabled),
.authentic-match .match-chat form button:hover:not(:disabled) {
  background: linear-gradient(115deg, #88ddfa, #8af0c9);
}
.btn.ghost, .btn.outline, .bid-square, .chat-toggle {
  color: var(--mts-text);
  background: var(--mts-raised);
  border-color: var(--mts-line);
}
.btn.ghost:hover:not(:disabled), .btn.outline:hover:not(:disabled), .bid-square:hover:not(:disabled) {
  background: #20455b;
  color: var(--mts-text);
}
.btn.option.active, .btn.chip.active {
  color: var(--mts-ink);
  background: var(--mts-green);
  border-color: var(--mts-green);
}
.phase-home .ref-join-button, .phase-lobby .ref-light-button {
  background: #d8f5f4;
  color: var(--mts-ink);
  border-color: #9cdedb;
}
.phase-home .ref-join-button:hover:not(:disabled), .phase-lobby .ref-light-button:hover:not(:disabled) {
  background: #eefffe;
}
input, select, .phase-home input, .phase-home .ref-home-panel #join-code,
.phase-lobby .ref-invite-help input, .phase-lobby .ref-custom-budget-editor input,
.authentic-match .match-chat input, .ref-credit-transfers input, .ref-credit-transfers select,
.ref-transfer-panel input, .ref-transfer-panel select {
  background: #0b1e2d;
  color: var(--mts-text);
  border-color: #55788a;
  caret-color: var(--mts-green);
}
input::placeholder, .phase-home input::placeholder { color: var(--mts-muted); }
input:focus, select:focus {
  border-color: var(--mts-blue);
  box-shadow: 0 0 0 3px #55c9f326;
}

/* Homepage: original cards and football-field frame, now in the new palette. */
.phase-home::before {
  border-color: #284c5b;
  background: radial-gradient(circle at 78.5% 34%, #284c5b 0 19px, transparent 20px 231px, #284c5b 232px 237px, transparent 238px),
    linear-gradient(90deg, transparent 78.1%, #284c5b 78.1% 78.7%, transparent 78.7%);
}
.phase-home .ref-home-banner, .ref-auction-banner, .authentic-match .ref-stadium-ad {
  background: radial-gradient(ellipse at 95% 5%, #1a685b99, transparent 62%),
    linear-gradient(115deg, #102a40, #103c47);
  border-top-color: #315e73;
  border-bottom-color: #1d4a50;
  box-shadow: inset 0 1px 0 #93ecf028, 0 8px 24px #020c1533;
}
.phase-home .ref-home-banner::before, .phase-home .ref-home-banner::after { border-color: var(--mts-blue); }
.phase-home .ref-home-banner > strong span,
.ref-auction-banner > strong > span,
.authentic-match .ref-stadium-ad strong span { color: var(--mts-green); }
.phase-home .ref-home-banner small, .ref-auction-banner small,
.authentic-match .ref-stadium-ad > div small { color: #c4e3eb; }
.phase-home .ref-home-name, .phase-home .ref-home-panel, .phase-home .ref-home-guide {
  background: #102435f5;
  border-color: var(--mts-line);
  border-radius: 12px;
  box-shadow: 0 12px 28px #020c1526;
}
.phase-home .ref-home-heading p, .phase-home .ref-entry-title p,
.phase-home .ref-create-steps p, .phase-home .ref-entry-note,
.phase-home .ref-home-name small, .phase-home .ref-home-guide p,
.phase-home .ref-home-benefits { color: var(--mts-muted); }
.phase-home .ref-home-nav a { color: var(--mts-muted); }
.phase-home .ref-home-nav a.active { color: var(--mts-text); border-color: var(--mts-green); }
.phase-home .ref-entry-icon {
  color: var(--mts-green);
  background: #153d45;
  border-color: #397f83;
}
.phase-home .ref-home-guide article > span,
.phase-home .ref-home-benefits i { color: var(--mts-blue); }
.phase-home .ref-streaming-control {
  background: #0c2030;
  border-color: var(--mts-line);
  color: var(--mts-text);
}
.phase-home .ref-streaming-control small { color: var(--mts-muted); }
.phase-home .ref-streaming-control:hover { border-color: var(--mts-blue); }
.phase-home .ref-streaming-control[aria-checked=true] > i,
.phase-lobby .ref-lobby-switch[aria-checked=true] { background: #167960; border-color: var(--mts-green); }
.phase-home .ref-home-note {
  background: radial-gradient(ellipse at left top, #1d675944, transparent 65%), #102a35;
  border-color: #397a7d;
  border-radius: 12px;
}
.phase-home .ref-home-note-kicker { color: var(--mts-soft); }
.phase-home .ref-home-note > b svg { stroke: var(--mts-green); }
.phase-home .ref-home-note p, .phase-home .ref-home-note small { color: var(--mts-muted); }
.phase-home .ref-home-note details { border-color: var(--mts-line); }

/* Lobby, formation, auction and lineup surfaces. Team-coded borders are left alone. */
.panel, .panel.soft, .ref-lobby-panel, .phase-lobby .ref-lobby-panel,
.ref-auction-main, .ref-squad-sidebar, .ref-bid-controls,
.ref-tactic-card, .ref-lineup-field, .ref-ready-row,
.ref-final-intro-card, .ref-credit-transfers, .ref-transfer-panel {
  background: var(--mts-panel);
  border-color: var(--mts-line);
  border-radius: 12px;
  color: var(--mts-text);
}
.ref-formation-card, .formation-page .ref-formation-card { background: var(--mts-panel); border-color: var(--mts-line); }
.ref-formation-card:hover { border-color: var(--mts-blue); }
.ref-formation-card.chosen, .formation-page .ref-formation-card.chosen { border-color: var(--mts-green); box-shadow: 0 0 0 2px #53e2ad18; }
.formation-page .ref-ready-row, .ref-lineup-page .ref-lineup-field,
.ref-lineup-page .ref-tactic-card, .review-readiness,
.ref-auction-chat, .ref-top-purchases { background: var(--mts-panel); border-color: var(--mts-line); }
.ref-manager-seat, .ref-review-page .review-squad, .authentic-match .match-squad { background: var(--mts-panel); }
.formation-page .ref-quota span, .ref-auction-chat .chat-toggle { background: var(--mts-raised); }
.ref-auction-chat input { background: #0b1e2d; border-color: #55788a; }
.formation-page .original-primary, .ref-bid-entry button,
.ref-auction-chat form button, .ref-lineup-page .ref-ready-button {
  background: linear-gradient(115deg, var(--mts-blue), var(--mts-green));
  color: var(--mts-ink);
  border-color: #79e3d1;
}
.ref-formation-check { background: var(--mts-green); color: var(--mts-ink); }
.ref-formation-eyebrow, .ref-top-purchases li > b { color: var(--mts-green); }
.ref-quota span, .phase-lobby .ref-lobby-capacity > div,
.phase-lobby .ref-lobby-capacity button, .phase-lobby .ref-lobby-code,
.phase-lobby .ref-pool-more > div, .phase-lobby .ref-custom-budget > .ref-custom-budget-editor {
  background: var(--mts-raised);
  border-color: var(--mts-line);
  color: var(--mts-text);
}
.phase-lobby .ref-rule-option, .phase-lobby .ref-pool-tile,
.phase-lobby .ref-pool-more > summary, .phase-lobby .ref-budget-options > .btn,
.phase-lobby .ref-custom-budget > summary, .phase-lobby .ref-lobby-panel .pill-row .btn,
.ref-tactic-option, .ref-formation-options button,
.ref-lineup-page .ref-tactic-option, .ref-lineup-page .ref-formation-options button {
  background: #112a3c;
  border-color: #55788a;
  color: var(--mts-text);
}
.phase-lobby .ref-rule-option.active, .phase-lobby .ref-pool-tile.active,
.phase-lobby .btn.option.active, .phase-lobby .ref-custom-budget.active > summary,
.phase-lobby .ref-lobby-panel .pill-row .btn.active,
.ref-tactic-option.active, .ref-formation-options button.active,
.ref-lineup-page .ref-tactic-option.active, .ref-lineup-page .ref-formation-options button.active {
  background: linear-gradient(120deg, #17485a, #164e43);
  border-color: var(--mts-green);
  box-shadow: inset 0 0 0 1px #53e2ad33;
  color: var(--mts-text);
}
.phase-lobby .ref-lobby-roster, .phase-lobby .ref-lobby-panel-heading,
.phase-lobby .ref-lobby-paired, .phase-lobby .ref-budget-section,
.phase-lobby .ref-lobby-blind { border-color: var(--mts-line); }
.phase-lobby .ref-lobby-manager, .phase-lobby .ref-lobby-empty {
  background: #102737;
  border-bottom-color: var(--mts-line);
}
.phase-lobby .ref-lobby-colors, .phase-lobby .ref-global-competitions {
  background: #0c2030;
  border-color: var(--mts-line);
}
.phase-lobby .ref-lobby-heading p, .phase-lobby .ref-lobby-invite > p,
.phase-lobby .ref-setting-help, .phase-lobby .ref-lobby-settings > .ref-setting-help,
.phase-lobby .ref-lobby-colors p, .phase-lobby .ref-invite-help,
.phase-lobby .ref-data-attribution > p, .phase-lobby .ref-lobby-rejoin p,
.phase-lobby .ref-lobby-details, .phase-lobby .ref-global-competitions summary small,
.ref-formation-card p, .ref-field-instruction { color: var(--mts-muted); }
.accent, .section-label, .manager .balance, .code, .ref-squad-heading b,
.ref-final-intro .eyebrow,
.ref-tactic-explainer b, .ref-instructions b { color: var(--mts-green); }
.ref-lineup-page .ref-tactic-explainer b, .ref-lineup-page .ref-selected-role > b { color: var(--mts-soft); }
.ref-orange-pill, .ref-auction-heading .ref-orange-pill { background: #103442; border-color: #3c8290; color: var(--mts-soft); }
.ref-credit-transfers summary { color: var(--mts-soft); }
.ref-transfer-panel p, .ref-transfer-panel small { color: var(--mts-muted); }
.ref-transfer-offer { border-color: var(--mts-line); }
.ref-data-attribution a { color: var(--mts-blue); }
.ref-global-competitions input[type=checkbox] { accent-color: var(--mts-green); }

/* Match centre and results chrome. The field, team markers and stats are untouched. */
.authentic-match .ref-match-panel, .authentic-match .ref-match-tab-content,
.result-panel, .result-lineups article {
  color: var(--mts-text);
  background: var(--mts-panel);
  border-color: var(--mts-line);
  border-radius: 10px;
}
.authentic-match .round-pill {
  color: var(--mts-soft);
  background: #123647;
  border-color: #408294;
  box-shadow: inset 0 0 0 3px #153c4b;
}
.authentic-match.match-is-final .match-score-area {
  background: linear-gradient(#143e4b99, transparent 75%);
  border-top-color: #4d9e9e;
}
.authentic-match .ref-match-tabs button { background: #102737; border-bottom-color: #35576c; }
.authentic-match .ref-match-tabs button.active { background: #174555; border-bottom-color: var(--mts-green); }
.match-speed-options button.active, .speed-buttons button.active {
  background: #185044;
  border-color: var(--mts-green);
  color: var(--mts-text);
}
.match-exit .btn { background: #112a3c; color: var(--mts-muted); border-color: var(--mts-line); }
.authentic-results { color: var(--mts-text); }
.result-champion {
  background: radial-gradient(ellipse at 50% 0%, #1b665c80, transparent 65%), #102435;
  border-color: #4a8b90;
  box-shadow: inset 0 0 0 5px #0d2030;
}
.result-champion > p:first-child, .result-scorer:first-of-type,
.result-actions > span b { color: var(--mts-green); }
.result-champion .result-victory-line, .result-champion > small,
.result-award small, .results-evidence-note, .result-lineups > p,
.result-actions > span { color: var(--mts-muted); }
.result-reveal { background: #102c3c; border-color: #3b677a; }
.result-reveal > span { color: var(--mts-muted); }
.result-final-card, .result-tournament-stats { background: #102a3b; border-color: var(--mts-line); }
.result-final-card h3 { color: var(--mts-soft); }
.result-number-grid > div, .result-leaderboard { background: #153244; border-color: #3b6478; }
.result-number-grid strong { color: var(--mts-soft); }
.result-number-grid span, .result-leaderboard > p { color: var(--mts-muted); }
.result-leaderboard h3, .result-scorer, .result-actions { border-color: var(--mts-line); }

/* Retain the Golden Ball and portrait artwork; dress only their stage in blue-green. */
.winner-ceremony { color: var(--mts-text); background: #102435; border-color: #437e84; }
.ceremony-stage { background: radial-gradient(ellipse at 72% 44%, #245d58 0, #102a39 39%, #091b2b 74%); }
.ceremony-halo { border-color: #73d4ce77; box-shadow: 0 0 0 18px #55c9f30a, 0 0 0 45px #53e2ad06; }
.ceremony-halo:after { border-color: #a2f3d450; }
.ceremony-eyebrow { color: var(--mts-soft); }
.ceremony-copy h2 { color: var(--mts-text); }
.ceremony-stat, .ceremony-controls > span { color: var(--mts-muted); }
.ceremony-controls { background: #0b2030; border-color: var(--mts-line); }
.ceremony-controls button {
  border-color: #568693!important;
  color: var(--mts-text)!important;
  background: #174153!important;
}
.ceremony-credit { background: #0d2332; color: var(--mts-muted); }
@media(max-width:680px) {
  .ceremony-stage { background: radial-gradient(ellipse at 50% 68%, #245d58, #091b2b 73%); }
}

/* One visible keyboard focus treatment without changing click or tab behaviour. */
body :is(a, button, input, select, summary, [tabindex]):focus-visible {
  outline: 3px solid var(--mts-focus)!important;
  outline-offset: 3px!important;
  box-shadow: 0 0 0 6px var(--mts-navy)!important;
}
@media(prefers-contrast:more) {
  :root { --mts-line: #7796a6; --mts-muted: #d0e2ec; }
}

/* Fictional-credit roulette uses the existing identity, without layout changes. */
.ref-underdog-roulette { background: var(--mts-panel); color: var(--mts-text); border-color: var(--mts-line); }
.ref-underdog-roulette summary { color: var(--mts-soft); }
.ref-underdog-roulette input { background: #0b1e2d; color: var(--mts-text); border-color: #55788a; }

/* New skilled-choice surfaces inherit the identity; layout stays in match CSS. */
.skilled-penalty-sides button { background: var(--mts-raised); color: var(--mts-text); border-color: var(--mts-blue); }
.skilled-penalty-sides button[aria-pressed="true"] { background: #174b4a; border-color: var(--mts-green); }
.skilled-penalty-reveal { background: var(--mts-panel); color: var(--mts-text); }