/* ============ TOUCHLINE FC — SÂN CỎ TRONG TAY ============ */
* { margin:0; padding:0; box-sizing:border-box; -webkit-tap-highlight-color:transparent; }
:root {--button-primary:#4cc2ff;--button-primary-ink:#0d2137;--button-primary-edge:#1a7ab0;--button-focus:#b9e9ff;--button-radius:12px;}
/* Unified local SVG icons replace OS-dependent emoji across interface and match text. */
.game-icon { display:inline-block; width:1em; height:1em; flex:none; overflow:visible; vertical-align:-.15em; shape-rendering:crispEdges; }
.game-icon-flag { width:1.35em; height:.9em; vertical-align:-.05em; filter:drop-shadow(0 1px 1px rgba(0,0,0,.32)); }
.crest .game-icon { width:1.18em; height:1.18em; }
html,body { width:100%; height:100%; background:#0d1118; overflow:hidden; touch-action:manipulation; }
body { font-family:'Fredoka', -apple-system, 'Segoe UI', system-ui, sans-serif; user-select:none; -webkit-user-select:none; }

#app { width:100vw; height:100vh; height:100dvh; display:flex; align-items:center; justify-content:center; }
#stage {
  width:450px; height:800px; position:relative; flex:none; transform-origin:center center;
  color:#dce7ed;
  background:radial-gradient(120% 90% at 50% -10%, #2f3d51 0%, #232c38 48%, #151c27 100%);
  display:flex; flex-direction:column;
  overflow:hidden;
  box-shadow:0 0 60px rgba(0,0,0,.8);
}
.hidden { display:none !important; }
.spacer { flex:1; }

/* ---------- QUIET MATCH HEADER ---------- */
#topbar {height:40px;flex:none;display:flex;align-items:center;gap:10px;padding:4px 12px;background:#1b2633;}
.chip-btn {width:32px;height:32px;border:0;border-radius:8px;background:transparent;color:#9bafbf;font-size:17px;cursor:pointer;}
#week-chip {display:flex;align-items:baseline;gap:7px;min-width:0;}
#week-label {color:#edf3f8;font-size:12px;font-weight:600;white-space:nowrap;}
#season-label {color:#8298aa;font-size:12px;white-space:nowrap;}
.res-chip {display:flex;align-items:center;gap:5px;color:#d9e5ed;font-size:12px;font-weight:500;white-space:nowrap;font-variant-numeric:tabular-nums;}
.res-chip .ic {font-size:13px;}
.res-chip.gems {padding-left:10px;border-left:1px solid #ffffff12;}
#match-header {
  height:54px;flex:none;position:relative;isolation:isolate;display:grid;
  grid-template-columns:minmax(0,1fr) 88px minmax(0,1fr);align-items:center;gap:7px;padding:0 12px 3px;
  background:#1b2633;border:3px solid transparent;
  border-image-source:url("../assets/ui/match-header-frame-v1.png");
  border-image-slice:8 fill;border-image-width:3px;border-image-repeat:stretch;
}
#match-header::before,#match-header::after {content:"";position:absolute;z-index:0;top:10px;bottom:10px;width:2px;border-radius:1px;pointer-events:none;}
#match-header::before {left:3px;background:#54c6ed;box-shadow:0 0 7px #54c6ed35;}
#match-header::after {right:3px;background:#e4bd5d;box-shadow:0 0 7px #e4bd5d35;}
#match-header>* {position:relative;z-index:1;}
.team-chip {display:flex;align-items:center;gap:7px;min-width:0;}
.team-chip.away {flex-direction:row-reverse;}
.crest {width:28px;height:30px;border-radius:7px;flex:none;display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:600;border:1px solid #ffffff30;box-shadow:none;}
.team-chip.home .crest {border-color:#54c6ed99;box-shadow:inset 0 0 0 1px #ffffff17,0 2px 5px #0004;}
.team-chip.away .crest {border-color:#e4bd5d99;box-shadow:inset 0 0 0 1px #ffffff17,0 2px 5px #0004;}
.club-crest-img {display:inline-block;flex:none;object-fit:contain;vertical-align:middle;image-rendering:pixelated;}
.club-crest-fallback {display:inline-grid;width:20px;height:20px;place-items:center;vertical-align:middle;border-radius:50%;background:#334155;color:#e8eff5;font-size:12px;font-weight:700;}
.crest .club-crest-img {width:28px;height:28px;}
#league-table td.tl .club-crest-img {width:19px;height:19px;margin-right:3px;}
.stage-result-team .club-crest-img {width:18px;height:18px;}
.stage-result-team.away .club-crest-img {margin-left:2px;}
.stage-next-fixture .club-crest-img {width:20px;height:20px;margin-right:4px;}
.tinfo {display:flex;flex-direction:column;gap:3px;min-width:0;}
.team-chip.away .tinfo {align-items:flex-end;}
.tname {max-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#e8eff5;font-size:12px;font-weight:600;}
.tpow {color:#8fa5b5;font-size:12px;font-weight:400;}
#score-wrap {min-width:84px;padding:0 3px;border:1px solid #e5f0f51a;border-radius:8px;background:linear-gradient(180deg,#101d2a99,#0d182499);box-shadow:inset 0 1px 0 #ffffff10,0 2px 5px #0003;display:flex;flex-direction:column;align-items:center;gap:0;line-height:1;}
#score-wrap .row {height:26px;line-height:26px;display:flex;align-items:center;justify-content:center;gap:5px;}
#score-home,#score-away {min-width:25px;text-align:center;color:#f8fbfd;font-size:27px;font-weight:600;font-variant-numeric:tabular-nums;}
#score-wrap .dash {color:#708697;font-size:17px;}
#match-clock {color:#a9c6d6;font-size:12px;font-weight:500;line-height:9px;font-variant-numeric:tabular-nums;}

/* ---------- PITCH ---------- */
#pitch-wrap { flex:none; position:relative; background:#0d1118; }
#pitch { display:block; width:450px; height:252px; image-rendering:auto; }
#ticker {
  position:absolute; left:50%; bottom:5px; transform:translate(-50%,6px);
  display:flex; align-items:center; gap:7px; width:max-content; max-width:calc(100% - 32px); min-height:26px;
  padding:4px 11px; overflow:hidden; border:1px solid rgba(255,255,255,.14); border-radius:999px;
  background:rgba(10,16,23,.9); box-shadow:0 3px 12px rgba(0,0,0,.28); pointer-events:none;
  opacity:0; visibility:hidden; transition:opacity .18s ease,transform .18s ease,visibility .18s ease;
}
#ticker.active {transform:translate(-50%,0);opacity:1;visibility:visible;}
.ticker-indicator {width:5px;height:5px;flex:none;border-radius:50%;background:#62c9ff;box-shadow:0 0 7px rgba(98,201,255,.65);}
.ticker-minute {flex:none;padding:2px 5px;border-radius:7px;background:rgba(76,194,255,.13);color:#91d9ff;font-size:12px;font-weight:700;line-height:1.1;font-variant-numeric:tabular-nums;}
#ticker-text {min-width:0;overflow:hidden;color:#dce8f3;font-size:12px;font-weight:500;line-height:1.25;white-space:nowrap;text-overflow:ellipsis;}
#event-banner {
  position:absolute; top:29px; left:50%; transform:translateX(-50%);
  max-width:calc(100% - 20px); overflow:hidden; padding:5px 13px;
  background:rgba(8,12,18,.9); border:1px solid #ffd83d; border-radius:999px; color:#fff;
  font-size:14px; font-weight:700; line-height:1.2; letter-spacing:.45px;
  z-index:6; white-space:nowrap; text-overflow:ellipsis; box-shadow:0 2px 12px rgba(0,0,0,.32);
  animation:bannerPop .24s ease-out;
}
#event-banner.goal { border-color:#37e05f; color:#37e05f; text-shadow:0 0 18px rgba(55,224,95,.6); }
#event-banner.half { border-color:#4cc2ff; color:#4cc2ff; }
@keyframes bannerPop { 0%{transform:translate(-50%,-5px) scale(.92); opacity:0;} 70%{transform:translate(-50%,1px) scale(1.03);} 100%{transform:translate(-50%,0) scale(1);} }

/* Four quiet metrics form one strip beneath the match controls. */
#stats-bar {flex:none;height:38px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:center;padding:3px 10px;background:#192632;border-bottom:1px solid #ffffff08;}
.stat {min-width:0;display:flex;align-items:center;justify-content:center;gap:5px;padding:4px 3px;}
.stat+.stat {border-left:1px solid #ffffff0d;}
.stat .s-ic {display:none;}
.stat .s-lb {color:#90a5b6;font-size:12px;font-weight:500;letter-spacing:0;white-space:nowrap;}
.stat .s-v {color:#d0e2ec;font-size:12px;font-weight:500;font-variant-numeric:tabular-nums;}
.stat.power .s-v {color:#e0c892;font-weight:600;}

/* ---------- SCREENS ---------- */
#screens { flex:1; position:relative; overflow:hidden; }
.screen {
  position:absolute; inset:0; padding:6px 10px 12px 10px; overflow-y:auto;
  opacity:0; pointer-events:none; transition:opacity .15s;
}
.screen.active { opacity:1; pointer-events:auto; }
.screen-title { color:#fff; font-size:20px; font-weight:700; text-align:center; margin:4px 0 6px; }
.screen-title .div-name { display:block; font-size:12px; color:#ffd83d; margin-top:1px; }
.screen-sub { color:#8ea0b5; font-size:12px; text-align:center; margin-bottom:8px; }

/* Squad on a mini pitch — cards placed by true formation coordinates */
#screen-squad {display:flex;flex-direction:column;min-height:0;padding:5px 12px 6px;background:#192632;overscroll-behavior:contain;}
#squad-summary {min-height:36px;flex:none;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 1px 4px;color:#dce7ee;}
.squad-summary-copy {flex:1;min-width:0;}
#squad-summary strong {display:block;font-size:12px;font-weight:500;letter-spacing:0;}
#squad-summary small {display:block;margin-top:2px;color:#8299ab;font-size:12px;}
.formation-chip {padding:3px 7px;border:1px solid #ffffff12;border-radius:6px;background:#223542;color:#b1c7d7;font-size:12px;font-weight:500;font-variant-numeric:tabular-nums;}
#squad-pitch {
  position:relative; height:auto; min-height:112px; flex:1 1 145px; border-radius:9px; overflow:hidden;
  background:repeating-linear-gradient(90deg, #22321f 0 36px, #1f2d1c 36px 72px);
  border:1px solid #ffffff12;
}
#screen-squad #limited-rail {gap:2px;margin-bottom:4px;}
#screen-squad .limited-card {min-height:30px;gap:6px;padding:2px 7px;}
#screen-squad .limited-card img {width:20px;height:20px;}
#squad-pitch::before {
  content:''; position:absolute; inset:5px;
  border:1px solid rgba(255,255,255,.16); border-radius:2px;
  background:
    radial-gradient(circle at 50% 50%, transparent 0 33px, rgba(255,255,255,.22) 33px 35px, transparent 35px),
    linear-gradient(rgba(255,255,255,.22), rgba(255,255,255,.22)) 50% 0/2px 100% no-repeat;
}
#squad-grid { position:absolute; inset:0; }
.squad-row { display:contents; }
.player-card {
  position:absolute; width:52px; height:72px; transform:translate(-50%,-50%);
  overflow:hidden; cursor:pointer; font-family:inherit; color:#fff;
  background-color:transparent; background-repeat:no-repeat; background-size:400% 200%;touch-action:manipulation;
  transition:transform .08s;
}
.player-card::before {content:"";position:absolute;z-index:0;inset:17px 10px 19px;background:rgba(19,36,31,.9);border-radius:2px;}
.player-card:active { transform:translate(-50%,-50%) scale(.94); }
.player-card.swap-selected {z-index:4;outline:2px solid #9ce8bc;outline-offset:1px;filter:drop-shadow(0 0 5px #75e2a580);transform:translate(-50%,-50%) scale(1.05);}
.player-card .pc-top { position:absolute; top:0; left:0; right:0; display:flex; justify-content:space-between; padding:2px 3px 0; z-index:2; }
.player-card .pc-pos { font-size:7px; font-weight:700; color:#eef9ff; background:rgba(0,0,0,.45); padding:1px 2px; border-radius:3px; }
.player-card .pc-age { display:none; }
.player-card .pc-flag { font-size:12px; }
.player-card img { position:relative; z-index:1; display:block; width:32px; height:32px; margin:17px auto 0; image-rendering:pixelated; border-radius:2px; }
.player-card .pc-rate {
  text-align:center; color:#fff; font-weight:700; font-size:12px; line-height:1; padding:0;
  text-shadow:0 2px 0 rgba(0,0,0,.4);
}
.pc-badge {
  position:absolute; right:3px; bottom:3px; font-size:12px; font-weight:700;
  background:rgba(8,12,18,.85); border-radius:6px; padding:1px 3px; z-index:2;
}
.pc-badge.inj { color:#ff9b93; }
.pc-badge.susp { color:#ff5b4d; }
.player-card .pc-flag {position:absolute;left:3px;bottom:3px;padding:0 1px;border-radius:2px;background:rgba(8,14,19,.78);font-size:7px;line-height:9px;z-index:2;}
.player-card.quality-tier-0,.pd-avatar-frame.quality-tier-0 {--quality-accent:#aeb9c1;background-image:url('../assets/cards/player-card-atlas.png');background-position:0% 0%;}
.player-card.quality-tier-1,.pd-avatar-frame.quality-tier-1 {--quality-accent:#84b99a;background-image:url('../assets/cards/player-card-atlas.png');background-position:33.333% 0%;}
.player-card.quality-tier-2,.pd-avatar-frame.quality-tier-2 {--quality-accent:#58ca69;background-image:url('../assets/cards/player-card-atlas.png');background-position:66.667% 0%;}
.player-card.quality-tier-3,.pd-avatar-frame.quality-tier-3 {--quality-accent:#43c7bd;background-image:url('../assets/cards/player-card-atlas.png');background-position:100% 0%;}
.player-card.quality-tier-4,.pd-avatar-frame.quality-tier-4 {--quality-accent:#68a6f4;background-image:url('../assets/cards/player-card-atlas.png');background-position:0% 100%;}
.player-card.quality-tier-5,.pd-avatar-frame.quality-tier-5 {--quality-accent:#a98aef;background-image:url('../assets/cards/player-card-atlas.png');background-position:33.333% 100%;}
.player-card.quality-tier-6,.pd-avatar-frame.quality-tier-6 {--quality-accent:#f1b947;background-image:url('../assets/cards/player-card-atlas.png');background-position:66.667% 100%;}
.player-card.quality-tier-7,.pd-avatar-frame.quality-tier-7 {--quality-accent:#ef78b0;background-image:url('../assets/cards/player-card-atlas.png');background-position:100% 100%;}
.quality-tier-0 {--quality-accent:#aeb9c1;}
.quality-tier-1 {--quality-accent:#84b99a;}
.quality-tier-2 {--quality-accent:#58ca69;}
.quality-tier-3 {--quality-accent:#43c7bd;}
.quality-tier-4 {--quality-accent:#68a6f4;}
.quality-tier-5 {--quality-accent:#a98aef;}
.quality-tier-6 {--quality-accent:#f1b947;}
.quality-tier-7 {--quality-accent:#ef78b0;}
.bench-card.quality-tier-0,.bench-card.quality-tier-1,.bench-card.quality-tier-2,.bench-card.quality-tier-3,
.bench-card.quality-tier-4,.bench-card.quality-tier-5,.bench-card.quality-tier-6,.bench-card.quality-tier-7 {border-color:var(--quality-accent);}

/* Limited offer is a secondary list row, not a competing promotion banner. */
#limited-rail {position:static;display:flex;flex-direction:column;gap:4px;margin:0 0 8px;}
.limited-card {position:relative;display:grid;grid-template-columns:auto 24px minmax(0,1fr) auto;align-items:center;gap:8px;width:100%;min-height:36px;padding:5px 8px;border:1px solid #ffffff0d;border-radius:7px;background:#23313f;box-shadow:none;color:#c4d3df;text-align:left;font-family:inherit;cursor:pointer;overflow:hidden;}
.limited-card img {display:block;width:24px;height:24px;margin:0;image-rendering:pixelated;border-radius:3px;}
.limited-card .lt-tag {font-size:7px;font-weight:500;letter-spacing:.3px;color:#cdbb90;}
.limited-card .lt-copy {display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0;}
.limited-card .lt-meta {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#c4d3df;font-size:12px;font-weight:500;line-height:1.3;}
.limited-card .lt-timer {flex:none;color:#90a5b7;font-size:12px;font-weight:400;white-space:nowrap;font-variant-numeric:tabular-nums;}
.limited-card .lt-open {color:#839eaf;font-size:16px;line-height:1;}
.limited-card:hover {background:#293b4b;}
.limited-card:focus-visible {outline:2px solid #9dd5f4;outline-offset:2px;}

/* bench row */
#bench-row {
  display:flex; align-items:center; justify-content:flex-start; gap:6px; min-height:64px; margin-top:4px;
  padding:3px 7px; background:rgba(23,30,40,.88); border:1px solid #ffffff0b;border-radius:10px; flex:none;
  overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;scroll-snap-type:x proximity;
}
.bench-lb {display:flex;flex:none;align-items:center;width:52px;color:#8fa5b7;font-size:12px;font-weight:600;letter-spacing:0;line-height:1.15;}
.bench-lb span {display:block;}
.bench-card {
  position:relative;display:flex;flex:none;flex-direction:column;align-items:center;justify-content:center;width:52px;min-height:56px;border-radius:8px;padding:2px 1px 3px;cursor:pointer;scroll-snap-align:start;
  background:linear-gradient(180deg,#304456,#24323f);border:1px solid #4a5a6e;color:#edf4f8;text-align:center;font-family:inherit;touch-action:manipulation;
}
.bench-card img { width:28px; height:28px; image-rendering:pixelated; border-radius:5px; display:block; margin:0 auto; }
.bench-card .bc-rate { display:block; color:#fff; font-weight:700; font-size:12px; line-height:1.1; }
.bench-card .bc-foot {display:flex;width:100%;align-items:center;justify-content:center;gap:3px;min-height:9px;}
.bench-card .bc-pos { display:block; color:#9fd6ff; font-size:12px; font-weight:700;line-height:1.05; }
.bench-card .bc-flag {display:inline-flex;align-items:center;max-width:13px;height:8px;overflow:hidden;border-radius:2px;background:#14202a;line-height:1;}
.bench-card .bc-flag .game-icon-flag {width:11px;height:7px;vertical-align:0;}
.bench-card .pc-badge { top:-4px; right:-3px; }
.bench-card.swap-eligible {border-color:#74dcad;box-shadow:inset 0 0 0 1px #74dcad35;}
.bench-card.swap-ineligible {opacity:.52;}
.bench-card:active {transform:scale(.96);}
.bench-card:focus-visible {outline:2px solid #f4ce66;outline-offset:2px;}

/* potential row */
.pot-row { margin-top:5px; font-size:12px; color:#8ea0b5; font-weight:600; }
.pot-row b { color:#c9a7ff; font-size:13px; }
.cmp-card.prospect .pot-row b { color:#37e05f; }
.cmp-card[class*="quality-tier-"] {border-left-color:var(--quality-accent);}

/* transfers */
.tr-empty { text-align:center; color:#8ea0b5; font-size:13px; padding:26px 12px; line-height:1.5; }
.tr-row {
  display:flex; align-items:center; gap:8px; padding:7px 10px; margin-bottom:5px;
  background:#232c3a; border-radius:10px; font-size:12px; color:#dde8f4;
}
.tr-season { color:#7f92a8; font-size:12px; font-weight:700; width:52px; flex:none; }
.tr-type { font-size:12px; font-weight:700; padding:2px 6px; border-radius:6px; letter-spacing:.4px; flex:none; }
.tr-type.in { background:#1e3b2a; color:#7dffa2; }
.tr-type.out { background:#3b2430; color:#ff9b93; }
.tr-name { flex:1; font-weight:600; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.tr-name i { color:#ffd83d; font-style:normal; font-weight:700; }
.tr-fee { color:#ffd83d; font-weight:700; font-size:12px; flex:none; }

/* subtabs */
.subtabs { display:flex; gap:8px; justify-content:center; margin-bottom:8px; }
.subtab {
  border:none; background:#3a4a5e; color:#aebdd0; font-weight:700; font-family:inherit;
  padding:7px 22px; border-radius:var(--button-radius); font-size:14px; cursor:pointer; box-shadow:0 3px 0 #232d3a;
}
.subtab.active { background:var(--button-primary); color:var(--button-primary-ink); box-shadow:0 3px 0 var(--button-primary-edge); }

/* League table */
#league-table { width:100%; border-collapse:collapse; font-size:11.5px; color:#dde8f4; }
#league-table th { color:#7f92a8; font-size:12px; padding:4px 2px; text-align:center; }
#league-table th.tl { text-align:left; }
#league-table td { padding:5px 2px; text-align:center; background:#232c3a; border-bottom:2px solid #171e28; }
#league-table td.tl { text-align:left; font-weight:600; max-width:130px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
#league-table tr.my-team td { background:#1e3b2a; color:#7dffa2; font-weight:700; }
#league-table td.pts { font-weight:700; color:#ffd83d; }
#league-table tr.releg td.tl::after { content:' ↓'; }

/* Training / Tactics / Store cards */
.card-list { display:flex; flex-direction:column; gap:9px; }
.wide-card {
  background:#2b3646; border-radius:14px; padding:10px 12px; display:flex; align-items:center; gap:10px;
  border:2px solid #3a4a5e;
}
.wide-card .wc-ic {
  width:52px; height:52px; flex:none; border-radius:12px; background:#1a222e;
  display:flex; align-items:center; justify-content:center; font-size:26px;
}
.wide-card .wc-body { flex:1; min-width:0; }
.wide-card .wc-title { color:#fff; font-weight:700; font-size:15px; }
.wide-card .wc-desc { color:#8ea0b5; font-size:12px; margin-top:1px; line-height:1.25; }
.wide-card .wc-sub { color:#4cc2ff; font-size:12px; font-weight:600; margin-top:2px; }
.action-btn {
  --action-face:var(--button-primary);--action-ink:var(--button-primary-ink);--action-edge:var(--button-primary-edge);
  border:1px solid rgba(255,255,255,.2);font-family:inherit;font-weight:700;cursor:pointer;border-radius:var(--button-radius);
  padding:8px 12px;font-size:13px;line-height:1.2;color:var(--action-ink);background:var(--action-face);box-shadow:0 3px 0 var(--action-edge);
  white-space:nowrap;transition:transform .12s ease,filter .12s ease,box-shadow .12s ease,border-color .12s ease;
}
.action-btn.green {--action-face:#2e9d46;--action-ink:#fff;--action-edge:#1a5e28;}
.action-btn.gold {--action-face:#d18a2e;--action-ink:#fff;--action-edge:#8a5616;}
.action-btn.red {--action-face:#d13a4e;--action-ink:#fff;--action-edge:#8a1f2e;}
.action-btn:not(:disabled):active {transform:translateY(2px);filter:brightness(.96);box-shadow:0 1px 0 var(--action-edge);}
.action-btn:disabled { filter:grayscale(.8) brightness(.7); cursor:default; }

/* Cup bracket */
#cup-status { color:#8ea0b5; text-align:center; font-size:13px; padding:14px 10px; line-height:1.4; }
.cup-round { margin-bottom:10px; }
.cup-round h4 { color:#4cc2ff; text-align:center; font-size:13px; margin-bottom:5px; }
.cup-tie { display:flex; justify-content:center; gap:6px; margin-bottom:4px; font-size:12px; color:#dde8f4; }
.cup-tie .ct { background:#232c3a; border-radius:8px; padding:5px 8px; min-width:150px; display:flex; justify-content:space-between; gap:8px; }
.cup-tie .winner { color:#7dffa2; font-weight:700; }
.cup-tie .sc { color:#ffd83d; font-weight:700; }

/* ---------- COMPACT SCOUT DOCK & NAVIGATION ---------- */
#scout-bar {position:relative;flex:none;height:52px;order:1;display:flex;align-items:center;gap:12px;padding:5px 12px;background:#1b2936;border-top:1px solid #ffffff0c;}
#btn-scout-hub {flex:1;min-width:0;min-height:40px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:3px;border:0;background:transparent;color:#d9e5ee;font-family:inherit;cursor:pointer;text-align:left;}
#scout-level-lb {font-size:12px;font-weight:500;}
.scout-meta {display:flex;align-items:center;gap:9px;color:#8ea4b5;font-size:12px;}
#calls-badge {font-variant-numeric:tabular-nums;}
#auto-state {display:inline-flex;align-items:center;gap:4px;font-size:12px;color:#9bcbb5;}
#auto-state:before {content:'';width:4px;height:4px;border-radius:50%;background:#75bb98;}
#btn-scout {min-height:36px;padding:0 14px;display:flex;align-items:center;justify-content:center;gap:7px;border:1px solid #4a94bf;border-radius:9px;background:#28698f;color:#f2f8fc;font-family:inherit;cursor:pointer;}
#btn-scout .binoc {font-size:17px;}
#btn-scout .scout-lb {font-size:12px;font-weight:500;}
#btn-scout:active {background:#225b7c;}
#bottom-nav {flex:none;height:56px;display:flex;gap:3px;padding:3px 7px;order:2;background:#16212c;border-top:1px solid #ffffff0b;}
.nav-btn {position:relative;flex:1;min-width:0;border:0;border-radius:8px;background:transparent;color:#7f95a7;font-family:inherit;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;}
.nav-btn .n-ic {width:21px;height:21px;display:flex;align-items:center;justify-content:center;font-size:20px;filter:grayscale(.8) opacity(.65);}
.nav-btn .n-lb {font-size:12px;font-weight:500;letter-spacing:.15px;}
.nav-btn.active {background:#253747;color:#b5dcf3;}
.nav-btn.active .n-ic {filter:none;}
.nav-btn.active:after {content:'';position:absolute;bottom:0;width:18px;height:2px;border-radius:2px;background:#79b6d9;}
.nav-btn .dot {position:absolute;top:5px;right:23%;width:5px;height:5px;border-radius:50%;background:#ecac73;display:none;pointer-events:none;}
.nav-btn .dot.on {display:block;}
#btn-scout:focus-visible,#btn-scout-hub:focus-visible,.nav-btn:focus-visible,.chip-btn:focus-visible,.scout-hub-row:focus-visible,.scout-switch:focus-visible {outline:2px solid #9dd5f4;outline-offset:2px;}
#modal-box.scout-hub {max-width:340px;padding:18px;}
.scout-hub-summary {display:flex;align-items:center;justify-content:space-between;gap:12px;margin:12px 0;color:#acbfcd;font-size:12px;}
.scout-hub-summary b {color:#edf4f9;font-weight:500;}
.scout-hub-row {width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;padding:10px 0;border:0;border-top:1px solid #ffffff13;background:transparent;color:#d7e5ef;font-family:inherit;font-size:12px;font-weight:500;cursor:pointer;}
.scout-hub-row:disabled {opacity:.45;cursor:default;}
.scout-hub-auto {display:flex;align-items:center;gap:14px;border-top:1px solid #ffffff13;padding-top:14px;}
.scout-hub-auto>div {flex:1;}
.scout-hub-auto b {font-size:12px;font-weight:500;color:#d7e5ef;}
.scout-hub-auto p {font-size:12px;line-height:1.5;color:#93a9bb;margin-top:5px;}
.scout-switch {width:44px;height:26px;flex:none;border:1px solid #526778;border-radius:20px;background:#273a49;cursor:pointer;padding:3px;}
.scout-switch i {display:block;width:18px;height:18px;border-radius:50%;background:#c5d3dd;transition:transform .15s;}
.scout-switch[aria-checked=true] {background:#397457;border-color:#5b9f7b;}
.scout-switch[aria-checked=true] i {transform:translateX(17px);background:#effaf4;}
@media(prefers-reduced-motion:reduce){.scout-switch i{transition:none;}}

/* ---------- MODALS ---------- */
#modal-root { position:absolute; inset:0; z-index:50; }
#modal-backdrop { position:absolute; inset:0; background:rgba(5,8,12,.75); }
#modal-box {
  position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);
  width:394px; max-height:730px; overflow-y:auto;
  background:#2b3646; border-radius:18px; border:2px solid #3a4a5e;
  box-shadow:0 10px 40px rgba(0,0,0,.6); padding:14px;
  animation:modalIn .22s ease-out;
}
#modal-box.player-detail-modal {
  display:flex; flex-direction:column; width:min(330px,calc(100% - 24px));
  max-height:min(620px,calc(100% - 24px)); overflow:hidden; padding:10px;
}
.player-detail-modal .pd-scroll { min-height:0; overflow-y:auto; overscroll-behavior:contain; padding-right:2px; }
.player-detail-modal .pd-footer { flex:none; margin-top:8px; padding-top:8px; border-top:1px solid rgba(255,255,255,.1); background:#2b3646; }
#modal-box.squad-swap-modal {width:min(330px,calc(100% - 24px));max-height:min(420px,calc(100% - 24px));padding:12px;}
.squad-swap-title {margin:0 0 10px;color:#e7eff5;font-size:13px;}
.squad-swap-pair {display:grid;grid-template-columns:minmax(0,1fr) 22px minmax(0,1fr);align-items:center;gap:5px;}
.squad-swap-person {display:flex;min-width:0;flex-direction:column;align-items:center;gap:3px;padding:8px 4px;border:1px solid #ffffff12;border-radius:10px;background:#202d3b;text-align:center;}
.squad-swap-person.incoming {border-color:#74dcad55;background:#1d342e;}
.squad-swap-person small {color:#9cafbd;font-size:12px;font-weight:600;}
.squad-swap-person img {display:block;width:34px;height:34px;object-fit:contain;image-rendering:pixelated;}
.squad-swap-person b {max-width:100%;overflow:hidden;color:#f1f6fa;font-size:12px;text-overflow:ellipsis;white-space:nowrap;}
.squad-swap-person span {color:#9fb1c1;font-size:12px;}
.squad-swap-arrow {color:#8eddb1;font-size:18px;text-align:center;}
.squad-swap-arrow .game-icon {width:18px;height:18px;vertical-align:middle;}
.squad-swap-fit {margin:8px 0;color:#a9bac9;font-size:12px;text-align:center;}
.squad-swap-actions {display:flex;gap:8px;}
.squad-swap-actions .action-btn {flex:1;min-width:0;min-height:44px;padding:6px;font-size:12px;}
@keyframes modalIn { from{transform:translate(-50%,-46%) scale(.85); opacity:0;} to{transform:translate(-50%,-50%) scale(1); opacity:1;} }
.modal-title { color:#fff; font-weight:700; font-size:17px; margin-bottom:10px; display:flex; justify-content:space-between; align-items:center; }
.modal-x { background:none; border:none; color:#8ea0b5; font-size:20px; cursor:pointer; font-family:inherit; }

/* Scout odds: an at-a-glance current/next-level comparison tied to engine odds. */
.scout-modal-head { display:flex; align-items:center; gap:10px; margin:-2px 0 13px; padding:7px 0 11px; border-bottom:1px solid #435267; }
.scout-emblem { width:44px; height:44px; display:grid; place-items:center; flex:none; border-radius:13px; background:linear-gradient(145deg,#3c80d7,#24529b); font-size:25px; box-shadow:0 3px 0 #182f55; }
.scout-head-copy { flex:1; min-width:0; }
.scout-kicker { color:#7ebaff; font-size:12px; font-weight:700; letter-spacing:1px; }
.scout-heading { color:#fff; font-weight:700; font-size:20px; line-height:1.05; }
.scout-subtitle { color:#afc1d5; font-size:12px; margin-top:3px; }
.scout-modal-head .modal-x { align-self:flex-start; }
.odds-table { display:flex; flex-direction:column; gap:4px; }
.odds-head-row, .odds-row { display:grid; grid-template-columns:minmax(0,1fr) 66px 66px; align-items:center; }
.odds-head-row { min-height:24px; padding:0 8px; color:#afc1d5; font-size:12px; font-weight:700; text-align:right; }
.odds-head-row span:first-child { text-align:left; }
.odds-row { min-height:35px; overflow:hidden; border-radius:9px; background:var(--tier-bg); color:var(--tier-fg,#101720); }
.odds-row.tier-0 { --tier-bg:#c7c7cd; --tier-fg:#171b22; }
.odds-row.tier-1 { --tier-bg:#b7e18c; --tier-fg:#15211a; }
.odds-row.tier-2 { --tier-bg:#69d956; --tier-fg:#10220f; }
.odds-row.tier-3 { --tier-bg:#2dc7b5; --tier-fg:#08231f; }
.odds-row.tier-4 { --tier-bg:#4c9af3; --tier-fg:#071a31; }
.odds-row.tier-5 { --tier-bg:#8660e6; --tier-fg:#0c0618; }
.odds-row.tier-6 { --tier-bg:#edb72e; --tier-fg:#302106; }
.odds-row.tier-7 { --tier-bg:#e84c91; --tier-fg:#340d20; }
.odds-tier { display:flex; align-items:center; gap:7px; min-width:0; padding:0 7px; font-size:12px; font-weight:700; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.odds-marker { display:grid; place-items:center; width:21px; height:21px; flex:none; border-radius:50%; background:rgba(0,0,0,.17); font-size:12px; }
.odds-value { position:relative; align-self:stretch; display:flex; flex-direction:column; justify-content:center; align-items:flex-end; padding:0 8px 0 4px; overflow:hidden; }
.odds-value strong { position:relative; z-index:1; font-size:13px; }
.odds-value i { position:absolute; right:0; bottom:0; height:3px; max-width:100%; background:rgba(0,0,0,.28); }
.odds-value.next { background:rgba(0,0,0,.10); }
.odds-dash { color:inherit; font-weight:700; }
.scout-progress { margin-top:12px; color:#b8c7d7; font-size:12px; }
.scout-progress>div:first-child { display:flex; justify-content:space-between; align-items:center; margin-bottom:5px; }
.scout-progress strong { color:#fff; font-size:12px; }
.scout-progress-track { height:9px; overflow:hidden; border:1px solid #101823; border-radius:8px; background:#151d29; }
.scout-progress-track i { display:block; height:100%; border-radius:7px; background:linear-gradient(90deg,#4e9af4,#66d6a0); }
.scout-odds-note { margin:8px 0 9px; color:#9dafc0; font-size:12px; line-height:1.35; text-align:center; }
.scout-upgrade-btn { width:100%; min-height:56px; display:flex; align-items:center; justify-content:space-between; gap:8px; padding:8px 13px; border:2px solid #163f63; border-radius:13px; background:linear-gradient(180deg,#36a3e9,#1876bd); box-shadow:0 3px 0 #104b78; color:#fff; font-family:inherit; font-size:14px; font-weight:700; cursor:pointer; }
.scout-upgrade-btn strong { color:#e9ffeb; font-size:17px; white-space:nowrap; }
.scout-upgrade-btn strong.short { color:#ffb0a6; }
.scout-upgrade-btn:disabled { filter:saturate(.65); opacity:.78; cursor:default; }
.scout-cost-note { min-height:14px; margin-top:6px; color:#a9bacb; font-size:12px; text-align:center; }
.scout-upgrade-btn:disabled+.scout-cost-note { color:#ffb0a6; }

/* scout call modal */
#call-ring { text-align:center; padding:10px 0 14px; }
#call-ring .ph { font-size:54px; display:inline-block; animation:ring .5s infinite; }
@keyframes ring { 0%,100%{transform:rotate(-14deg);} 50%{transform:rotate(14deg);} }
#call-ring .caller { color:#4cc2ff; font-weight:700; font-size:16px; margin-top:8px; }
#call-ring .sub { color:#8ea0b5; font-size:12px; margin-top:2px; }

.compare-wrap { display:flex; flex-direction:column; gap:8px; }
.cmp-card {
  border-radius:14px; padding:9px 10px; display:flex; gap:10px; align-items:center; position:relative;
}
.cmp-card.current { background:#232c3a; border:2px solid #3a4a5e; }
.cmp-card.prospect { background:#1e3b2a; border:2px solid #2e9d46; }
.cmp-card .tag {
  position:absolute; top:-9px; left:12px; font-size:12px; font-weight:700; padding:2px 8px;
  border-radius:8px; color:#fff; letter-spacing:.4px;
}
.cmp-card.current .tag { background:#3a4a5e; }
.cmp-card.prospect .tag { background:#2e9d46; }
.cmp-card img { width:58px; height:58px; image-rendering:pixelated; border-radius:10px; background:#111722; flex:none; }
.cmp-body { flex:1; min-width:0; }
.cmp-name { color:#fff; font-weight:700; font-size:14px; display:flex; gap:6px; align-items:center; }
.cmp-name .fl { font-size:13px; }
.cmp-tier { color:#4cc2ff; font-size:12px; font-weight:600; margin:1px 0 3px; }
.cmp-card.prospect .cmp-tier { color:#7dffa2; }
.stat-row { display:flex; align-items:center; gap:6px; margin-top:2px; }
.stat-row .lb { width:66px; font-size:12px; color:#8ea0b5; font-weight:600; }
.stat-bar { flex:1; height:10px; background:#141a24; border-radius:5px; overflow:hidden; }
.stat-bar i { display:block; height:100%; border-radius:5px; }
.stat-row .vl { width:26px; text-align:right; font-weight:700; font-size:12px; color:#fff; }
.stat-row .delta { width:16px; font-size:12px; font-weight:700; }
.delta.up { color:#37e05f; } .delta.dn { color:#ff5b4d; } .delta.eq { color:#8ea0b5; }
.cmp-ovr {
  width:52px; flex:none; text-align:center; background:#141a24; border-radius:10px; padding:6px 0;
}
.cmp-ovr .n { font-size:20px; font-weight:700; color:#ffd83d; }
.cmp-ovr .l { font-size:8.5px; color:#8ea0b5; font-weight:700; }
.cmp-actions { display:flex; gap:10px; margin-top:12px; }
.cmp-actions .action-btn { flex:1; padding:12px 0; font-size:15px; }
.sell-note { color:#ffd83d; font-size:12px; text-align:center; margin-top:8px; font-weight:600; }

/* player detail */
.player-detail-modal .pd-title { margin:0 0 5px; color:#aebfd0; font-size:13px; line-height:1.2; }
.player-detail-modal .modal-x { margin:-4px -5px -4px 0; }
.pd-head { display:flex; gap:7px; align-items:center; margin-bottom:6px; }
.pd-avatar-frame { position:relative; flex:none; width:46px; height:64px; overflow:hidden; background-color:transparent; background-repeat:no-repeat; background-size:400% 200%; }
.pd-avatar-frame:before { content:""; position:absolute; z-index:0; inset:15px 9px 17px; border-radius:2px; background:rgba(19,36,31,.9); }
.pd-avatar-frame img { position:relative; z-index:1; display:block; width:28px; height:28px; margin:15px auto 0; border-radius:2px; image-rendering:pixelated; }
.pd-avatar-pos,.pd-avatar-flag { position:absolute; z-index:2; text-shadow:0 1px 2px #000; }
.pd-avatar-pos { top:4px; left:4px; color:#f5fbff; font-size:7px; font-weight:700; }
.pd-avatar-flag { bottom:3px; left:4px; font-size:12px; line-height:10px; }
.pd-identity { flex:1; min-width:0; }
.pd-name { overflow:hidden; color:#fff; font-size:15px; line-height:1.1; font-weight:700; text-overflow:ellipsis; white-space:nowrap; }
.pd-meta { margin-top:3px; color:#9aadc0; font-size:12px; line-height:1.25; }
.pd-traits { display:flex; flex-wrap:wrap; align-items:center; gap:4px; margin-top:5px; }
.pd-dev,.pd-potential { display:inline-flex; align-items:center; min-height:18px; padding:2px 6px; border-radius:7px; font-size:12px; line-height:1.2; white-space:nowrap; }
.pd-dev { color:#8fe5ac; background:rgba(39,153,86,.16); }
.pd-dev.dev_aging,.pd-dev.dev_declining { color:#ffb0a5; background:rgba(199,75,67,.16); }
.pd-potential { color:#d0aeff; background:rgba(142,95,200,.15); }
.pd-potential b { margin-left:3px; }
.pd-availability { color:#ffc77b; }
.pd-ovr { display:flex; flex:none; width:48px; height:48px; flex-direction:column; align-items:center; justify-content:center; margin-left:1px; border-radius:10px; background:#141a24; }
.pd-ovr .n { color:#ffd83d; font-size:20px; line-height:1; font-weight:700; }
.pd-ovr .l { margin-top:3px; color:#8ea0b5; font-size:12px; font-weight:700; }
.pd-stats { display:flex; flex-direction:column; gap:3px; margin:4px 0 0; }
.pd-stat-row { min-height:20px; gap:6px; margin:0; }
.pd-stat-row .lb { flex:none; width:88px; overflow:hidden; font-size:12px; text-overflow:ellipsis; white-space:nowrap; }
.pd-stat-row .stat-bar { height:6px; }
.pd-stat-row .vl { flex:none; width:23px; font-size:12px; }
.pd-actions { display:flex; gap:8px; }
.pd-actions .action-btn { flex:1; min-width:0; min-height:44px; padding:8px 6px; font-size:13px; }
.pd-medical-action {display:grid;gap:4px;margin-bottom:8px;padding:8px;border:1px solid #4e715d;border-radius:9px;background:#1f352c;}
.pd-medical-action .action-btn {width:100%;min-height:44px;}
.pd-medical-action small {color:#b9ccbd;font-size:12px;line-height:1.4;}
.store-supply-count {margin-left:5px;color:#9de0b4;font-size:13px;}
.pd-sale-note { margin:6px 1px 0; color:#a6b7c7; font-size:12px; line-height:1.25; font-weight:500; }
.pd-sale-note.locked { color:#f1c575; }
@media(max-width:370px){
  .pd-head {gap:7px;}
  .pd-avatar-frame {width:44px;height:62px;}
  .pd-stat-row .lb {width:78px;}
  .pd-ovr {width:46px;height:46px;}
}

/* settings */
.set-row { display:flex; justify-content:space-between; align-items:center; padding:9px 2px; border-bottom:1px solid #3a4a5e; color:#dde8f4; font-size:14px; font-weight:600; }
.kit-swatch { display:inline-block; width:18px; height:18px; border-radius:5px; vertical-align:middle; border:2px solid #0d1118; box-shadow:0 0 0 1px #3a4a5e; }
.club-brand-settings {display:flex;align-items:center;gap:7px;min-width:0;max-width:210px;padding:4px 8px;border:1px solid #41546a;border-radius:10px;background:#202d3c;color:#eaf2f8;font:inherit;cursor:pointer;}
.club-brand-settings b {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;}
.club-brand-settings>span:last-child {color:#9fb2c4;font-size:18px;}
#modal-box.club-brand-modal {width:min(394px,calc(100% - 22px));max-height:min(700px,calc(100% - 22px));}
.brand-name-label,.brand-pick-title {display:block;margin:7px 0;color:#a9bbce;font-size:12px;font-weight:700;}
.brand-name-preview {display:flex;align-items:center;gap:10px;padding:9px;border:1px solid #43566a;border-radius:12px;background:#202b39;}
.brand-name-preview img {width:48px;height:48px;object-fit:contain;image-rendering:pixelated;}
.brand-name-preview input {flex:1;min-width:0;padding:10px 11px;border:1px solid #485d71;border-radius:9px;outline:0;background:#111b26;color:#f3f7fb;font-family:inherit;font-size:15px;font-weight:600;}
.brand-name-preview input:focus {border-color:#55bfff;box-shadow:0 0 0 2px #55bfff30;}
.club-brand-grid {display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:7px;padding:5px 1px 10px;}
.club-brand-choice {display:grid;place-items:center;aspect-ratio:1/1;padding:4px;border:1px solid #47586b;border-radius:11px;background:#202b39;cursor:pointer;transition:transform .12s,border-color .12s,background .12s;}
.club-brand-choice img {width:100%;height:100%;object-fit:contain;image-rendering:pixelated;}
.club-brand-choice:hover {transform:translateY(-1px);border-color:#82bfff;}
.club-brand-choice.selected {border:2px solid #5fc7ff;background:#27445b;box-shadow:0 0 0 2px #5fc7ff28;}
.brand-editor-actions {display:flex;gap:9px;margin-top:7px;}
.brand-editor-actions button:first-child {min-width:90px;}
.brand-editor-actions button:last-child {flex:1;}
@media(max-width:380px){.club-brand-grid {grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;}.club-brand-choice {border-radius:9px;}}

/* ---------- TOASTS ---------- */
#toast-root { position:absolute; top:56px; left:0; right:0; z-index:60; display:flex; flex-direction:column; align-items:center; gap:6px; pointer-events:none; }
.toast {
  background:#171e28; color:#fff; font-weight:600; font-size:13px; padding:8px 16px; border-radius:20px;
  border:2px solid #3a4a5e; box-shadow:0 4px 14px rgba(0,0,0,.5); animation:toastIn .25s ease-out;
  display:flex; align-items:center; gap:6px; max-width:420px;
}
.toast.money { border-color:#2e9d46; color:#7dffa2; }
.toast.gem { border-color:#7a3fd1; color:#d9baff; }
.toast.bad { border-color:#d13a4e; color:#ff9b93; }
@keyframes toastIn { from{transform:translateY(-14px); opacity:0;} to{transform:translateY(0); opacity:1;} }
.toast.out { animation:toastOut .3s forwards; }
@keyframes toastOut { to{transform:translateY(-14px); opacity:0;} }

/* scrollbars */
.screen::-webkit-scrollbar, #modal-box::-webkit-scrollbar { width:5px; }
.screen::-webkit-scrollbar-thumb, #modal-box::-webkit-scrollbar-thumb { background:#3a4a5e; border-radius:3px; }

/* referee phase label + card banners */
#phase-label {
  position:static; z-index:auto; max-width:88px; overflow:hidden; text-overflow:ellipsis;
  font-size:12px; font-weight:700; line-height:8px; letter-spacing:.45px; color:#b3c7d4; white-space:nowrap;
}
#event-banner.card-y { border-color:#ffd83d; color:#ffd83d; text-shadow:0 0 8px rgba(255,216,61,.3); font-size:12px; letter-spacing:.2px; }
#event-banner.card-r { border-color:#ff5b4d; color:#ff7d74; text-shadow:0 0 8px rgba(255,91,77,.3); font-size:12px; letter-spacing:.2px; }

/* Manager controls preserve the existing pitch and pixel-art palette. */
#manager-bar {display:flex;align-items:center;gap:6px;padding:2px 10px;background:#192632;flex:none;min-height:40px;border-bottom:1px solid #ffffff10;}
#manager-bar>div {flex:1;min-width:0;}
#coach-status {display:block;font-size:12px;line-height:1.15;font-weight:600;color:#dce8f0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
#save-status {display:none;}
#save-status.warning {display:block;font-size:12px;line-height:1.2;color:#ffc66e;margin-top:2px;}
#manager-bar button {font-size:12px;min-height:36px;padding:5px 8px;border-radius:8px;box-shadow:none;}
#manager-bar #btn-speed {min-width:34px;flex:none;padding:0 4px;border:1px solid #ffffff15;background:transparent;color:#a9c1d3;font-family:inherit;font-weight:500;}
#manager-bar #coach-primary {max-width:128px;font-weight:500;background:#326c53;border:1px solid #548a70;color:#f0f7f3;}
#manager-bar #coach-open {background:transparent;border-color:#ffffff12;color:#b3c9d8;}
#coach-panel h3 {margin:12px 0 8px;font-size:16px;color:#f7e3a0;}
.coach-objective {padding:10px;border-left:3px solid #e8ba54;background:#273846;font-size:12px;color:#f7e3a0;}
.coach-help {font-size:12px;line-height:1.45;color:#b7c7d7;margin:6px 0;}
.plan-field {border:1px solid #41566b;border-radius:10px;padding:8px;margin:10px 0;background:#1c2a38;}
.plan-field legend {font-size:13px;font-weight:600;padding:0 5px;color:#dce8f4;}
.plan-options {display:flex;gap:6px;}
.plan-choice {flex:1;min-height:54px;padding:5px;border:1px solid #4c6277;border-radius:8px;background:#2b3c4e;color:#dbe9f5;font:600 13px inherit;cursor:pointer;}
.plan-choice.selected {border:2px solid #74dcad;background:#214939;color:#eefff5;}
.coach-player {display:flex;align-items:center;gap:8px;border-bottom:1px solid #3a4b5d;min-height:65px;padding:6px 0;}
.role-pill {width:32px;flex:none;font-size:12px;color:#76caed;font-weight:700;}
.coach-person {flex:1;min-width:0;font-size:13px;}
.coach-person span {font-size:12px;color:#a6bbd0;}
.coach-person small {display:block;font-size:12px;margin:3px 0;color:#b9ccda;}
.energy-track {height:4px;border-radius:3px;background:#111c26;width:92%;}
.energy-track i {display:block;height:100%;background:#6edda9;border-radius:3px;}
.coach-swap {min-width:55px;min-height:54px;padding:6px 9px;color:#e3f2ff;border:1px solid #486177;border-radius:9px;background:#2b4559;cursor:pointer;font-family:inherit;}
button:disabled {opacity:.5;cursor:default;}
.reserve-choice {display:block;width:100%;text-align:left;padding:12px;margin:8px 0;min-height:60px;background:#233f4e;border:1px solid #71a899;color:#fff;border-radius:10px;font-family:inherit;cursor:pointer;}
.reserve-choice span {display:block;font-size:12px;color:#b5d3df;margin-top:5px;}
.coach-report {border:1px solid #76b69d;background:#183c30;border-radius:12px;padding:12px;font-size:13px;line-height:1.8;}
.coach-report p {color:#b9d8c8;font-size:12px;}
button:focus-visible, .player-card:focus-visible {outline:3px solid #f4ce66;outline-offset:2px;}
.screen:not(.active) {visibility:hidden;}
.modal-x {min-width:44px;min-height:44px;}
@media (prefers-reduced-motion:reduce){* {animation:none!important;transition:none!important;}}
.managing #scout-bar {display:none;}
.managing #screen-tactics {padding-bottom:24px;}

/* Compact manager workspace: decisions first, details on demand. */
#coach-panel {padding-bottom:8px;}
#coach-panel h3 {margin:0;font-size:14px;line-height:1.25;color:#f4e3b0;}
.coach-objective {display:flex;align-items:center;gap:8px;padding:8px 10px;border-left:3px solid #dfb957;border-radius:8px;background:linear-gradient(110deg,#283a47,#202d39);font-size:12px;line-height:1.35;color:#f3e0a8;}
.coach-objective>span:first-child {font-size:16px;}
.coach-plan {margin-top:9px;padding:10px;border:1px solid #3b4e60;border-radius:12px;background:linear-gradient(145deg,#1e2c3a,#192531);box-shadow:0 4px 12px #050b1226;}
.coach-section-head {display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0;}
.coach-section-head small {overflow:hidden;color:#93a9bc;font-size:12px;line-height:1.25;text-align:right;text-overflow:ellipsis;white-space:nowrap;}
.formation-field {min-width:0;margin:8px 0 7px;padding:0;border:0;}
.formation-field legend {padding:0 0 5px;color:#a9bac9;font-size:12px;font-weight:700;letter-spacing:.4px;text-transform:uppercase;}
.formation-options {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;}
.formation-choice {display:flex;align-items:center;justify-content:center;gap:5px;min-width:0;min-height:43px;padding:5px 4px;border:1px solid #42576b;border-radius:9px;background:#263746;color:#dce8f2;font-family:inherit;font-size:12px;font-weight:700;cursor:pointer;}
.formation-choice.selected {border-color:#74dcad;background:linear-gradient(140deg,#244a3d,#1c3b33);color:#effff5;box-shadow:inset 0 0 0 1px #74dcad40;}
.formation-mini {position:relative;display:block;flex:none;width:33px;height:25px;overflow:hidden;border:1px solid #80b890;border-radius:4px;background:repeating-linear-gradient(90deg,#397346 0 8px,#326b40 8px 16px);}
.formation-mini:before {position:absolute;inset:2px;content:"";border:1px solid #ffffff72;background:linear-gradient(90deg,transparent calc(50% - .5px),#ffffff72 calc(50% - .5px),#ffffff72 calc(50% + .5px),transparent calc(50% + .5px));}
.formation-mini:after {position:absolute;top:50%;left:50%;width:6px;height:6px;content:"";transform:translate(-50%,-50%);border:1px solid #ffffff72;border-radius:50%;}
.formation-mini i {position:absolute;z-index:1;width:3px;height:3px;transform:translate(-50%,-50%);border:1px solid #e8f5eb;border-radius:50%;background:#d9f8e1;}
.tactical-rows {display:grid;gap:5px;}
.tactical-row {overflow:hidden;border:1px solid #35495a;border-radius:8px;background:#202f3d;}
.tactical-row>summary,.coach-report>summary,.coach-development>summary {display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:36px;padding:6px 9px;list-style:none;cursor:pointer;}
.tactical-row>summary::-webkit-details-marker,.coach-report>summary::-webkit-details-marker,.coach-development>summary::-webkit-details-marker {display:none;}
.tactical-row>summary span {overflow:hidden;color:#b5c5d3;font-size:12px;text-overflow:ellipsis;white-space:nowrap;}
.tactical-row>summary b {margin-left:auto;color:#e9f3fd;font-size:12px;white-space:nowrap;}
.tactical-row>summary i {color:#7f98ad;font-size:12px;font-style:normal;transition:transform .15s;}
.tactical-row[open]>summary i,.coach-development[open]>summary:after {transform:rotate(180deg);}
.tactical-options {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;padding:0 7px 7px;}
.tactical-options .plan-choice {min-height:34px;padding:4px;border:1px solid #465a6d;border-radius:7px;background:#2a3d4f;color:#d8e6f2;font-family:inherit;font-size:12px;font-weight:600;cursor:pointer;}
.tactical-options .plan-choice.selected {border-color:#72d9a7;background:#214637;color:#effff5;}
.tactical-row .coach-help {margin:0;padding:0 9px 8px;color:#91a7b9;font-size:12px;line-height:1.35;}
.coach-squad-head {margin:11px 1px 0;}
.coach-squad-note {margin:3px 1px 6px;color:#879caf;font-size:12px;line-height:1.3;}
.coach-pitch {position:relative;height:190px;overflow:hidden;border:1px solid #58745a;border-radius:11px;background:repeating-linear-gradient(90deg,#2f5a35 0 34px,#315f38 34px 68px);box-shadow:inset 0 0 20px #09130b45;}
.coach-pitch:before {position:absolute;inset:7px;content:"";border:1px solid #ffffff55;background:linear-gradient(90deg,transparent calc(50% - .5px),#ffffff48 calc(50% - .5px),#ffffff48 calc(50% + .5px),transparent calc(50% + .5px)),radial-gradient(circle at 50% 50%,transparent 0 23px,#ffffff48 24px 25px,transparent 26px);pointer-events:none;}
.coach-pitch:after {position:absolute;top:31%;left:0;width:100%;height:38%;content:"";background:linear-gradient(#ffffff4a,#ffffff4a) left top/10% 1px no-repeat,linear-gradient(#ffffff4a,#ffffff4a) left bottom/10% 1px no-repeat,linear-gradient(#ffffff4a,#ffffff4a) left top/1px 100% no-repeat,linear-gradient(#ffffff4a,#ffffff4a) right top/10% 1px no-repeat,linear-gradient(#ffffff4a,#ffffff4a) right bottom/10% 1px no-repeat,linear-gradient(#ffffff4a,#ffffff4a) right top/1px 100% no-repeat;pointer-events:none;}
.coach-pitch-player {position:absolute;z-index:1;display:grid;grid-template-columns:1fr auto;grid-template-rows:8px 11px 2px;gap:0 2px;width:54px;min-height:25px;padding:2px 3px;transform:translate(-50%,-50%);border:1px solid #e6f4ff55;border-radius:6px;background:linear-gradient(145deg,#234e73f2,#18334cf2);color:#f5f9fc;font-family:inherit;box-shadow:0 2px 5px #06100999;cursor:pointer;}
.coach-pitch-player:hover:not(:disabled),.coach-pitch-player:focus-visible {z-index:2;border-color:#ffe18a;box-shadow:0 0 0 2px #ffe18a70,0 3px 8px #061009aa;}
.coach-pitch-role {grid-column:1;grid-row:1;color:#b7d8f4;font-size:6px;font-weight:700;line-height:8px;text-align:left;}
.coach-pitch-rating {grid-column:2;grid-row:1;color:#ffe294;font-size:7px;font-weight:700;line-height:8px;text-align:right;}
.coach-pitch-player>b {grid-column:1 / 3;grid-row:2;overflow:hidden;font-size:12px;line-height:11px;text-align:center;text-overflow:ellipsis;white-space:nowrap;}
.coach-pitch-energy {grid-column:1 / 3;grid-row:3;overflow:hidden;border-radius:3px;background:#111d21;}
.coach-pitch-energy i {display:block;height:100%;border-radius:3px;background:#76e0a2;}
.coach-pitch-energy i.mid {background:#e6c967;}
.coach-pitch-energy i.low {background:#ef8171;}
.coach-pitch-player.absent {border-style:dashed;background:linear-gradient(145deg,#6a4935f2,#46362ef2);}
.coach-pitch-player.sent-off {border-color:#ff7e79;background:linear-gradient(145deg,#743a40f5,#4b2b35f5);}
.coach-plan-foot {margin:5px 1px 0;color:#879caf;font-size:12px;line-height:1.3;}
.coach-report {margin-top:8px;padding:0;border-color:#4b806a;background:#18372d;font-size:12px;line-height:1.55;}
.coach-report>summary {min-height:36px;}
.coach-report>summary b {font-size:12px;}
.coach-report>summary span {overflow:hidden;color:#a7c2b2;font-size:12px;text-overflow:ellipsis;white-space:nowrap;}
.coach-report-detail {padding:0 10px 8px;color:#d7e8de;}
.coach-report-detail p {margin:5px 0 0;color:#a7c2b2;font-size:12px;}
.coach-development {margin:8px 0 0;overflow:hidden;border:1px solid #40566a;border-radius:10px;background:#1b2a37;}
.coach-development>summary {min-height:42px;color:#e8f0f6;font-size:12px;font-weight:700;}
.coach-development>summary:after {color:#9db2c4;font-size:15px;content:"⌄";transition:transform .15s;}
.coach-development #tactics-cards {padding:0 8px 8px;}
.coach-development .wide-card {min-height:68px;margin-top:6px;padding:7px;border-radius:9px;}
.coach-development .wc-desc {font-size:12px;}
.coach-development .wc-sub {font-size:12px;}
@media(max-width:370px){
  .coach-plan {padding:8px;}
  .formation-choice {gap:3px;font-size:12px;}
  .formation-mini {width:28px;height:22px;}
  .coach-pitch {height:180px;}
  .coach-pitch-player {width:50px;}
}

/* Broadcast-style match cards sit above the live pitch and game UI. */
#match-stage-overlay {
  position:absolute; inset:0; z-index:80; display:flex; align-items:center; justify-content:center;
  padding:14px; background:rgba(4,9,15,.56); backdrop-filter:blur(2px); -webkit-backdrop-filter:blur(2px);
  animation:stageFadeIn .24s ease-out;
}
#match-stage-overlay.hidden {display:none;}
.stage-card {
  width:100%; max-width:410px; max-height:100%; overflow-y:auto; overscroll-behavior:contain;
  padding:18px; color:#f4f8fc; border:1px solid rgba(255,255,255,.18); border-radius:20px;
  background:linear-gradient(155deg,rgba(30,45,61,.97),rgba(13,21,31,.97));
  box-shadow:0 22px 64px rgba(0,0,0,.62),inset 0 1px 0 rgba(255,255,255,.12);
  animation:stageCardIn .3s cubic-bezier(.2,.8,.2,1);
}
.stage-kicker {color:#9fd6ff;font-size:12px;line-height:1.25;letter-spacing:1.3px;font-weight:700;}
.stage-head {display:flex;align-items:center;justify-content:space-between;gap:12px;}
.stage-close {width:34px;height:34px;flex:none;border:1px solid rgba(255,255,255,.14);border-radius:50%;color:#fff;background:rgba(255,255,255,.08);font-size:22px;cursor:pointer;}
.stage-score {display:flex;align-items:center;justify-content:center;gap:14px;margin:12px 0;color:#fff;}
.stage-score b {font-size:38px;line-height:1;font-variant-numeric:tabular-nums;}
.stage-score span {color:#8092a6;font-size:23px;}
.stage-half-card {max-width:370px;text-align:center;border-color:rgba(76,194,255,.34);}
.stage-cinema {height:156px;margin:-18px -18px 16px;overflow:hidden;background:#152732;border-bottom:1px solid #ffffff18;}
.stage-cinema canvas {display:block;width:100%;height:100%;object-fit:cover;image-rendering:pixelated;}
.stage-half-card .stage-cinema {height:182px;}
@media (prefers-reduced-motion:reduce){
  #match-stage-overlay,.stage-card,#event-banner {animation:none;}
  #ticker {transition:none;transform:translate(-50%,0);}
}
.stage-half-card .stage-stat-row {margin:10px 0 16px;}
.stage-stat-row {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;}
.stage-stat-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:15px;}
.stage-stat {min-width:0;padding:9px 7px;border-radius:12px;text-align:center;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.07);}
.stage-stat small {display:block;color:#a5b4c4;font-size:12px;line-height:1.2;}
.stage-stat b {display:block;margin-top:4px;font-size:14px;font-variant-numeric:tabular-nums;}
.stage-stat b i {color:#71849a;font-style:normal;padding:0 2px;}
.stage-primary,.stage-secondary {min-height:44px;padding:8px 12px;border-radius:var(--button-radius);font-family:inherit;font-size:13px;font-weight:600;cursor:pointer;transition:transform .12s ease,filter .12s ease,box-shadow .12s ease,border-color .12s ease;}
.stage-primary {color:var(--button-primary-ink);border:1px solid rgba(255,255,255,.25);background:var(--button-primary);box-shadow:0 3px 0 var(--button-primary-edge);}
.stage-secondary {color:#e8f1fb;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.07);}
.stage-primary:active {transform:translateY(2px);box-shadow:0 1px 0 var(--button-primary-edge);}
.stage-secondary:active {transform:translateY(1px);}
.stage-primary:focus-visible,.stage-secondary:focus-visible,.stage-close:focus-visible {outline:2px solid #ffe27a;outline-offset:2px;}
.stage-half-card>.stage-primary {width:100%;}
.stage-scoreline {display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:8px;align-items:center;margin-top:13px;}
.stage-scoreline>span {overflow:hidden;color:#e7eef6;font-size:12px;font-weight:600;text-overflow:ellipsis;white-space:nowrap;}
.stage-scoreline>span:last-child {text-align:right;}
.stage-scoreline .stage-score {gap:9px;margin:0;}
.stage-scoreline .stage-score b {font-size:32px;}
.stage-outcome {width:max-content;margin:8px auto 0;padding:4px 11px;border-radius:99px;font-size:12px;letter-spacing:1px;font-weight:700;background:rgba(255,255,255,.07);}
.stage-outcome.good {color:#75f0a1;background:rgba(48,176,98,.14);}
.stage-outcome.even {color:#ffe08a;background:rgba(219,171,53,.13);}
.stage-outcome.bad {color:#ff9993;background:rgba(216,69,69,.14);}
.stage-scorers {display:flex;align-items:flex-start;justify-content:center;gap:9px;margin:12px 0;color:#a8e9bc;}
.stage-scorers>span {font-size:15px;}
.stage-scorers>div {display:flex;flex-wrap:wrap;justify-content:center;gap:4px 7px;font-size:12px;}
.stage-scorers small {color:#a6b5c4;}
.stage-scorers i {color:#687b90;font-style:normal;}
.stage-no-goals {margin:14px 0;color:#a5b4c4;text-align:center;font-size:12px;}
.stage-rewards {margin-top:12px;padding:10px 12px;border-radius:11px;color:#d7ebff;background:rgba(67,142,204,.12);text-align:center;font-size:12px;line-height:1.4;}
.stage-actions {display:flex;gap:9px;margin-top:15px;}
.stage-actions button {flex:1;}
.stage-rank-line {margin:12px 0 10px;color:#c9d9e8;text-align:center;font-size:13px;font-weight:700;}
.stage-rank-line small {color:#78e39c;font-size:12px;}
.stage-results-list {display:flex;flex-direction:column;gap:5px;}
.stage-result-row {display:grid;grid-template-columns:minmax(0,1fr) 54px minmax(0,1fr);gap:5px;align-items:center;min-height:34px;padding:5px 7px;border-radius:9px;background:rgba(255,255,255,.045);font-size:12px;}
.stage-result-row.mine {background:rgba(60,145,218,.18);box-shadow:inset 2px 0 #55aaff;}
.stage-result-team {overflow:hidden;color:#c6d2df;text-overflow:ellipsis;white-space:nowrap;}
.stage-result-team.away {text-align:right;}
.stage-result-row>b {color:#fff;text-align:center;font-size:12px;font-variant-numeric:tabular-nums;}
.stage-next-fixture {display:flex;align-items:center;gap:8px;margin-top:11px;padding:10px 11px;border-radius:11px;background:rgba(255,255,255,.06);}
.stage-next-fixture span {color:#a7b6c5;font-size:12px;font-weight:700;letter-spacing:.6px;}
.stage-next-fixture b {margin-left:auto;color:#fff;font-size:12px;text-align:right;}
.stage-next-fixture small {color:#8ecbff;font-size:12px;}
.stage-trophy {margin:10px 0 0;text-align:center;font-size:38px;filter:drop-shadow(0 4px 10px rgba(255,201,69,.28));}
.stage-season-outcome {margin-top:4px;color:#8debb0;text-align:center;font-size:16px;font-weight:700;}
.stage-season-prize {margin-top:8px;color:#dce7f2;text-align:center;font-size:12px;}
.stage-finish-row,.stage-cup-line {margin-top:8px;color:#ffe18a;text-align:center;font-size:12px;font-weight:600;}
.stage-cup-line {color:#ffc978;}
.stage-full-table {margin-top:12px;border-top:1px solid rgba(255,255,255,.1);}
.stage-full-table summary {padding:10px 1px 7px;color:#9fd6ff;font-size:12px;font-weight:700;cursor:pointer;}
.stage-table-row {display:grid;grid-template-columns:24px minmax(0,1fr) auto;gap:7px;align-items:center;padding:5px 7px;color:#bfccd9;font-size:12px;border-radius:7px;}
.stage-table-row:nth-child(even) {background:rgba(255,255,255,.04);}
.stage-table-row.mine {color:#fff;background:rgba(60,145,218,.2);font-weight:700;}
.stage-table-row>b {color:#b9cbe0;font-size:12px;white-space:nowrap;}
@keyframes stageFadeIn {from{opacity:0;}to{opacity:1;}}
@keyframes stageCardIn {from{opacity:0;transform:translateY(9px);}to{opacity:1;transform:translateY(0);}}

/* Management loop: restrained, compact details within the existing panels. */
.journey-panel{margin:10px 0;padding:12px;background:#15232f;border:1px solid #344656;border-radius:12px;color:#dce7ed;font-size:12px;line-height:1.5;overflow-wrap:anywhere}
.journey-panel summary{cursor:pointer;font-weight:700;min-height:32px;display:list-item;align-content:center;color:#dce7ed}
.journey-panel p{margin:7px 0;color:#a9bdcc}.journey-panel small{display:block;color:#91a8ba;font-size:12px}
.journey-panel label{display:block;margin:8px 0;color:#a9bdcc}.journey-panel select{display:block;width:100%;min-height:44px;margin-top:4px;padding:8px;border:1px solid #486074;border-radius:8px;background:#213444;color:#eef6fb;font:inherit}
.journey-panel .journey-check{display:flex;gap:10px;align-items:center;min-height:44px}.journey-check input{width:20px;height:20px;accent-color:#37c877}
.journey-panel .action-btn{min-height:44px;max-width:100%;white-space:normal}.journey-stat{display:flex;justify-content:space-between;gap:8px;padding:5px 0;border-bottom:1px solid #ffffff09}.journey-stat b{flex-shrink:0;font-variant-numeric:tabular-nums}
.journey-profile{margin:8px 0;padding:8px 0;border-top:1px solid #ffffff12;font-size:12px;color:#a9bdcc}.journey-profile b{display:block;color:#b4d9dd}.journey-profile small,.journey-profile span{display:block;margin-top:3px;font-size:12px;line-height:1.5}
.player-edge-line{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;margin:6px 0;}
.player-edge-chip{min-width:0;padding:4px 6px;border:1px solid #ffffff12;border-radius:7px;background:#ffffff05;}
.player-edge-chip small{display:block;margin:0!important;color:#8fa6b7;font-size:7px!important;line-height:1.15!important;text-transform:uppercase;letter-spacing:.3px;}
.player-edge-chip b{display:block;margin-top:2px;color:#cde6ef;font-size:12px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.player-edge-chip.strong{border-color:#43765a;background:#18382d;}.player-edge-chip.strong b{color:#a8e8ba;}
.player-edge-chip.growth{border-color:#655c3f;background:#302b20;}.player-edge-chip.growth b{color:#efd28b;}
.journey-facility{padding:10px 0}.journey-facility+.journey-facility{border-top:1px solid #ffffff12}.journey-facility small{margin-top:6px}

/* Touchline decisions stay compact while keeping the active instruction obvious. */
.order-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;}
.order-grid button {min-height:44px;white-space:normal;text-align:left;padding:10px;line-height:1.35;}
.order-grid small {display:block;font-size:12px;font-weight:400;margin-top:4px;color:var(--muted,#a8bacb);}
.order-grid [aria-pressed="true"] {border-color:#50c9f0;background:#233f50;}
.touchline-orders {padding:10px;}
.touchline-heading {display:flex;align-items:center;justify-content:space-between;gap:8px;}
.touchline-orders h3 {margin:0;color:#f2dfb5;font-size:15px;line-height:1.15;}
.order-window {flex:none;padding:3px 7px;border:1px solid #4c6679;border-radius:999px;background:#1b2c39;color:#a9c7d5;font-size:12px;font-weight:700;line-height:1;}
.order-current {display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:42px;margin-top:7px;padding:6px 9px;border:1px solid #3c5365;border-radius:9px;background:#1b2b38;}
.order-current.active {border-color:#a98f4c;background:#292b2b;}
.order-current>div {display:flex;flex-direction:column;min-width:0;}
.order-current small {color:#9cb2c1;font-size:12px;line-height:1.1;letter-spacing:.45px;text-transform:uppercase;}
.order-current.active small {color:#e0c67a;}
.order-current b {overflow:hidden;color:#e6eef3;font-size:12px;line-height:1.2;text-overflow:ellipsis;white-space:nowrap;}
.order-current>span {flex:none;color:#a9c9d7;font-size:12px;font-weight:600;white-space:nowrap;font-variant-numeric:tabular-nums;}
.order-current.active>span {color:#f0d989;}
.touchline-orders .order-note {margin:5px 1px;color:#91a7b6;font-size:12px;line-height:1.25;}
.touchline-orders .order-insight {display:flex;align-items:center;gap:7px;margin:6px 0 8px;padding:6px 8px;border-radius:7px;background:#10202b;color:#a9c8d7;font-size:12px;line-height:1.3;}
.touchline-orders .order-insight::before {content:"";flex:none;width:5px;height:5px;border-radius:50%;background:#5cc9ef;box-shadow:0 0 6px #5cc9ef66;}
.touchline-orders .order-grid {gap:7px;}
.touchline-orders .order-grid .order-option {display:flex;flex-direction:column;justify-content:center;min-height:64px;padding:7px 8px;border:1px solid #42596b;border-radius:9px;background:#223443;color:#e0eaf0;box-shadow:none;}
.touchline-orders .order-option.selected {border-color:#d6bc69;background:#302e27;color:#ffedb6;box-shadow:inset 0 0 0 1px #d6bc6924;}
.order-option-heading {display:flex;align-items:center;justify-content:space-between;gap:5px;min-width:0;}
.order-option-heading b {overflow:hidden;font-size:12px;line-height:1.2;text-overflow:ellipsis;white-space:nowrap;}
.touchline-orders .order-option-desc {margin-top:3px;color:#a8bdcb;font-size:12px;line-height:1.2;}
.order-active-tag {flex:none;padding:2px 4px;border-radius:4px;background:#514527;color:#f1d77e;font-size:7px;font-weight:700;line-height:1;}
.order-active-tag[hidden] {display:none;}
.touchline-orders .order-protect {grid-column:1/-1;}
.order-actions {display:flex;justify-content:flex-end;margin-top:6px;}
.touchline-orders .order-cancel {min-height:31px;padding:4px 10px;border:1px solid #725958;border-radius:8px;background:#302728;color:#e4c2b7;font-family:inherit;font-size:12px;font-weight:600;line-height:1.15;cursor:pointer;}
.next-summary p,.fixture-story {font-size:13px;line-height:1.5;}
.fixture-story {color:#a9bdcc;margin:7px 1px;}
.coach-cue {display:grid;gap:8px;margin:8px 0;padding:11px;border:1px solid #3c5c5a;border-left:3px solid #d1b873;border-radius:10px;background:linear-gradient(120deg,#223b3d,#1a2c35);color:#e7f0e9;}
.coach-cue small {display:block;color:#d7bd7c;font-size:12px;font-weight:700;letter-spacing:.65px;line-height:1.25;}
.coach-cue-why {min-width:0;border-top:1px solid #ffffff12;}
.coach-cue-why summary,.next-alternatives>summary,.club-upgrade-more>summary {min-height:36px;padding:8px 0;color:#b7cbd1;font-size:12px;cursor:pointer;}
.coach-cue-why p {margin:6px 0;color:#b8c9c9;font-size:12px;line-height:1.45;}
.coach-cue-action {min-height:44px;padding:8px 12px;border:1px solid #718b69;border-radius:8px;background:#314c3b;color:#f0efdb;font-family:inherit;font-size:12px;font-weight:600;cursor:pointer;}
.coach-cue-action:disabled {opacity:.62;}
.fixture-brief {grid-template-columns:minmax(0,1fr);gap:5px;background:linear-gradient(120deg,#24394a,#1c2d3a);border-left-color:#64c5dc;}
.fixture-brief>div>b {display:block;margin:3px 0 6px;font-size:15px;line-height:1.25;}
.fixture-tags {display:flex;flex-wrap:wrap;gap:5px;}
.fixture-tags span {padding:3px 7px;border:1px solid #496273;border-radius:999px;background:#162a36;color:#bed6e0;font-size:12px;}
.fixture-brief .coach-cue-why {margin-top:3px;}
.coach-cue-live {border-left-color:#64c5dc;background:#1b303b;}
.coach-cue-live .order-insight {margin:4px 0 0;padding:0;background:none;color:#d4e3e9;font-size:12px;line-height:1.4;}
.coach-cue-live .order-insight::before {display:none;}
.coach-cue-live .coach-cue-action {justify-self:start;}
.order-more {margin-top:6px;border-top:1px solid #ffffff12;}
.order-more>summary {min-height:40px;padding:9px 0;color:#b7cbd1;font-size:12px;font-weight:600;cursor:pointer;}
.next-summary {gap:10px;border-color:#526650;background:linear-gradient(140deg,#203a36,#1b2b33);}
.next-summary .next-result-line {display:flex;align-items:center;justify-content:space-between;gap:8px;}
.next-result-line>div {min-width:0;}.next-result-line b {display:block;margin-top:2px;font-size:14px;overflow-wrap:anywhere;}
.next-result-line>strong {flex:none;padding:6px 8px;border-radius:7px;background:#203f35;color:#a8e4b4;font-size:12px;text-align:center;}
.next-contributor {color:#b8cbd0;font-size:12px;}
.next-gear-reward {color:#b8d9c6;font-size:12px;line-height:1.4;}
.next-gear-reward .game-icon {width:14px;height:14px;vertical-align:-2px;margin-right:3px;}
.next-focus {display:grid;gap:3px;padding:8px;border-radius:8px;background:#12262166;}
.next-focus>b {font-size:14px;color:#e6e6ce;}.next-focus>span {font-size:12px;color:#b6c8bd;}
.next-summary>.coach-cue-action {width:100%;}
.next-alternatives {border-top:1px solid #ffffff12;}.next-alternatives .order-grid {grid-template-columns:repeat(2,minmax(0,1fr));}
.report-observations {margin:8px 0;padding-top:4px;border-top:1px solid #ffffff12;}.report-observations summary {min-height:36px;padding:7px 0;color:#b8ced1;font-size:12px;cursor:pointer;}
.club-upgrade-progress {display:block;width:min(100%,180px);height:6px;margin:5px 0;accent-color:#75c99c;}
.club-upgrade-more {margin-top:3px;}.club-upgrade-more>summary {min-height:32px;padding:4px 0;}
.club-upgrade-more p,.club-upgrade-more small {color:#a9bdcc;font-size:12px;line-height:1.4;}
#match-insight {display:block;max-width:26ch;font-size:12px;line-height:1.15;color:#a6cfdf;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px;}
#match-insight[hidden] {display:none;}
@media(max-width:380px){.order-grid{grid-template-columns:1fr}.touchline-orders .order-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.touchline-orders .order-protect{grid-column:1/-1}}

/* Premium identity stays subordinate to the existing frame and portrait. */
.pc-skill{position:absolute;right:3px;bottom:3px;z-index:2;min-width:11px;height:11px;border:1px solid #e3bd60;border-radius:3px;background:#302716;color:#ffe7a5;font-size:7px;line-height:9px;text-align:center}.player-card:has(.pc-badge) .pc-skill{bottom:16px}.signature-skills{margin:6px 0;border-top:1px solid #ffffff12;padding-top:5px}.signature-skills summary{color:#e5c47b;cursor:pointer;font-size:12px;min-height:24px}.signature-skills small{display:block;color:#a9bbca;font-size:12px;line-height:1.45}.signature-skill{display:flex;gap:7px;align-items:flex-start;padding:7px 0}.signature-skill .game-icon{flex:none;width:16px;height:16px}.signature-skill b{font-size:12px}.player-journey summary{font-size:12px;cursor:pointer}.cmp-card .signature-skills{padding:4px;text-align:left}.pd-avatar-frame img{width:34px;height:34px;margin-top:15px;border-radius:0}

/* Competition journey: compact cards within the existing scrollable tournament screen. */
.competition-current{display:block;width:100%;min-height:44px;border:1px solid #425970;border-radius:8px;background:#17283b;color:#e6f2ff;padding:8px 12px;text-align:left;font:inherit;font-size:12px;cursor:pointer;margin:0 0 8px}
.competition-roadmap,.competition-pro,.competition-offline,.competition-brief{background:#17283b;border:1px solid #425970;border-radius:10px;padding:12px;margin-bottom:12px;color:#e6f2ff}
.competition-roadmap h3,.competition-pro h3,.competition-offline h3{font-size:15px;margin:0 0 8px;color:#f7d36b}
.competition-roadmap p,.competition-pro p,.competition-offline p,.competition-chapter p,.competition-note,.competition-brief p{font-size:12px;line-height:1.55;margin:8px 0;color:#c3d4e5}
.competition-roadmap progress{width:100%;height:10px;accent-color:#61d399;margin:8px 0}
.competition-chapter{border:1px solid #425970;border-radius:10px;margin:10px 0;padding:0 10px;background:#122235}
.competition-chapter summary{min-height:44px;display:list-item;padding:12px 3px;cursor:pointer;font-size:14px;font-weight:700;color:#e6f2ff}
.competition-stage{padding:10px;border-top:1px solid #334b63;margin-bottom:6px}
.competition-stage.selected{background:#203e42;border-radius:7px;box-shadow:inset 3px 0 #61d399}
.competition-stage b,.competition-stage small,.competition-brief b,.competition-brief small{display:block;line-height:1.5}
.competition-stage small,.competition-brief small{font-size:12px;color:#b7cbdf}
#competition-hub .action-btn,.competition-brief .action-btn{min-height:44px;white-space:normal;margin:4px 6px 4px 0;font-size:12px}
#competition-hub .action-btn:disabled{opacity:.55;cursor:default}
.competition-unlock{color:#80e8ad!important;font-weight:700}
.competition-current:focus-visible,#competition-hub button:focus-visible,.competition-chapter summary:focus-visible{outline:2px solid #f7d36b;outline-offset:2px}
#screen-tournament .subtabs{display:flex;flex-wrap:wrap}
#screen-tournament .subtab{min-height:44px;flex:1 1 auto}

/* Training centre: warm brass, deep green, quiet hierarchy; same main-stage geometry. */
#training-stage-header[hidden]{display:none}
.training-view #match-header>.team-chip,.training-view #score-wrap{display:none}
.training-view #training-stage-header{display:flex;align-items:center;gap:12px;width:100%;padding:0 10px}
#training-stage-header>span{color:#e9c788;font-size:27px}
#training-stage-header>div{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}
#training-stage-header small{color:#b5c6ba;font-size:12px;text-transform:uppercase;letter-spacing:1px}
#training-stage-header strong{color:#f1e7cd;font-size:15px}
#training-stage-header>b{font-size:12px;color:#e8ce9c;background:#344b42;border:1px solid #69806a;border-radius:7px;padding:7px}
.training-view #match-header{background:linear-gradient(115deg,#213b34,#172c2b);border-bottom-color:#617862}
.training-view #match-header::before,.training-view #match-header::after{background:#d5b97d;box-shadow:none}
.training-view #ticker,.training-view #event-banner,.training-view #btn-speed,.training-view #scout-bar{display:none!important}
.training-view #pitch{image-rendering:pixelated}
#screen-training>.screen-title{font-size:14px;color:#a3bcad;margin-bottom:6px}
.team-training-intro{padding:8px 2px 10px}
.team-training-intro>small,.team-section-label{font-size:12px;letter-spacing:1.3px;font-weight:600;color:#d4bd8d;text-transform:uppercase}
.team-training-intro h2{font-size:22px;color:#f4efdf;margin:7px 0;line-height:1.2}
#team-training-panel p{font-size:12px;line-height:1.55;color:#c3d2ca;margin:8px 0}
#team-training-panel h3{font-size:16px;margin:7px 0;color:#f3ebd8}
.team-advice{display:flex;gap:10px;background:#243b35;border-left:3px solid #d6b879;padding:12px;margin:4px 0 14px;border-radius:0 10px 10px 0}
.team-advice>span{font-size:24px;color:#d6b879}
.team-advice>div{min-width:0}.team-advice small{color:#e0c58e;font-weight:600;font-size:12px}
#team-training-panel .team-advice p{margin:4px 0 0}
.team-drill-grid{display:grid;gap:7px;margin-bottom:14px}
.team-drill{width:100%;display:flex;align-items:center;gap:12px;text-align:left;min-height:62px;padding:10px 12px;border:1px solid #3d564c;border-radius:10px;background:#1b302d;color:#edf0df;font-family:inherit;cursor:pointer}
.team-drill.selected{background:linear-gradient(110deg,#334d3f,#23392f);border-color:#d3b57a;box-shadow:inset 3px 0 #d3b57a}
.team-drill-icon{width:31px;height:31px;display:grid;place-items:center;background:#ffffff08;border-radius:8px;color:#e9cf9b;font-size:21px}
.team-drill>span:nth-child(2){display:flex;flex:1;min-width:0;flex-direction:column;gap:4px}
.team-drill b{font-size:13px}.team-drill small{font-size:12px;color:#b4c9b8}.team-drill i{font-style:normal;color:#e9cf9b}
.team-plan,.team-ground,.team-result,.team-session{padding:14px;background:#1a2d2b;border:1px solid #3c534c;border-radius:12px;margin-bottom:14px}
.team-gain{display:inline-block;color:#91dfb2;background:#143c2d;border-radius:6px;font-size:12px;padding:5px 8px;margin:4px 0 8px}
.team-trainees>div,.team-result-list>div{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 0;border-bottom:1px solid #ffffff0c;font-size:12px}
.team-trainees b,.team-result-list strong{white-space:nowrap;color:#a9e8bd;font-size:13px}
.team-result-list span{display:flex;flex-direction:column;gap:3px}
#team-training-panel small{display:block;font-size:12px;line-height:1.5;color:#a8beb4}
.team-plan-total{padding:11px 0;margin-top:10px;border-top:1px solid #ffffff15}
.team-plan-total b{display:block;color:#ead19d;font-size:14px;margin-top:3px}
#team-training-panel .action-btn{min-height:44px;font-size:12px;box-shadow:none;padding:10px 14px;margin:4px 6px 8px 0;border:1px solid #6d886d;background:#334d3c;color:#f2ebd8;border-radius:8px;white-space:normal}
#team-training-panel #team-session-start{width:100%;background:#bda26a;border-color:#dac493;color:#182c28;font-weight:600;font-size:14px}
#team-training-panel button:disabled{opacity:.48;cursor:default}
#team-training-panel button:focus-visible,.team-individual>summary:focus-visible{outline:2px solid #eed5a2;outline-offset:3px}
#team-training-panel .team-block-reason,.team-lock{color:#ebc39d;background:#503c2b55;padding:8px;border-radius:6px}
.team-ground{background:linear-gradient(145deg,#273b31,#1b2c29)}
.team-ground-head{display:flex;align-items:center;gap:10px}.team-ground-head>div{flex:1}
.team-ground-icon{font-size:29px;color:#d7bd85}.team-ground-head h3{margin:2px 0!important}
.team-level-track{display:flex;gap:4px}.team-level-track i{width:9px;height:24px;border-radius:3px;background:#10231e;border:1px solid #56705d}
.team-level-track i.on{background:#d3b57a;border-color:#e6d2a7}
#team-training-panel .team-ground-unlock{padding:9px 0;border-top:1px solid #ffffff15;color:#e4d4af}
.team-session progress{width:100%;height:7px;accent-color:#d2b680;margin:12px 0 5px}.team-session>span{display:block;font-size:12px;color:#ead5a9;margin-bottom:8px}
.team-comparison{margin-top:12px;border-top:1px solid #ffffff15;padding-top:4px}.team-comparison summary{cursor:pointer;padding:10px 0;font-size:12px;color:#e9d9b8}
.team-compare-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.team-compare-grid>div{background:#ffffff05;padding:9px;border-radius:6px;min-width:0}.team-compare-grid b{display:block;font-size:18px;color:#e1d5b6;margin:5px 0}
.team-individual{border:1px solid #3a4d47;border-radius:10px;padding:0 10px;margin-bottom:20px}.team-individual>summary{min-height:44px;padding:13px 2px;color:#c4d1c8;font-size:13px;cursor:pointer}
@media(prefers-reduced-motion:reduce){.team-drill,.team-plan{transition:none;animation:none}}

/* Compact scout decisions: one shared delta table replaces two repeated stat lists. */
.compare-profiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;}
.cmp-profile{min-width:0;padding:9px;border:1px solid #3a4a5e;border-left:3px solid var(--quality-accent,#71839a);border-radius:10px;background:#202c3a;}
.cmp-profile.prospect{background:#1e382b;border-color:#2e6f48;}
.cmp-profile-tag{display:block;min-height:16px;margin-bottom:4px;color:#b8c9d6;font-size:12px;font-weight:800;line-height:1.25;letter-spacing:.25px;}
.cmp-profile.prospect .cmp-profile-tag{color:#a8e8ba;}
.cmp-profile-main{display:flex;align-items:flex-start;gap:6px;min-width:0;}
.cmp-profile-main img{width:32px;height:32px;flex:none;border-radius:7px;image-rendering:pixelated;background:#111722;}
.cmp-profile-copy{min-width:0;display:flex;flex-direction:column;gap:2px;}
.cmp-profile-copy>b{color:#fff;font-size:12px;line-height:1.2;overflow-wrap:anywhere;}
.cmp-profile-copy>small,.cmp-profile-copy>span{color:#a8bdcc;font-size:12px;line-height:1.25;overflow-wrap:anywhere;}
.cmp-profile.prospect .cmp-profile-copy>span{color:#b2e1bd;}
.cmp-profile .player-edge-line{gap:3px;margin:6px 0 0;}
.cmp-profile .player-edge-chip{padding:3px 4px;border-radius:6px;}
.cmp-profile-meta{display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px;align-items:center;margin-top:7px;padding-top:6px;border-top:1px solid #ffffff16;}
.cmp-profile-meta>span{display:flex;flex-direction:column;gap:1px;min-width:0;}
.cmp-profile-meta small{color:#9cb1c0;font-size:12px;font-weight:700;line-height:1.2;}
.cmp-profile-meta b{color:#f5d77f;font-size:13px;line-height:1.25;}
.cmp-profile .cmp-ovr{width:auto;background:none;padding:0;text-align:left;}
.cmp-profile .cmp-ovr b{font-size:17px;}
.cmp-profile .cmp-potential b{color:#d5baff;}
.cmp-delta-table{margin:10px 0 0;padding:7px 9px;border:1px solid #3a4a5e;border-radius:10px;background:#172431;}
.cmp-delta-head,.cmp-delta-row{display:grid;grid-template-columns:minmax(0,1fr) 40px 56px 32px;gap:3px;align-items:center;}
.cmp-delta-head{padding:0 0 5px;border-bottom:1px solid #ffffff19;color:#9fb4c3;font-size:12px;font-weight:700;text-align:center;}
.cmp-delta-head span:first-child{text-align:left;}
.cmp-delta-row{min-height:29px;border-bottom:1px solid #ffffff0d;}
.cmp-delta-row:last-child{border-bottom:0;}
.cmp-stat-label{min-width:0;color:#c6d3dc;font-size:12px;line-height:1.2;overflow-wrap:anywhere;}
.cmp-old-value,.cmp-new-value{color:#e3edf3;font-size:12px;text-align:center;}
.cmp-new-value{color:#aee8be;}
.cmp-delta-row .delta{font-size:12px;text-align:center;}
.cmp-extra-details{margin-top:4px;border-bottom:1px solid #ffffff15;}
.cmp-extra-details>summary{min-height:44px;display:flex;align-items:center;color:#c8dae6;font-size:12px;}
.cmp-extra-details>div{padding:0 4px 8px;}
.cmp-extra-details section+section{margin-top:8px;padding-top:8px;border-top:1px solid #ffffff16;}
.cmp-extra-details section>b{font-size:12px;color:#e5cf9b;}
.cmp-extra-details section>p{margin:5px 0;color:#b6c8d4;font-size:12px;line-height:1.45;}
.cmp-extra-details .signature-skills{margin-top:4px;}
.cmp-extra-details .sell-note{margin-top:0;}

.facility-benefit{display:block;margin:5px 0;color:#c1dfcc;font-size:12px;line-height:1.35;}
.facility-card-details{margin:4px 0 7px;border-top:1px solid #ffffff13;}
.facility-card-details>summary{min-height:40px;display:flex;align-items:center;color:#adc2ce;font-size:12px;}
.facility-card-details>p{margin:3px 0 8px;color:#a9bdc8;font-size:12px;line-height:1.45;}
.individual-training-profile,.individual-training-details{margin:5px 0;border-top:1px solid #ffffff14;}
.individual-training-profile>summary,.individual-training-details>summary{min-height:40px;display:flex;align-items:center;color:#c5d8df;font-size:12px;}
.individual-training-cost{margin:8px 0;color:#ecd29a;font-size:13px;font-weight:700;}
.store-section-label{margin:7px 0 1px;color:#93aebe;font-size:12px;font-weight:800;letter-spacing:.7px;text-align:left;text-transform:uppercase;}
.store-give-list{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px;}
.store-give-chip{padding:2px 6px;border:1px solid #ffffff18;border-radius:999px;background:#101c26aa;color:#c7d9e2;font-size:12px;line-height:1.35;}
.store-card-details{margin-top:3px;}
.store-card-details>summary{min-height:34px;display:flex;align-items:center;color:#a7c2cf;font-size:12px;}
.store-card-details>p{margin:0;color:#a7bdc8;font-size:12px;line-height:1.4;}