@import url("https://fonts.googleapis.com/css2?family=Archivo+Black&family=Instrument+Sans:wght@400;500;600;700&display=swap");

@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800&family=DM+Sans:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--bg:#0d1917;--panel:#152622;--line:#30423a;--lime:#e7fb83;--cream:#f5f3df;--muted:#b0bfb1}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--cream);font:16px 'DM Sans',sans-serif}header,main,footer{max-width:1120px;margin:auto}header{display:flex;justify-content:space-between;align-items:center;padding:22px 24px;border-bottom:1px solid var(--line)}.brand{font-family:'Barlow Condensed','Arial Narrow',sans-serif;font-weight:800;font-size:25px;text-transform:uppercase}.brand b,.accent{color:var(--lime)}.edition,.eyebrow{font-size:12px;letter-spacing:.15em;font-weight:700;text-transform:uppercase;color:var(--muted)}main{padding:52px 24px 36px}.hero{display:grid;grid-template-columns:1.05fr 1fr;align-items:stretch;gap:44px}h1,h2,h3{font-family:'Barlow Condensed','Arial Narrow',sans-serif;text-transform:uppercase;margin:0;line-height:.95}h1{font-size:clamp(68px,10vw,142px);font-weight:800;margin:15px 0 22px}h2{font-size:clamp(38px,6vw,64px);margin:12px 0 18px}h3{font-size:29px}p{line-height:1.55;color:var(--muted)}.hero p{max-width:390px;font-size:17px}.pitch{background:repeating-linear-gradient(90deg,#254439 0 16.66%,#28493d 16.66% 33.33%);border:1px solid #416457;border-radius:18px;position:relative;min-height:410px;overflow:hidden;display:grid;place-items:center}.lines{position:absolute;inset:23px;border:1px solid #789985;border-radius:2px;display:grid;place-items:center}.lines:before{content:'';position:absolute;inset:0 50% 0 auto;border-left:1px solid #789985}.lines:after{content:'';width:27%;aspect-ratio:1;border:1px solid #789985;border-radius:50%}.box{position:absolute;top:30%;height:40%;width:15%;border:1px solid #789985}.left{left:23px}.right{right:23px}.ticket{z-index:1;transform:rotate(-8deg);background:var(--lime);color:#142119;box-shadow:8px 11px 0 #10241dbb;border-radius:12px;text-align:center;padding:22px 36px;font:800 clamp(64px,11vw,125px)/.9 'Barlow Condensed',sans-serif}.ticket small{display:block;border-top:1px dashed #546438;margin-top:12px;padding-top:12px;font:700 12px 'DM Sans',sans-serif;letter-spacing:.23em}.setup{margin-top:26px;display:flex;flex-wrap:wrap;align-items:end;gap:10px}.setup label{display:grid;gap:5px;font-size:12px;color:var(--muted)}input,select,button{font:inherit;border-radius:8px}input,select{padding:11px;color:var(--cream);background:var(--panel);border:1px solid var(--line)}input{width:140px}button{cursor:pointer;border:1px solid transparent;background:var(--lime);color:#182517;padding:11px 16px;font-weight:700}button:hover:enabled{filter:brightness(1.12)}button:disabled{opacity:.45;cursor:default}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid white;outline-offset:3px}.secondary{background:transparent;border-color:#556b60;color:var(--cream)}.rules,.grid{display:grid;gap:12px;margin-top:24px}.rules{grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);padding-top:22px}.rules b{display:block;color:var(--lime);margin-bottom:4px}.rules span,footer{font-size:13px;color:var(--muted)}footer{padding:14px 24px 25px}.grid{grid-template-columns:1.5fr 1fr}.card{border:1px solid var(--line);border-radius:14px;background:var(--panel);padding:22px;min-width:0}.lot{background:radial-gradient(ellipse at top right,#325347,var(--panel) 70%)}.bar{height:6px;background:#33483e;border-radius:20px;overflow:hidden;margin:12px 0 24px}.bar i{height:100%;display:block;background:var(--lime);transition:width .2s linear}.split,.actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.split{justify-content:space-between}.stat{color:var(--lime);font-size:23px;font-weight:800}.bid{margin:24px 0 15px}.muted{color:var(--muted)}.list{list-style:none;padding:0;margin:12px 0 0}.list li{padding:8px 0;border-top:1px solid var(--line)}.status{min-height:3em;margin-bottom:0}.table{width:100%;border-collapse:collapse;text-align:left}.table td,.table th{padding:10px 6px;border-bottom:1px solid var(--line)}.table .you{color:var(--lime)}[hidden]{display:none!important}@media(max-width:760px){main{padding-top:30px}.hero,.grid{grid-template-columns:1fr;gap:20px}.pitch{min-height:250px}.rules{gap:9px}.card{padding:16px}.setup button{width:100%}}
:root{--lime:#e8fd86;--amber:#f3b770}.brand{font-size:28px}.brandline{display:grid;gap:2px}.sitehead{position:sticky;top:0;z-index:5;background:var(--bg)}.sitehead .secondary{font-size:13px}.hero{align-items:stretch}.hero p{max-width:490px}.pitch{min-height:420px}.ticket small{white-space:nowrap}.shell{max-width:1120px}.nav{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 25px}.nav span{border:1px solid var(--line);border-radius:50px;padding:6px 12px;font-size:12px;color:var(--muted)}.nav .active{background:var(--lime);color:var(--bg);font-weight:700}.sub{max-width:690px}.setupgrid{display:grid;grid-template-columns:1.1fr 1fr;gap:14px;margin-top:22px}form label,.label{display:grid;gap:7px;color:var(--muted);font-size:13px;margin-bottom:15px}form input:not([type=checkbox]),form select{width:100%}.check{display:flex;align-items:center;gap:9px}.check input{width:auto}.grid{grid-template-columns:1.45fr 1fr}.bigger{font-size:clamp(37px,5vw,62px);overflow-wrap:anywhere}.lot .portrait{width:92px;height:105px;margin:0 0 8px}.portrait{width:48px;height:53px;flex:none;background:#416154;color:var(--lime);border:1px solid #6c8c79;border-radius:10px;display:grid;place-items:center;font:800 25px 'Barlow Condensed',sans-serif;overflow:hidden}.portrait img{width:100%;height:100%;object-fit:cover}.lotname{display:flex;gap:16px;align-items:center}.lotname h2{margin:7px 0}.stat big{font-size:42px}.actions button{min-height:41px}.bidbox{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap}.bidbox input{width:150px}.hint{font-size:13px;margin:8px 0}.list li{overflow-wrap:anywhere}.list li:first-child{border-top:0}.list .split{gap:7px}.club{font-size:12px;color:var(--muted)}.rosterrow{display:flex;align-items:center;gap:9px}.rosterrow strong{display:block}.slot{width:30px;font-size:11px;color:var(--lime);font-weight:800}.slotselect{width:100%}.subcard{margin-top:12px}.matchboard{text-align:center;padding:24px 12px}.scoreline{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:8px;align-items:center;margin:15px 0}.scoreline strong{overflow-wrap:anywhere}.scoreline b{font:800 clamp(50px,9vw,92px)/1 'Barlow Condensed',sans-serif;color:var(--lime);white-space:nowrap}.metric{display:grid;grid-template-columns:1fr 1.4fr 1fr;align-items:center;padding:8px 0;border-top:1px solid var(--line);font-size:14px}.live{color:var(--lime)}.events{max-height:300px;overflow:auto}.goal{color:var(--lime);font-weight:700}.eventmin{color:var(--muted);font-weight:600;margin-right:8px}.table{font-size:14px}.table td:first-child{overflow-wrap:anywhere}.alert{background:#4a3528;color:#ffdbab;border-radius:8px;padding:10px 13px;margin:12px 0;min-height:0}.source{color:var(--lime);text-decoration:none}.clubgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:16px 0}.clubgrid button{text-align:left}.code{font:700 25px monospace;letter-spacing:.14em}.winner{padding:32px;text-align:center;background:#263f31}.venue{color:var(--amber)}.hide-desktop{display:none}.activeBtn{border-color:var(--lime);color:var(--lime)}.intro{margin:12px 0 6px}.catalog{max-height:520px;overflow:auto}.catalog li{display:grid;grid-template-columns:1fr auto;align-items:center;gap:10px}.empty{color:var(--muted);padding:10px 0}.secondary:disabled{color:var(--muted)}@media(max-width:760px){.setupgrid,.grid{grid-template-columns:1fr}.pitch{min-height:245px}.clubgrid{grid-template-columns:repeat(2,1fr)}.sitehead{position:static}.hide-desktop{display:inline}.lot .portrait{width:68px;height:80px}.grid{margin-top:16px}.scoreline strong{font-size:14px}.edition{font-size:10px}.winner{padding:20px}}

:root {
  --bg:#0c1815;
  --panel:#142720;
  --line:#345044;
  --lime:#f1d496;
  --cream:#fff3dc;
  --muted:#b6c7ba;
  --amber:#ed9a78;
}
body { background:radial-gradient(ellipse at 86% 2%,#20362d 0,transparent 43%),var(--bg); }
.sitehead { max-width:none; padding-inline:max(24px,calc((100vw - 1072px)/2)); background:#0d1916; }
.brandline { gap:4px; }
.brand { letter-spacing:.04em; }
.sitehead .secondary { border-radius:999px; }
main.shell { padding-top:58px; }
.hero { grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr); align-items:center; gap:35px; }
.herocopy h1 { font-size:clamp(80px,10vw,147px); letter-spacing:-.036em; margin:14px 0 23px; }
.herocopy p { font-size:17px; max-width:365px; }
.herocopy .eyebrow { color:var(--amber); }
.actions.homeactions {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
  max-width:420px;
  margin:26px 0 10px;
}
.homeactions button {
  min-height:48px;
  padding:10px 8px;
  text-align:center;
  line-height:1.2;
  font-size:clamp(14px,3.7vw,16px);
  white-space:normal;
}
.homeactions [data-act="openCreate"] {
  grid-column:1/-1;
  min-height:52px;
}
button { transition:background-color .15s,border-color .15s,filter .15s; }
button:not(.secondary) { background:#f1d496; color:#211911; }
.secondary { border-color:#577264; }
.secondary:hover:enabled { background:#253d33; }
.auction-stage {
  isolation:isolate; position:relative; display:grid; place-items:center;
  align-content:center; gap:24px; min-height:410px; margin:0; padding:40px 30px 28px;
  border:1px solid #496254; border-radius:20px; overflow:hidden;
  background:radial-gradient(ellipse at 52% 50%,#325144 0%,#1a3229 52%,#10251f 100%);
}
.pitchmark { position:absolute; z-index:-1; inset:17px; border:1px solid #aec6a742; border-radius:3px; }
.pitchmark::before { content:""; position:absolute; inset:0 50% 0 auto; border-left:1px solid #aec6a742; }
.pitchmark::after { content:""; position:absolute; inset:50% auto auto 50%; width:27%; aspect-ratio:1; transform:translate(-50%,-50%); border:1px solid #aec6a742; border-radius:50%; }
.hero-banknote {display:block;width:100%;max-width:470px;height:auto;border-radius:6px;box-shadow:0 14px 32px #173a2a33}
.auction-stage figcaption { color:#e1dfc6; font-size:11px; text-transform:uppercase; font-weight:700; letter-spacing:.17em; text-align:center; }
.rules { margin-top:38px; gap:14px; }
.rules>div { padding:15px 16px; border-left:2px solid #a15f51; background:#152820; border-radius:0 8px 8px 0; }
.rules b { color:#f1d496; }
.card { box-shadow:0 8px 30px #070e0a30; }
.card.lot { background:radial-gradient(ellipse at top right,#34574a,var(--panel) 68%); }
.table th { color:var(--muted); }
@media(max-width:850px) {
  .hero { gap:22px; }
  .auction-stage { min-height:340px; padding-inline:23px; }
}
@media(max-width:700px) {
  main.shell { padding-top:30px; }
  .hero { grid-template-columns:1fr; }
  .herocopy h1 { font-size:clamp(66px,17vw,112px); margin-bottom:15px; }
  .auction-stage { min-height:240px; gap:16px; padding:30px 24px 22px; }
  .rules { margin-top:22px; }
}
@media(max-width:420px) { .rules { grid-template-columns:1fr; } }

:root { --bg:#0a1122; --panel:#141f36; --line:#34435b; --cream:#fff4df; --muted:#b9c5d8; }
body { font-family:'Instrument Sans','DM Sans',sans-serif; background:radial-gradient(ellipse at 82% 0%,#22334f 0,transparent 50%),var(--bg); }
.sitehead {background:#0a1325}
.herocopy h1,.brand {font-family:'Archivo Black','Barlow Condensed',sans-serif}
.herocopy h1 {font-size:clamp(44px,6.6vw,90px);letter-spacing:-.065em}
.card.lot {background:radial-gradient(ellipse at top right,#293d60,var(--panel) 72%)}
.rules>div {background:var(--panel)}
.formation-pitch {position:relative;isolation:isolate;display:grid;grid-template-rows:repeat(4,1fr);gap:5px;margin:14px 0;padding:13px 10px;border:1px solid #608472;border-radius:12px;background:repeating-linear-gradient(0deg,#1c4435 0 12.5%,#234e3d 12.5% 25%);min-height:330px}
.formation-pitch::before,.formation-pitch::after {content:'';position:absolute;z-index:-1;pointer-events:none;border:1px solid #cadbc970}
.formation-pitch::before {inset:9px;background:linear-gradient(transparent calc(50% - .5px),#cadbc970 0 calc(50% + .5px),transparent 0)}
.formation-pitch::after {width:23%;aspect-ratio:1;border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%)}
.formation-row {display:flex;justify-content:space-evenly;align-items:center;gap:4px;min-width:0}
.formation-player,.formation-player:not(.secondary) {display:grid;place-items:center;align-content:center;gap:2px;min-width:0;width:min(32%,110px);padding:3px;border-radius:9px;background:#101b29e8;color:var(--cream);text-align:center}
.formation-player strong {font-size:12px;line-height:1.15;overflow-wrap:anywhere}
.formation-player small {font-size:10px;color:var(--lime)}
.formation-player .portrait {width:32px;height:35px;font-size:16px}
@media(max-width:700px){.herocopy h1{font-size:clamp(42px,10vw,72px)}}

.hero .eyebrow {color:#efb9a6}
.hero h1,.hero h1 .accent {color:#fff1dc}
.hero p {color:#e0d7d1}
.auction-stage {
  border-color:#74414a;
  background:radial-gradient(ellipse at 52% 42%,#66313d,#3b202e 70%,#2a1926);
}
.pitchmark,.pitchmark::after {border-color:#f1c5a02e}
.pitchmark::before {border-left-color:#f1c5a02e}
.auction-stage figcaption {color:#f5ddc3}

.rematch-actions {justify-content:center; margin-top:18px}

.revealed-teams {display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:16px;margin-top:14px}

.emblem-field {display:flex;align-items:center;gap:12px;margin-bottom:15px}
.emblem-field label {flex:1;min-width:0;margin:0}
.emblem-preview {display:grid;place-items:center;width:54px;height:54px;flex:none;background:var(--bg);border:1px solid var(--line);border-radius:10px}
.team-badge {display:inline-block;flex:none;width:28px;height:28px;object-fit:contain;vertical-align:middle}
.team-badge-default {background:var(--lime);clip-path:polygon(10% 8%,90% 8%,90% 52%,78% 72%,50% 98%,22% 72%,10% 52%);opacity:.72}
.emblem-preview .team-badge {width:38px;height:38px}
.team-label {display:inline-flex;align-items:center;gap:7px;vertical-align:middle}
.scoreline .team-label {flex-direction:column;gap:4px}
.scoreline .team-badge {width:34px;height:34px}

.site-footer {display:flex;align-items:center;flex-wrap:wrap;gap:10px 16px}
.about-trigger {font-size:13px;padding:7px 12px}
.about-dialog {
  width:min(540px,calc(100% - 32px));
  max-height:calc(100% - 32px);
  padding:clamp(18px,5vw,30px);
  background:var(--panel);
  color:var(--cream);
  border:1px solid var(--line);
  border-radius:16px;
}
.about-dialog::backdrop {background:rgb(0 0 0 / .68)}
.about-dialog h2 {margin:0 0 12px}
.about-dialog p {line-height:1.6}
.about-dialog .source {text-decoration:underline;text-underline-offset:3px}
.about-dialog form {margin-top:20px}

.lobby-exit {margin-top:18px;padding-top:14px;border-top:1px solid var(--line)}

.sitehead-actions {display:flex;align-items:center;gap:8px}
.sitehead-actions .profile-link {display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:7px 12px;border:1px solid #577264;border-radius:9px;color:var(--cream);font-size:13px;font-weight:700;text-decoration:none}
.sitehead-actions .profile-link:hover {background:#253d33}
.sitehead-actions .profile-link:focus-visible {outline:2px solid var(--lime);outline-offset:3px}
.sitehead {flex-wrap:wrap}
.session-status {flex-basis:100%;margin:0;text-align:right;color:var(--muted);font-size:13px;overflow-wrap:anywhere}
.session-status a {color:var(--lime);font-weight:700;text-underline-offset:3px}

@media (max-width:600px) {
  .sitehead:has(.sitehead-actions) {display:grid;grid-template-columns:minmax(0,1fr);justify-items:start;gap:10px}
  .sitehead .sitehead-actions {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:min(100%,220px)}
  .sitehead .sitehead-actions > * {min-height:42px;padding:8px 12px;border-radius:9px}
  .sitehead .session-status {text-align:left}
}

.formation-pitch.has-overall {grid-template-rows:auto repeat(4,1fr)}
.pitch-overall {justify-self:end;margin:3px 4px 2px;padding:5px 9px;border-radius:8px;background:#101b29e8;color:var(--cream);font-size:12px}
.pitch-overall strong {margin-left:4px;color:var(--lime);font-size:16px}

.share-dialog img {display:block;width:100%;height:auto;border-radius:10px}
.share-dialog img[hidden] {display:none}
.share-dialog .actions {align-items:center;gap:10px}
.share-dialog form {margin:0}
.share-dialog .profile-link {color:var(--cream);text-underline-offset:3px}

:root {
  color-scheme:light;
  --bg:#fff;
  --panel:#f7faf8;
  --line:#cfded5;
  --cream:#17251e;
  --muted:#46574f;
  --lime:#126340;
  --amber:#a7192d;
}
body,.sitehead {background:var(--bg)}
.hero h1 {color:var(--cream)}
.hero h1 .accent,.hero .eyebrow {color:var(--amber)}
.hero p {color:var(--muted)}
button:not(.secondary):not(.formation-player) {background:var(--amber);color:#fff}
.secondary,.sitehead-actions .profile-link {background:#fff;border-color:#82a695;color:var(--lime)}
.secondary:hover:enabled,.sitehead-actions .profile-link:hover {background:#edf6f0}
:is(button,input,select,a):focus-visible {outline:2px solid var(--lime);outline-offset:3px}
.card.lot {background:linear-gradient(145deg,#fff,#edf6f0)}
.rules>div {border-left-color:var(--amber)}
.rules b {color:var(--lime)}
.winner {background:#edf6f0}
.alert {background:#fff0ef;color:#8a1728}
.auction-stage {border-color:#c9dfd1;background:radial-gradient(ellipse at 50% 38%,#f5fbf7,#dbeee1)}
.pitchmark,.pitchmark::after {border-color:#12634030}
.pitchmark::before {border-left-color:#12634030}
.auction-stage figcaption {color:var(--lime)}
.portrait {background:#e4efe8;border-color:#a5bcaf;color:var(--lime)}
.pitch-overall {background:#fff;color:var(--cream)}
.formation-player,.formation-player:not(.secondary) {background:transparent;color:#fff}
.formation-player small {color:#e6f5eb}


.sitehead {
  background:var(--header-green);
  color:#fff;
  border-top:5px solid var(--flag-red);
  border-bottom-color:#052d1f;
  box-shadow:0 6px 20px #173a2a25;
}
.sitehead .brand {font-size:clamp(24px,4vw,40px);line-height:1.12;letter-spacing:-.035em}
.sitehead .edition,.sitehead .session-status a {color:var(--header-gold)}
.sitehead .session-status {color:#f0f9ef}
.sitehead .edition {margin-top:3px}
.sitehead .source {color:#fff}
.sitehead .sitehead-actions > * {background:#fff;border-color:#d7ead4;color:#164b24}
.sitehead .sitehead-actions > *:hover {background:#e8f4e5}
.sitehead :is(button,a):focus-visible {outline-color:#ffe099}

:root {
  --title-gold:#ffcc29;
  --flag-red:#bd182d;
  --header-green:#073b29;
  --header-gold:#ffe099;
}
.sitehead .brand,.sitehead .brand b,.hero h1 {color:var(--flag-red)}
.sitehead .brand {-webkit-text-stroke:.35px #fff}
.hero .eyebrow {color:var(--header-green)}
.hero h1 .accent {color:inherit}
.homeactions button[data-act="openCreate"]:not(.secondary) {background:var(--header-green);color:#fff;border-color:var(--header-green)}

/* Shared hierarchy for the game, profile and administration screens. */
:where(main, .about-dialog) :is(h1, h2) {color:var(--flag-red)}
:where(main, .about-dialog) :is(h3, .eyebrow, summary, a) {color:var(--header-green)}
.hero h1 {color:var(--flag-red)}
.pitch-overall strong {color:var(--header-green)}
.site-footer .about-trigger {color:var(--header-green)}

.lot-identity {min-width:0}
.lot-overall {display:grid;place-content:center;gap:3px;flex:none;margin-inline-start:auto;width:clamp(52px,9vw,82px);aspect-ratio:1;border-radius:9px;background:var(--header-gold);color:#2a210b;text-align:center}
.lot-overall span {font-size:11px;font-weight:800;letter-spacing:.1em}
.lot-overall strong {font-size:clamp(24px,5vw,40px);line-height:1}
@media(max-width:600px){
  .lotname {gap:9px}
  .lotname h2 {font-size:clamp(26px,8vw,42px)}
}

.lot-details {display:flex;flex-wrap:wrap;align-items:center;gap:4px 12px;color:var(--muted)}
.lot-details span {display:inline-flex;align-items:center;gap:6px}
.lot-details small {font-size:12px}
.lot-crest {width:27px;height:27px;object-fit:contain;flex:none}

#clock.clock-urgent {color:var(--flag-red)}
#clockbar.clock-urgent {background:var(--flag-red)}
.opponent-pitches {display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,220px),1fr));gap:12px;margin-top:12px}
.formation-pitch.pitch-compact {height:294px;grid-template-rows:30px repeat(4,minmax(0,1fr));margin:10px 0;padding:9px}
.pitch-compact .formation-player {height:54px;min-height:0;overflow:hidden;gap:1px}
.pitch-compact .slot-occupied strong {color:var(--header-gold)}

.pitch-compact .formation-player .portrait {width:25px;height:27px;font-size:12px}
.pitch-compact .formation-player strong {max-width:100%;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pitch-compact .formation-player small {max-width:100%;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

.opponent-heading {display:grid;grid-template-columns:minmax(0,1fr) max-content;grid-template-rows:32px;align-items:center;gap:8px}
.opponent-heading strong {display:flex;align-items:center;gap:5px;min-width:0}
.opponent-name {min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.opponent-balance {grid-column:2;grid-row:1;white-space:nowrap;font-variant-numeric:tabular-nums}
.pitch-compact .pitch-overall {align-self:center;margin-block:0;padding-block:2px}

.pitch-overall,.pitch-overall strong {color:var(--flag-red)}

.pitch-eleven .formation-player {flex:1 1 0;width:auto;max-width:110px;min-width:0}
.pitch-eleven .formation-player strong {max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pitch-eleven.pitch-compact .portrait {max-width:100%}

.profile-form-status {margin:10px 0 0}
.profile-form-status:empty {display:none}

.game-version {margin-inline-start:auto;text-align:right;white-space:nowrap;color:var(--muted)}
@media(max-width:600px){.game-version {flex-basis:100%}}

.news-release {padding:16px;border-inline-start:4px solid var(--flag-red);border-radius:8px;background:#eaf4ee;margin-block:16px 22px}
.news-release p:first-child {margin-top:0}
.news-release p:last-child {margin-bottom:0}
.news-dialog li {margin-block:8px;line-height:1.45}

.formation-pitch.pitch-five-rows {grid-template-rows:repeat(5,minmax(0,1fr));min-height:375px}
.formation-pitch.pitch-five-rows.has-overall {grid-template-rows:auto repeat(5,minmax(0,1fr))}
.formation-pitch.pitch-compact.pitch-five-rows {min-height:0;grid-template-rows:30px repeat(5,minmax(0,1fr))}
.pitch-compact.pitch-five-rows .formation-player {height:44px}
.pitch-compact.pitch-five-rows .formation-player .portrait {width:19px;height:20px}