/* Coach long-term club development. Theme tokens only; no game colors modified. */
.dev-hub{display:grid;gap:16px;grid-column:1/-1;max-width:100%;min-width:0;border:1px solid var(--line);background:var(--card);padding:clamp(14px,2.5vw,26px);}
.dev-title{display:flex;justify-content:space-between;align-items:start;gap:12px}
.dev-title h2{font-size:clamp(22px,3.5vw,30px)}
.dev-title .hint{max-width:70ch}
.dev-stamp{font:700 11px var(--f-mono,monospace);border-radius:8px;color:var(--muted);background:var(--paper);padding:6px 10px}
.dev-fin{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.dev-fin>div{display:grid;gap:4px;background:var(--paper);border:1px solid var(--line);border-radius:10px;padding:12px;min-width:0}
.dev-fin small{font-size:12px;color:var(--muted)}
.dev-fin b{font:700 clamp(15px,2.2vw,23px)/1.2 var(--f-mono,monospace);overflow-wrap:anywhere}
.dev-next{margin:0;padding:9px 12px;background:var(--t-amber);border-radius:8px;font-size:13px}
.dev-tabs{display:flex;flex-wrap:wrap;gap:6px;padding:0 0 8px;border-bottom:1px solid var(--line)}
.dev-tabs button{border:1px solid var(--line);color:var(--ink);background:var(--paper);font-size:13px;padding:9px 11px;border-radius:8px;font-weight:600}
.dev-tabs button[aria-pressed=true]{background:var(--blue);color:var(--blue-ink);border-color:var(--blue)}
.dev-body{display:grid;gap:12px;min-width:0}
.dev-body .hint{margin:0}
.dev-oper{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.dev-oper label,.dev-controls label{font-size:13px;font-weight:600;display:grid;gap:5px;flex:1 1 160px}
.dev-oper small{font-size:12px;color:var(--muted);flex:2 1 220px}
.dev-oper select,.dev-controls select{width:100%;max-width:100%;padding:9px;border:1px solid var(--line);border-radius:8px;color:var(--ink);background:var(--card);font:inherit}
.dev-controls{display:flex;gap:10px;flex-wrap:wrap}
.dev-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:12px}
.dev-item{display:flex;flex-direction:column;gap:8px;border:1px solid var(--line);border-radius:12px;padding:14px;background:var(--paper);min-width:0;min-height:160px}
.dev-item-top{display:flex;align-items:center;justify-content:space-between;gap:8px}
.dev-item strong{font-size:16px;overflow-wrap:anywhere}
.dev-desc{display:grid;gap:6px;margin:0;color:var(--muted);font-size:13px;line-height:1.45}
.dev-note{display:block;color:var(--ink);font-size:12px;font-weight:600}
.dev-item progress{width:100%;height:9px;accent-color:var(--green)}
.dev-item .btn{align-self:start;max-width:100%;white-space:normal;text-align:left;margin-top:auto}
.dev-item>.ok,.dev-item>.near{margin-top:auto}
.dev-report{display:grid;gap:4px;padding:12px;border:1px solid var(--line);border-radius:8px}
.dev-report small{color:var(--muted)}
.dev-rivals{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));gap:8px}
.dev-rivals>div{display:grid;grid-template-columns:1fr auto;gap:4px 12px;border:1px solid var(--line);border-radius:8px;padding:10px}
.dev-rivals span{font-family:var(--f-mono,monospace);font-weight:600}
.dev-rivals small{grid-column:1/-1;color:var(--muted)}
.dev-journal summary{cursor:pointer;font-weight:700}
.dev-journal p{margin:7px 0;font-size:13px;border-bottom:1px solid var(--line);padding:6px 0}
@media(max-width:700px){.dev-fin{grid-template-columns:repeat(2,minmax(0,1fr))}.dev-title{display:block}.dev-stamp{display:none}.dev-tabs{flex-wrap:nowrap;overflow-x:auto;padding-bottom:12px;scrollbar-width:thin}.dev-tabs button{white-space:nowrap;flex:0 0 auto}.dev-rivals{grid-template-columns:1fr}}
@media(max-width:360px){.dev-fin>div{padding:9px}.dev-fin b{font-size:15px}.dev-hub{padding:12px}.dev-cards{grid-template-columns:1fr}}


/* Coach visual edition 2026-10-21: stadium photography, editorial hierarchy,
   responsive surfaces. Presentation only: game state, tabs and saves untouched.
   Photos are local site assets; no third-party requests or remote fonts. */
:root { --coach-shadow:0 8px 28px -19px rgba(3,21,42,.46),0 1px 2px rgba(4,24,48,.07); }
body {
  background-color:var(--paper);
  background-image:radial-gradient(ellipse 90% 410px at 50% 0%,color-mix(in srgb,var(--blue) 9%,var(--paper)),var(--paper) 95%);
}
.wrap { position:relative; }
.wrap::before {
  content:"";position:absolute;left:clamp(12px,2vw,24px);right:clamp(12px,2vw,24px);
  top:16px;height:320px;z-index:-1;pointer-events:none;
  background:radial-gradient(ellipse at 50% 8%,color-mix(in srgb,var(--gold) 10%,transparent),transparent 75%);
}
.wrap > header.top {
  position:relative;isolation:isolate;overflow:hidden;
  min-height:200px;padding:clamp(19px,3vw,34px);
  border-radius:22px;border:1px solid rgba(255,255,255,.14);
  color:#F4F8FF;
  background:linear-gradient(100deg,rgba(5,22,49,.98) 1%,rgba(7,29,62,.92) 41%,rgba(8,27,57,.68) 75%,rgba(6,17,37,.62)),
             url("/images/history/stadium-new-night.jpg") center 53%/cover no-repeat;
  box-shadow:0 20px 42px -27px rgba(4,20,43,.66),inset 0 1px rgba(255,255,255,.15);
  gap:24px;align-items:center;
}
.wrap > header.top::after {
  content:"";position:absolute;left:0;bottom:0;width:100%;height:5px;z-index:-1;
  background:linear-gradient(90deg,#2773CC 0%,#76C9F0 54%,#E6B54F 54%,#F5CB67 100%);
}
.brand { gap:16px;z-index:1;flex:1 1 360px;align-items:center; }
.brand .logo {
  width:clamp(64px,6vw,84px);height:clamp(64px,6vw,84px);
  object-fit:contain;flex-shrink:0;padding:9px;
  border:1px solid rgba(255,255,255,.24);border-radius:20px;
  background:rgba(255,255,255,.96);
  box-shadow:0 14px 30px -17px rgba(0,0,0,.64);
}
.brand h1 { color:#FFFFFF;font:600 clamp(28px,3.7vw,48px)/1.05 var(--f-display);letter-spacing:.005em; }
.brand h1 em { color:#9DDAFF;font-style:normal; }
.brand h1::before {
  content:"КАЛИНИНГРАД · ФУТБОЛЬНЫЙ МЕНЕДЖЕР";
  display:block;margin-bottom:12px;font:700 10px/1.35 var(--f-body);
  letter-spacing:.19em;color:#F1C66C;
}
.brand p {font-size:clamp(12px,1.2vw,14px);color:#B8D0E7;margin-top:9px;max-width:420px;}
.meters {z-index:1;display:grid;grid-template-columns:repeat(3,minmax(95px,1fr));gap:10px;flex:1 1 400px;max-width:560px;}
.meter {
  min-width:0;background:rgba(7,24,52,.57);padding:13px 14px 14px;border-radius:13px;
  border:1px solid rgba(255,255,255,.15);backdrop-filter:blur(5px);
}
.meter span {color:#BCD0E9;font-size:12px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px;}
.meter span b {color:#fff;font-size:15px;}
.meter.low span b {color:#FF8491;}
.meter i {height:5px;background:rgba(255,255,255,.19);margin-top:9px;}
.meter i b {background:linear-gradient(90deg,#3A88E1,#9AD4F5);}
.coach-displaybar {
  margin:13px 0 14px;padding:10px 14px;border:1px solid var(--line);
  background:color-mix(in srgb,var(--card) 89%,var(--blue) 11%);
  border-radius:13px;gap:10px;
}
.coach-display-note {font-weight:700;letter-spacing:.14em;color:var(--muted);}
.coach-display-note::before {content:"●";color:var(--green);font-size:var(--fs-xs);margin-right:8px;}
.coach-display-actions button {background:var(--card);box-shadow:0 1px 2px rgba(2,22,40,.06);border-radius:10px;}
.coach-display-actions button:hover {border-color:var(--blue);}
.status {
  margin-bottom:16px;gap:1px;padding:0;overflow:hidden;
  background:#0B1B32;border:1px solid rgba(152,193,238,.18);
  box-shadow:0 12px 26px -18px rgba(0,15,39,.7);
}
.st {
  min-height:94px;padding:15px 8px;align-content:center;
  background:linear-gradient(180deg,#122A49,#0C1B31);
  border-left:1px solid rgba(255,255,255,.11);
}
.st b {font-size:clamp(24px,2.5vw,36px);letter-spacing:-.03em;}
.st span {font-size:12px;text-transform:uppercase;letter-spacing:.045em;color:#D2DFF0;}
.st em {font-size:var(--fs-xs);letter-spacing:0;color:#A3B7D2;white-space:normal;text-wrap:balance;}
nav.tabs {
  gap:5px;padding:7px;overflow-x:auto;scrollbar-width:thin;
  border:1px solid rgba(155,193,238,.19);border-radius:14px;
  background:#10253F;box-shadow:0 11px 27px -21px rgba(3,18,39,.75);
}
nav.tabs button {
  flex:1 0 auto;justify-content:center;min-height:47px;
  border-radius:9px;color:#C4D4E9;font-weight:700;transition:background .16s,color .16s;
}
nav.tabs button svg {color:#85A7D2;}
nav.tabs button:hover {background:rgba(255,255,255,.085);color:#fff;}
nav.tabs button[aria-selected="true"] {
  background:linear-gradient(135deg,#2667AF,#174B89);color:#fff;
  box-shadow:inset 0 -3px #EFC15B,0 5px 14px -9px #040E22;
}
nav.tabs button[aria-selected="true"] svg {color:#F2C86C;}
.panel {row-gap:clamp(13px,1.7vw,22px);}
.card {
  position:relative;min-width:0;border-radius:17px;
  border:1px solid var(--line);
  box-shadow:var(--coach-shadow);
  background:var(--card);
}
.card > .label:first-child {
  font-weight:750;letter-spacing:.045em;font-size:13px;
  color:var(--ink);margin-bottom:12px;
}
.btn {border-radius:10px;transition:filter .18s,transform .18s,box-shadow .18s;}
.btn:hover:not(:disabled) {filter:brightness(1.065);box-shadow:0 9px 18px -14px rgba(9,39,82,.72);}
.btn:active:not(:disabled) {transform:translateY(1px);}
.btn.ghost {background:color-mix(in srgb,var(--card) 82%,var(--blue) 18%);border:1px solid var(--line-2);}
.seg button {border-radius:10px;min-height:38px;}
.seg button[aria-pressed="true"] {box-shadow:0 4px 11px -9px rgba(2,18,55,.7);}
.tw {border-radius:10px;}
th {background:color-mix(in srgb,var(--card) 82%,var(--blue) 18%);font-weight:700;}
table tr.me td {border-block-color:color-mix(in srgb,var(--blue) 40%,transparent);}
.hero {
  border:1px solid rgba(255,255,255,.32);
  background:linear-gradient(105deg,rgba(5,28,53,.95),rgba(6,31,49,.83) 54%,rgba(9,43,61,.75)),
             url("/images/stadium.jpg") center 46%/cover no-repeat;
  box-shadow:0 21px 40px -24px rgba(3,26,42,.76),inset 0 0 0 2px rgba(244,251,255,.08);
}
.hero::before {border-color:rgba(255,255,255,.11);}
.hero::after {opacity:.22;}
.hero-meta {color:#D2E7F4;letter-spacing:.02em;}
.hero-mid .led {color:#FFD879;}
.hero .hero-note {color:#C9DCEB;}
.week {
  color:#F6F9FF;border:1px solid rgba(255,255,255,.12);border-left:5px solid #F3C45A;
  background:linear-gradient(100deg,rgba(11,35,66,.95),rgba(8,31,59,.86)),
             url("/images/history/stadium-new-card.jpg") center/cover no-repeat;
}
.week .label,.week small,.week span {color:#F0F5FA;}
.week .btn {flex-shrink:0;}
.daybar {border-left-width:5px;background:color-mix(in srgb,var(--card) 93%,var(--gold));}
.pitch {box-shadow:0 10px 22px -15px rgba(0,22,30,.5),inset 0 0 36px rgba(0,30,14,.16);}
.squad-grid > .card:has(.pitch) {padding:clamp(8px,1.4vw,15px);background:color-mix(in srgb,var(--card) 89%,var(--pitch));}
.pl {transition:background .16s,border-color .16s,transform .16s;}
.pl:hover {transform:translateX(2px);background:color-mix(in srgb,var(--card) 90%,var(--blue));}
.lead {border:1px solid rgba(154,197,235,.16);border-radius:17px;background:linear-gradient(155deg,#173861,#0B1B32);box-shadow:0 12px 28px -20px rgba(3,26,58,.8);}
.lead .ph {width:68px;height:68px;border:3px solid rgba(234,244,255,.9);}
.lead .lead-v {color:#FFD36A;font-size:clamp(25px,2.7vw,36px);}
.mk-head {gap:10px;padding:10px;background:color-mix(in srgb,var(--card) 94%,var(--blue));}
.mk-head > div {padding:12px;border:1px solid var(--line);border-radius:12px;background:var(--card);}
.mk-head b {font:700 clamp(17px,1.6vw,23px)/1.2 var(--f-mono);overflow-wrap:anywhere;}
.mk-tabs {padding:9px;border:1px solid var(--line);background:var(--card);border-radius:12px;}
/* The club dashboard is an illustrated magazine spread rather than plain forms. */
#main .panel > section.card:has(.gauges) {
  overflow:hidden;padding:clamp(18px,2.4vw,28px);
  color:#F5F9FF;border:1px solid rgba(255,255,255,.2);
  background:linear-gradient(105deg,rgba(7,29,61,.98),rgba(9,39,71,.93) 58%,rgba(5,32,56,.75)),
             url("/images/history/stadium-new-island.jpg") center 55%/cover no-repeat;
}
#main section.card:has(.gauges) > .label {color:#F2C769;font-size:14px;letter-spacing:.11em;text-transform:uppercase;}
#main section.card:has(.gauges) .gauge > div:last-child > b {color:#fff;font-size:17px;}
#main section.card:has(.gauges) .gauge small {color:#C5D9EB;}
#main section.card:has(.gauges) .ring::before {background:#122C4A;}
#main section.card:has(.gauges) .ring b {color:#fff;}
#main section.card:has(.gauges) .pressl {color:#fff;}
#main section.card:has(.gauges) .pressl small {color:#CAD9E9;}
#main section.card:has(.gauges) .pressl .label {color:#F3C867;}
#main .grid2:has(.facs) {align-items:stretch;}
.goal-line {font-family:var(--f-display);font-size:clamp(18px,1.8vw,24px);line-height:1.35;}
.goalbar {height:13px;border-radius:99px;margin-top:20px;background:var(--ink-soft);}
.goalbar i {border-radius:99px;}
.rules {display:grid;gap:8px;padding-left:21px;font-size:14px;line-height:1.58;}
.rules li::marker {color:var(--blue);}
.facs {grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;}
.fac {
  position:relative;overflow:hidden;min-width:0;align-content:start;
  gap:11px;padding:15px;border:1px solid var(--line);border-radius:14px;
  background:linear-gradient(145deg,color-mix(in srgb,var(--card) 91%,var(--blue)),var(--card));
}
.fac::before {
  content:"";height:3px;position:absolute;inset:0 0 auto;
  background:linear-gradient(90deg,#266BB9,#8DC9EF);
}
.fac:nth-child(2)::before {background:linear-gradient(90deg,#238B64,#8CD7AC);}
.fac:nth-child(3)::before {background:linear-gradient(90deg,#7859A2,#C7A6E3);}
.fac:nth-child(4)::before {background:linear-gradient(90deg,#DB9B2D,#F3D48A);}
.fac > div:first-child {gap:10px;align-items:start;}
.fac > div:first-child b {font-size:16px;line-height:1.25;}
.fac small {line-height:1.5;}
.fac .lv {flex-shrink:0;}
.fac .btn {justify-self:stretch;text-align:center;margin-top:auto;}
.mentors {gap:10px;}
.mentors li {
  position:relative;display:grid;grid-template-columns:minmax(0,1fr) 20px minmax(0,1fr);
  gap:4px 10px;align-items:center;padding:12px;
  border-radius:12px;background:color-mix(in srgb,var(--card) 92%,var(--blue));
  border:1px solid var(--line);
}
.mentors li b {overflow-wrap:anywhere;font-size:14px;}
.mentors li > span {color:var(--blue);font-size:22px;font-weight:800;text-align:center;}
.mentors li small {grid-column:1/-1;margin-top:2px;width:auto;}
.pa-arch {gap:8px;}
.pa-a {
  position:relative;padding:13px 15px 13px 18px;border-radius:11px;
  border:1px solid var(--line);background:color-mix(in srgb,var(--card) 96%,var(--gold));
  transition:border-color .18s,transform .18s,background .18s;
}
.pa-a::before {content:"";position:absolute;left:0;top:8px;bottom:8px;width:3px;border-radius:3px;background:var(--gold);}
.pa-a:hover,.pa-a:focus-visible {transform:translateX(2px);background:var(--t-amber);}
.pa-a span {letter-spacing:.08em;text-transform:uppercase;}
.pa-a b {line-height:1.35;}
.recs {gap:10px;}
.recs > div {padding:14px 15px;border:1px solid var(--line);border-radius:12px;background:color-mix(in srgb,var(--card) 90%,var(--blue));}
.recs span {font-size:var(--fs-xs);letter-spacing:.08em;}
.recs b {line-height:1.45;}
.ach {padding:11px;border-radius:12px;}
.ach.on {border-color:color-mix(in srgb,var(--gold) 65%,var(--line));box-shadow:0 7px 16px -14px var(--gold);}
.paper {border-radius:17px;}
.paper .pa-mast {background:color-mix(in srgb,var(--card) 96%,var(--gold));}
.paper .pa-mast b {font-size:clamp(22px,2.2vw,30px);}
.coach-cup {border-left:4px solid var(--gold);}
.coach-cup-top h3 {font-size:clamp(21px,2.2vw,28px);}
/* The development room uses photographic cover art and a clear project catalogue. */
.dev-hub {
  gap:18px;overflow:hidden;padding:clamp(13px,2.1vw,24px);
  border:1px solid var(--line);border-radius:20px;
  box-shadow:var(--coach-shadow);background:var(--card);
}
.dev-title {
  position:relative;overflow:hidden;isolation:isolate;
  min-height:174px;padding:clamp(17px,2.4vw,28px);
  border-radius:16px;align-items:center;color:#F6F8FF;
  background:linear-gradient(105deg,rgba(7,26,55,.97),rgba(9,35,68,.91) 56%,rgba(12,37,65,.65)),
             url("/images/history/stadium-new-night.jpg") center 48%/cover no-repeat;
}
.dev-title::after {content:"";position:absolute;left:0;bottom:0;width:100%;height:4px;background:linear-gradient(90deg,#3E91E3,#8CCEF2 66%,#F2C66C 66%);}
.dev-title > div {position:relative;z-index:1;}
.dev-title .label {color:#F6C769;font-size:var(--fs-xs);letter-spacing:.15em;text-transform:uppercase;margin-bottom:9px;}
.dev-title h2 {color:#fff;font:600 clamp(29px,3vw,44px)/1.1 var(--f-display);}
.dev-title .hint {color:#CDDDEC;font-size:14px;max-width:65ch;line-height:1.5;}
.dev-stamp {z-index:1;align-self:start;background:rgba(255,255,255,.12);color:#E6EFFA;border:1px solid rgba(255,255,255,.15);}
.dev-fin {gap:12px;}
.dev-fin > div {
  position:relative;overflow:hidden;gap:7px;min-height:112px;
  padding:17px;border-radius:14px;
  background:linear-gradient(160deg,color-mix(in srgb,var(--card) 88%,var(--blue)),var(--card));
  box-shadow:inset 0 3px 0 var(--blue);
}
.dev-fin > div:nth-child(2) {box-shadow:inset 0 3px 0 var(--green);}
.dev-fin > div:nth-child(3) {box-shadow:inset 0 3px 0 var(--gold);}
.dev-fin > div:nth-child(4) {box-shadow:inset 0 3px 0 var(--muted);}
.dev-fin small {font-size:12px;line-height:1.3;}
.dev-fin b {font-size:clamp(18px,2vw,26px);line-height:1.18;}
.dev-next {padding:12px 16px;border-left:4px solid var(--gold);border-radius:10px;}
.dev-tabs {padding:5px;border:1px solid var(--line);border-radius:12px;background:color-mix(in srgb,var(--card) 90%,var(--blue));gap:5px;}
.dev-tabs button {border:0;background:transparent;padding:11px 14px;border-radius:8px;min-height:43px;}
.dev-tabs button:hover {background:var(--card);}
.dev-tabs button[aria-pressed=true] {box-shadow:0 5px 12px -10px rgba(0,16,49,.8);}
.dev-body {gap:17px;}
.dev-oper {padding:14px 16px;border:1px solid var(--line);border-radius:12px;background:color-mix(in srgb,var(--card) 94%,var(--blue));}
.dev-cards {gap:14px;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));}
.dev-item {
  position:relative;isolation:isolate;overflow:hidden;min-width:0;
  padding:12px 15px 15px;gap:9px;min-height:268px;border-radius:15px;
  background:var(--card);border:1px solid var(--line);
  box-shadow:0 8px 22px -19px rgba(4,34,69,.5);
  transition:border-color .18s,box-shadow .18s,transform .18s;
}
.dev-item:hover {border-color:color-mix(in srgb,var(--blue) 40%,var(--line));box-shadow:0 13px 27px -20px rgba(4,34,69,.65);transform:translateY(-2px);}
.dev-item::before {
  content:"";display:block;height:92px;flex:none;margin:-12px -15px 5px;
  background:linear-gradient(180deg,rgba(11,38,69,.09),rgba(5,25,51,.42)),
             url("/images/history/stadium-new-island.jpg") center 51%/cover no-repeat;
}
.dev-item:nth-child(3n+2)::before {
  background:linear-gradient(180deg,rgba(5,29,61,.12),rgba(5,25,51,.42)),
             url("/images/history/stadium-new.jpg") center 57%/cover no-repeat;
}
.dev-item:nth-child(3n)::before {
  background:linear-gradient(180deg,rgba(5,29,61,.09),rgba(5,25,51,.47)),
             url("/images/history/stadium-new-night.jpg") center 54%/cover no-repeat;
}
.dev-item-top strong {font:600 clamp(18px,1.6vw,22px)/1.25 var(--f-display);letter-spacing:.005em;}
.dev-desc {font-size:13px;line-height:1.55;gap:9px;}
.dev-note {line-height:1.5;}
.dev-item .btn {margin-top:auto;border-color:var(--line-2);padding:9px 11px;font-size:13px;line-height:1.35;}
.dev-item .btn:not(:disabled) {background:var(--blue);color:var(--blue-ink);border-color:var(--blue);}
.dev-item .btn:disabled {background:var(--paper);color:var(--muted);}
.dev-item progress {height:9px;border-radius:99px;overflow:hidden;}
.dev-rivals > div,.dev-report {background:color-mix(in srgb,var(--card) 95%,var(--blue));border-radius:11px;padding:13px;}
.dev-journal {padding:12px 14px;border:1px solid var(--line);border-radius:12px;}
.foot {padding-top:20px;opacity:.84;}
/* Tab-wide improvements respect the existing seven-button mobile dock. */
@media (max-width:1100px) {
  .wrap > header.top {min-height:0;gap:16px;}
  .brand {flex-basis:100%;}
  .meters {max-width:none;width:100%;flex-basis:100%;}
  .facs {grid-template-columns:1fr;}
}
@media (max-width:700px) {
  .wrap > header.top {padding:20px;border-radius:17px;gap:18px;background-position:center 53%;}
  .brand h1 {font-size:clamp(26px,6vw,35px);}
  .brand h1::before {font-size:9px;letter-spacing:.12em;margin-bottom:8px;}
  .brand .logo {width:62px;height:62px;padding:8px;border-radius:14px;}
  .brand p {margin-top:6px;font-size:12px;}
  .meters {gap:7px;grid-template-columns:repeat(3,minmax(0,1fr));}
  .meter {padding:10px 9px;backdrop-filter:none;}
  .meter span {font-size:var(--fs-xs);display:block;}
  .meter span b {display:block;font-size:14px;}
  .status {border-radius:12px;}
  .st {min-height:77px;padding:12px 4px;}
  .st span {font-size:var(--fs-xs);letter-spacing:0;}
  .st em {font-size:var(--fs-xs);}
  .coach-displaybar {padding:8px 10px;}
  .card {border-radius:13px;}
  .gauges {gap:10px;}
  .facs {grid-template-columns:1fr;}
  .dev-hub {border-radius:15px;}
  .dev-title {min-height:160px;padding:20px 16px;}
  .dev-title .hint {font-size:12px;}
  .dev-title h2 {font-size:31px;}
  .dev-fin > div {min-height:100px;padding:13px;}
  .dev-fin b {font-size:clamp(16px,4vw,23px);}
  .dev-cards {grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));}
  .dev-item {min-height:240px;}
  .dev-item::before {height:80px;}
}
@media (max-width:560px) {
  .wrap {padding-top:12px;}
  .wrap > header.top {gap:14px;}
  .brand {gap:11px;}
  .brand .logo {width:55px;height:55px;border-radius:12px;}
  .brand h1 {font-size:clamp(24px,6.7vw,32px);}
  .brand h1::before {font-size:8px;letter-spacing:.095em;}
  .brand p {line-height:1.4;}
  .meter {min-height:68px;}
  .meter i {margin-top:7px;}
  nav.tabs {position:fixed;left:0;right:0;bottom:0;z-index:40;margin:0;gap:0;border-radius:0;
    padding:6px max(4px,env(safe-area-inset-left,0px)) calc(6px + env(safe-area-inset-bottom,0px));overflow:visible;
    background:#10253F;}
  nav.tabs button {flex:1 1 0;min-width:0;min-height:0;flex-direction:column;gap:2px;padding:6px 0 4px;font-size:clamp(8.5px,2.55vw,12px);border-radius:7px;}
  nav.tabs button[aria-selected="true"] {box-shadow:inset 0 -2px #F1C46A;}
  #main .panel > section.card:has(.gauges) {padding:17px;}
  .fac {padding:13px;}
  .mk-head > div {padding:10px;}
  .dev-tabs {gap:3px;}
  .dev-tabs button {padding:10px 12px;min-height:44px;}
  .dev-title .dev-stamp {display:none;}
  .dev-oper {padding:11px;}
  .dev-item {min-height:235px;}
  .lead .ph {width:46px;height:46px;}
}
@media (max-width:360px) {
  .wrap > header.top {padding:14px 12px;}
  .brand h1 {font-size:23px;}
  .brand .logo {width:49px;height:49px;padding:6px;}
  .st b {font-size:23px;}
  .meter span {font-size:var(--fs-xs);}
  .meter span b {font-size:12px;}
  .dev-fin > div {padding:10px;}
  .dev-fin b {font-size:15px;}
  .dev-item {padding-inline:12px;}
  .dev-item::before {margin-inline:-12px;}
  .mentors li {gap:4px 6px;padding:10px;}
}
@media (prefers-reduced-motion:reduce) {
  .btn,.pl,.pa-a,.dev-item,nav.tabs button {transition:none!important;}
  .dev-item:hover,.pl:hover,.pa-a:hover {transform:none;}
}
@media (forced-colors:active) {
  .wrap > header.top,.hero,.dev-title,.week {border:1px solid CanvasText;}
  nav.tabs button[aria-selected="true"],.dev-tabs button[aria-pressed="true"] {outline:2px solid Highlight;}
}

/* Each development card has its own local, meaningful illustration. */
.dev-item[data-dev-art="project-renovation"]{--dev-cover:url("/coach/art/project-renovation.svg")}
.dev-item[data-dev-art="project-fields"]{--dev-cover:url("/coach/art/project-fields.svg")}
.dev-item[data-dev-art="project-indoor"]{--dev-cover:url("/coach/art/project-indoor.svg")}
.dev-item[data-dev-art="project-base"]{--dev-cover:url("/coach/art/project-base.svg")}
.dev-item[data-dev-art="project-campus"]{--dev-cover:url("/coach/art/project-campus.svg")}
.dev-item[data-dev-art="rent-extra"]{--dev-cover:url("/coach/art/rent-extra.svg")}
.dev-item[data-dev-art="rent-covered"]{--dev-cover:url("/coach/art/rent-covered.svg")}
.dev-item[data-dev-art="rent-away"]{--dev-cover:url("/coach/art/rent-away.svg")}
.dev-item[data-dev-art="rent-med"]{--dev-cover:url("/coach/art/rent-med.svg")}
.dev-item[data-dev-art="camp-home"]{--dev-cover:url("/coach/art/camp-home.svg")}
.dev-item[data-dev-art="camp-south"]{--dev-cover:url("/coach/art/camp-south.svg")}
.dev-item[data-dev-art="camp-turkey"]{--dev-cover:url("/coach/art/camp-turkey.svg")}
.dev-item[data-dev-art="camp-emirates"]{--dev-cover:url("/coach/art/camp-emirates.svg")}
.dev-item[data-dev-art="camp-mountain"]{--dev-cover:url("/coach/art/camp-mountain.svg")}
.dev-item[data-dev-art="staff-gk"]{--dev-cover:url("/coach/art/staff-gk.svg")}
.dev-item[data-dev-art="staff-fit"]{--dev-cover:url("/coach/art/staff-fit.svg")}
.dev-item[data-dev-art="staff-an"]{--dev-cover:url("/coach/art/staff-an.svg")}
.dev-item[data-dev-art="staff-sp"]{--dev-cover:url("/coach/art/staff-sp.svg")}
.dev-item[data-dev-art="role-development"]{--dev-cover:url("/coach/art/role-development.svg")}
.dev-item[data-dev-art="role-youth"]{--dev-cover:url("/coach/art/role-youth.svg")}
.dev-item[data-dev-art="role-psych"]{--dev-cover:url("/coach/art/role-psych.svg")}
.dev-item[data-dev-art="academy-regional"]{--dev-cover:url("/coach/art/academy-regional.svg")}
.dev-item[data-dev-art="academy-reserve"]{--dev-cover:url("/coach/art/academy-reserve.svg")}
.dev-item[data-dev-art="academy-internat"]{--dev-cover:url("/coach/art/academy-internat.svg")}
.dev-item[data-dev-art="scout-mission"]{--dev-cover:url("/coach/art/scout-mission.svg")}
.dev-item[data-dev-art="rivals"]{--dev-cover:url("/coach/art/rivals.svg")}
.dev-cards .dev-item::before {
  background-image:linear-gradient(180deg,rgba(8,31,60,.02),rgba(8,31,60,.14)),var(--dev-cover);
  background-position:center,center;
  background-size:cover;
  background-repeat:no-repeat;
}