/* ERA XI reference: one desktop game viewport, dense lists and a pitch-led board. */
.game-shell{--rail:112px;--line:#34434a;display:grid;grid-template-columns:var(--rail) minmax(0,1fr);grid-template-rows:56px minmax(0,1fr) 38px;height:100dvh;min-height:640px;background:#080f13;color:#d8dfdc;overflow:hidden}
.game-shell :is(button,a,input,select):focus-visible{outline-color:#d5bf81;outline-offset:2px}
.game-shell *{scrollbar-width:thin;scrollbar-color:#536a70 #0b181d}
.game-shell .sidebar{position:static;grid-row:1/3;width:auto;height:auto;inset:auto;padding:16px 0 12px;background:linear-gradient(180deg,#081115,#0b171c);border-right:1px solid #3a464a;min-height:0;overflow:auto}
.game-shell .sidebar .brand{padding:2px 10px 17px}.game-shell .sidebar .era-wordmark{font-size:23px}.game-shell .club-id{padding:12px 8px;margin:0 0 10px;gap:8px;border-color:#26373e}.game-shell .club-id .crest{width:35px;height:40px}.game-shell .club-id strong{font-size:13px}.game-shell .club-id small{color:#9ba9ac;font-size:13px}
.game-shell .nav-link{gap:9px;padding:11px 10px;font-size:13px;min-height:38px;color:#93a6ac}.game-shell .nav-link:hover{color:#ece4cb}.game-shell .nav-link[aria-current]{color:#e6d499;border-left-color:#c3ad72;background:linear-gradient(90deg,#b7a27224,transparent)}
.game-shell .nav-icon{width:17px;height:17px;display:block;flex-shrink:0}.nav-icon svg,.hud-tool svg,.hud-location>svg{display:block;width:100%;height:100%}.game-shell .sidebar-foot{padding:16px 12px 2px;letter-spacing:1px}.sidebar-foot>span{font:13px Arial;color:#697e87}.sidebar-foot>b{display:block;font:8px/1.7 Arial;letter-spacing:1.6px;color:#b4b8aa;margin:10px 0}.sidebar-foot>small{font-size:13px}
.game-shell .topbar{height:auto;min-width:0;margin:0;padding:0 21px;background:#0c171c;border-bottom:1px solid #425055;box-shadow:none}
.hud-location{display:flex;gap:12px;align-items:center;font-size:13px}.hud-location>svg{width:17px;height:17px;color:#c4b47d}.hud-location>span{font-weight:600;color:#e4e5de}.hud-location>i{height:15px;width:1px;background:#39464c}.hud-location>b{font-size:13px;color:#8ca0a8;font-weight:400}
.game-shell .topbar .meta{gap:22px}.meta>span{display:grid;gap:4px}.meta small{font-size:13px;color:#7f969f}.meta b{font-weight:500;font-size:13px}.meta .hud-round em{font:13px Arial;color:#83969d}.hud-tool{width:17px;height:17px;color:#a1b0b4}.game-shell .logout{border-left:1px solid #35424a;padding-left:15px;font-size:13px}
.game-shell>.content{margin:0;padding:14px 16px;max-width:none;min-height:0;min-width:0;height:auto;display:flex;flex-direction:column;gap:12px;overflow:hidden;background:linear-gradient(#0b161adb,#080f13f7),url('/assets/game/stadium.webp') center/cover}
.game-shell .page-title{margin:0;padding:0 1px 11px;border-bottom:1px solid #34434a;min-height:51px;flex-shrink:0;align-items:center}.game-shell .page-title>div{display:flex;align-items:baseline;gap:17px;flex-wrap:wrap}.game-shell .page-title .eyebrow{display:none}.game-shell .page-title h1{font-size:23px;font-weight:550;letter-spacing:-.7px}.game-shell .page-title p{font-size:13px;margin:0;color:#91a5ae}.game-shell .btn{min-height:34px;padding:8px 13px;font-size:13px}.game-shell .btn.small{min-height:27px;font-size:13px;padding:5px 9px}
.game-shell .btn.primary{background:linear-gradient(100deg,#a98f56,#d9c687 55%,#bfa76a);color:#111b19;border-color:#b5a06a}.game-shell .btn.primary:hover{background:#dccb94}.game-shell .segmented button.active,.game-shell .market-tabs>button.active{background:#c8b173;color:#15211c!important}
.game-shell .section-heading{padding-bottom:10px;min-height:28px;flex-shrink:0}.game-shell .section-heading h2{font-size:13px}.game-shell .section-heading>span{font-size:13px;letter-spacing:1.4px}.game-shell .section-heading>a{font-size:13px}.game-shell .empty{font-size:13px;line-height:1.9;padding:18px 10px}
.game-shell :is(.squad-layout,.era-tactics,.market-layout,.scout-layout,.league-layout,.match-centre,.finance-layout,.academy-layout,.cup-layout){flex:1;min-height:0;gap:12px;overflow:hidden}
.game-shell :is(.squad-list,.squad-detail,.market-board,.market-guide,.scout-directory,.scout-report,.league-board,.league-side,.tactic-main,.tactic-settings,.tactic-roster){background:#0d191ede;border:1px solid #34434a;min-height:0;min-width:0}
.game-shell table th{background:#0b171c;color:#81979f;border-bottom:1px solid #3b4b51;position:sticky;top:0;z-index:3;letter-spacing:.8px}.game-shell table td{border-color:#23373e}.game-shell tbody tr:nth-child(even){background:#ffffff02}.game-shell tbody tr:hover{background:#c8b4780b}.game-shell .player-cell:hover{background:transparent!important;color:#e3d5aa}
.game-status{grid-column:1/-1;display:flex;align-items:center;gap:22px;padding:0 17px;border-top:1px solid #455157;background:#081116;min-width:0;z-index:21}.hud-footer-brand{font:bold 20px/1 Arial;letter-spacing:1px;color:#c5ad6b;display:block}.hud-footer-brand small{font:5px Arial;letter-spacing:.65px;display:block;margin-top:3px}.hud-motto{font:13px Arial;letter-spacing:3.2px;color:#9babad}.hud-save{margin-left:auto;white-space:nowrap;font-size:13px;color:#7d959d}.hud-save>i{display:inline-block;width:4px;height:4px;border-radius:50%;background:#78a88c;margin-right:6px}.game-operations{margin-left:auto;position:relative}.game-operations .dev-clock{padding:0;border:0;margin:0;background:none;border-radius:0}.game-operations .dev-clock summary{font-size:13px;color:#aeb8b2;max-width:390px;white-space:nowrap}.game-operations .dev-clock[open]{position:absolute;right:0;bottom:18px;width:480px;max-width:80vw;padding:18px;border:1px solid #6b694e;background:#0b191ff5;box-shadow:0 12px 35px #0008}.game-operations .dev-clock[open] summary{color:#d9c790}.game-operations .dev-clock p{font-size:13px;line-height:1.8}
/* Club home: scene + match/schedule + news/condition/standing, as in reference 7. */
.game-shell .home-layout{height:100%;min-height:0;min-width:0;grid-template-columns:minmax(230px,.9fr) minmax(300px,1.05fr) minmax(320px,1.15fr);gap:12px}
.game-shell .club-identity-scene{padding:25px 20px;min-height:0;background:linear-gradient(0deg,#061016fa 0%,#06101605 46%,#0610167d 75%),url('/assets/game/era-tunnel.png') 50% center/cover;border-color:#425057}.game-shell .identity-top{gap:14px}.game-shell .identity-top>svg{width:68px;height:80px}.game-shell .identity-top h1{font-size:25px}.game-shell .identity-top p{font-size:13px;margin:9px 0}.game-shell .club-motto{margin-top:24px;padding-top:20px}.game-shell .club-motto p{font-size:17px;line-height:1.9;color:#d4dcda}.game-shell .club-motto>span{font-size:13px;letter-spacing:3px}.game-shell .identity-record{padding:19px 0;gap:32px}.game-shell .identity-record>b{font-size:26px}
.game-shell .home-match-column{display:grid;grid-template-rows:minmax(300px,.98fr) minmax(240px,1.02fr);gap:12px;min-height:0}.game-shell .home-news-column{display:grid;grid-template-rows:minmax(240px,1.5fr) 176px minmax(180px,1fr);gap:12px;min-height:0}.game-shell .home-match-column>section,.game-shell .home-news-column>section{padding:15px 16px;min-height:0;background:#0c1a20e8;border-color:#34474e}
.game-shell .match-panel{background:linear-gradient(0deg,#0b171eef,#0b171ee3),url('/assets/game/stadium.webp') center/cover!important;display:flex;flex-direction:column}.game-shell .match-panel .section-heading{margin-bottom:0}.game-shell .competition-line{margin-top:19px;font-size:13px}.game-shell .match-clubs{padding:19px 0;flex:1}.game-shell .match-clubs svg{width:84px;height:94px}.game-shell .match-clubs h3{font-size:14px;margin-top:9px}.game-shell .match-clubs small{font-size:13px}.game-shell .match-clubs>strong{font:20px Georgia;color:#8e9b96}.game-shell .kickoff-line{font-size:13px}.game-shell .match-cta{margin-top:15px;min-height:35px}.game-shell .schedule-go{margin:11px auto 0;font-size:13px}.game-shell .first-kickoff{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:15px 0 2px}.game-shell .first-kickoff svg{width:73px;height:80px}.game-shell .first-kickoff h3{font-size:17px;margin:17px 0 10px}.game-shell .first-kickoff p{font-size:13px;margin-bottom:18px;max-width:280px}.game-shell .first-kickoff .btn{margin-top:auto}
.game-shell .schedule-panel{overflow:auto}.home-fixtures+.section-heading{margin-top:16px}.home-fixture{display:grid;grid-template-columns:35px 24px minmax(0,1fr) auto 34px;align-items:center;gap:9px;padding:9px 0;border-bottom:1px solid #2b3e45;min-height:44px}.home-fixture>svg{height:25px;width:24px}.fixture-round{font:13px Arial;color:#c8cfca}.fixture-round small{font:13px Arial;display:block;color:#7f98a0;margin-top:4px;letter-spacing:.5px}.fixture-opponent{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fixture-opponent small{display:block;font-size:13px;margin-top:4px;color:#79929d}.fixture-state,.fixture-venue{font-size:13px;color:#94a9b2;white-space:nowrap}.fixture-venue{text-align:right}.fixture-result{font:13px Arial;padding:4px 6px}.home-fixture .text-btn{font-size:13px;color:#b8c2be;text-align:right}.home-empty{padding:18px 0;font-size:13px;line-height:1.9}.home-empty b{color:#c7cdca;font-weight:500}.home-empty p{color:#8ba0a9;margin:7px 0 13px}.home-empty a{color:#c5ae75}
.game-shell .news-panel{overflow:hidden;display:flex;flex-direction:column}.game-shell .news-feature{margin-top:10px;min-height:160px;max-height:230px;flex:1;background:linear-gradient(90deg,#08171ee8,#08171e55),url('/assets/game/stadium.webp') center/cover}.game-shell .news-feature .portrait{right:8px;bottom:-32px;width:178px;height:223px;opacity:1;mask-image:linear-gradient(90deg,transparent,#000 22%,#000 85%,transparent)}.game-shell .news-feature>div{padding:17px;z-index:2}.game-shell .news-feature h3{font-size:17px;max-width:190px}.game-shell .news-feature p{font-size:13px}.game-shell .news-panel .feed{flex:1;min-height:0;overflow:auto;padding-top:3px}.game-shell .news-panel .feed li{font-size:13px;padding:10px 1px;align-items:center}.game-shell .news-panel .feed li small{font-size:13px}.game-shell .condition-rings{margin-top:13px;gap:8px}.game-shell .condition-rings b{width:46px;height:46px;font-size:17px;background:radial-gradient(closest-side,#0c1a20 85%,transparent 87%),conic-gradient(var(--ring,#83b97b) calc(var(--value)*1%),#283b44 0)}.game-shell .condition-rings span{font-size:13px;margin-top:7px}.game-shell .availability-strip{margin-top:11px;padding-top:9px;font-size:13px}
.home-league{overflow:hidden;display:flex;flex-direction:column}.home-league-body{display:grid;grid-template-columns:1.3fr 1fr;gap:15px;flex:1;min-height:0;padding-top:10px}.home-ranking{min-width:0;overflow:auto}.home-ranking>div{display:grid;grid-template-columns:14px 20px minmax(0,1fr) 20px;gap:6px;align-items:center;border-bottom:1px solid #263c43;padding:6px 3px;font-size:13px}.home-ranking>div.me{color:#dac285;background:#c3b17713}.home-ranking b{font-size:13px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.home-ranking svg{width:17px;height:20px}.home-ranking strong{font:13px Arial;text-align:right}.home-ranking .empty{padding:20px 0}.home-formation{min-width:0;display:flex;flex-direction:column;gap:8px}.home-formation .mini-pitch{min-height:0;flex:1;max-height:160px}.home-formation>span{font:13px Arial;color:#d0bb85;display:flex;align-items:center;justify-content:space-between;gap:4px}.home-formation small{font-size:13px;color:#8fa8ae}
/* Squad: the table and selected player's report scroll independently. */
.game-shell .squad-layout{grid-template-columns:minmax(520px,1.6fr) minmax(365px,1fr)}.game-shell .squad-list{display:flex;flex-direction:column;overflow:hidden}.game-shell .squad-list .filters{padding:9px 12px;flex-shrink:0}.game-shell .filters select{padding:7px 9px;font-size:13px}.game-shell .squad-table-scroll{height:auto;min-height:0;flex:1;overflow:auto}.game-shell .squad-table td{height:32px;font-size:13px;padding:0 8px}.game-shell .squad-table .player-cell{min-height:31px;font-size:13px}.game-shell .squad-table .table-face{width:28px;height:30px}.game-shell .squad-table .optional-col{display:table-cell}.game-shell .squad-detail{align-self:stretch;overflow:auto;padding:15px;display:flex;flex-direction:column}.game-shell .squad-profile{gap:22px;flex-shrink:0;background:linear-gradient(90deg,#142a2ddb,#0a151bed),url('/assets/game/stadium.webp') center/cover}.game-shell .squad-profile .profile-face{height:210px;width:43%;max-width:190px}.game-shell .squad-profile h2{font-size:25px}.game-shell .profile-ovr{font-size:38px;margin:12px 0}.game-shell .profile-physical{padding:12px 0}.game-shell .profile-physical span{font-size:15px}.game-shell .career-strip{padding:13px 3px;gap:25px}.game-shell .squad-attributes{margin-bottom:17px;column-gap:15px}.game-shell .squad-attributes>div{font-size:13px;padding:7px 0}.game-shell .squad-detail>.btn{margin-top:auto;flex-shrink:0}
/* Tactics: a complete pitch stays visible while roster and instructions scroll. */
.game-shell .era-tactics{grid-template-columns:minmax(195px,.68fr) minmax(420px,1.8fr) minmax(285px,1fr)}.tactic-roster{padding:14px 12px;overflow:auto}.tactic-roster .section-heading>span{display:none}.tactic-roster-row{display:flex;width:100%;align-items:center;gap:9px;border:0;border-bottom:1px solid #293d44;border-radius:0;padding:9px 0;background:transparent;text-align:left}.tactic-roster-row>span:first-child{font:13px Arial;color:#a9bbac;width:26px}.tactic-roster-row .portrait{width:29px;height:34px;flex-shrink:0}.tactic-roster-row b{font-size:13px;font-weight:500;display:block}.tactic-roster-row small{display:block;font-size:13px;margin-top:4px;color:#7f9aa5}.tactic-roster-row em{margin-left:auto;font:13px Arial;color:#d1bd83}.tactic-roster-note{font-size:13px;color:#8da5af;line-height:1.9;padding-top:17px}.game-shell .tactic-main{padding:11px;display:flex;flex-direction:column;background:#0d1e22}.game-shell .tactics-toolbar{margin:0 0 10px;gap:8px;flex-shrink:0}.game-shell .tactics-toolbar button,.game-shell .tactics-toolbar select{font-size:13px;padding:7px 8px}.game-shell .era-tactic-pitch{height:auto;min-height:0;max-height:none;flex:1;background:radial-gradient(ellipse at 50% 35%,#9cc56815,transparent 65%),repeating-linear-gradient(0deg,#244e32 0 10%,#2d5939 10% 20%);border:1px solid #97ac7b80;box-shadow:inset 0 0 95px #071e2070}.game-shell .era-tactic-pitch:after{content:'';position:absolute;inset:0;background:url('/assets/game/stadium.webp') center/cover;opacity:.055;pointer-events:none;mix-blend-mode:luminosity}.game-shell .pitch-lines{inset:15px}.game-shell .pitch-lines .center-circle{width:26%;left:37%;height:18%;top:41%}.game-shell .era-tactic-player{width:116px}.game-shell .pitch-face{height:58px;width:58px}.game-shell .pitch-face canvas{height:73px;width:58px}.game-shell .pitch-name{font-size:13px;padding:4px 3px}.game-shell .era-tactic-player>select:not(.role-select){inset:58px 0 auto;height:25px}.game-shell .era-tactic-player .role-select{font-size:13px;height:20px}.game-shell .pitch-condition{height:2px}.game-shell .tactic-settings{padding:14px;overflow:auto}.game-shell .tactic-settings .form-label{margin:12px 0;font-size:13px;gap:7px}.game-shell .tactic-settings select{font-size:13px;padding:7px}.game-shell .instruction-board{margin:15px 0 20px}.game-shell .instruction-board h3{margin-bottom:9px;font-size:13px}.game-shell .instruction-board>div{padding:5px 0;font-size:13px;grid-template-columns:74px 1fr 19px;gap:8px}.game-shell .instruction-board p,.game-shell .tactic-note{font-size:13px;margin-top:11px}.game-shell .era-bench label{padding:3px 0;gap:5px}.game-shell .era-bench .bench-face{width:24px;height:27px}.game-shell .era-bench select{padding:4px;font-size:13px}
/* Recruitment and league: compact sticky headers, no oversized dashboard cards. */
.game-shell .market-layout{grid-template-columns:minmax(590px,1fr) 272px}.game-shell .market-board{min-height:0;display:flex;flex-direction:column;overflow:hidden}.game-shell .market-tabs{padding:10px 12px;flex-shrink:0}.game-shell .market-tabs>button{min-width:98px;padding:8px;font-size:13px}.game-shell .market-board .filters{padding:9px 12px;flex-shrink:0}.market-scroll{min-height:0;flex:1;overflow:auto}.game-shell .market-table td{height:43px;font-size:13px;padding:4px 8px}.game-shell .market-table th{font-size:13px;padding:10px 8px}.game-shell .market-table .table-face{height:34px;width:30px}.game-shell .market-guide{align-self:stretch;overflow:auto;padding:16px}.game-shell .budget-number{font-size:27px;margin:20px 0 8px}.game-shell .market-guide .founding-facts{margin:18px 0}.game-shell .market-guide h3{margin:22px 0 10px}.game-shell .position-depth>div{padding:7px 0}.game-shell .market-board>.empty{margin:auto}
.game-shell .scout-layout{grid-template-columns:minmax(470px,1.4fr) minmax(340px,1fr)}.game-shell .scout-directory,.game-shell .scout-report{padding:16px;overflow:auto}.game-shell .scout-row{padding:10px 7px;font-size:13px}.game-shell .scout-row .table-face{width:35px;height:40px}.game-shell .scout-column-labels{padding:14px 7px}.game-shell .scout-subject .scout-face{width:155px;height:195px}.game-shell .scout-known>div{padding:11px 8px}.game-shell .scout-policy{margin-top:20px;padding-top:16px}.game-shell .scout-report>.row{margin-top:18px}
.game-shell .league-layout{grid-template-columns:minmax(570px,1.65fr) minmax(310px,1fr)}.game-shell .league-board{display:flex;flex-direction:column;overflow:hidden}.league-table-scroll{flex:1;min-height:0;overflow:auto}.game-shell .league-banner{padding:16px 18px;flex-shrink:0}.game-shell .league-banner>span{font:21px Georgia}.game-shell .league-table td{height:34px;font-size:13px;padding:4px 11px}.game-shell .league-table th{padding:10px 11px}.game-shell .league-club svg{width:21px;height:25px}.game-shell .league-legend{padding:12px 16px 8px;font-size:13px}.game-shell .league-note{padding:0 16px 12px;font-size:13px}.game-shell .league-side{align-self:stretch;overflow:auto;padding:16px}.game-shell .league-side .fixture{grid-template-columns:35px minmax(40px,1fr) 37px minmax(40px,1fr) 42px;font-size:13px;gap:6px;padding:10px 0}.game-shell .league-side .fixture .opponent{font-size:13px}
.game-shell .match-centre{grid-template-columns:230px minmax(0,1fr)}.game-shell .match-fixture-rail{min-height:0;height:100%;overflow:auto;padding:12px}.game-shell .match-fixture-rail>div:last-child{max-height:none}.game-shell .match-stage{min-height:0;overflow:auto}.game-shell .broadcast-score{padding:13px 24px}.game-shell .broadcast-score svg{height:45px}.game-shell .broadcast-score b{font-size:14px}.game-shell .broadcast-pitch .replay-canvas{max-height:calc(100dvh - 345px)}.game-shell .broadcast-pitch{padding:12px 16px 0}.game-shell .match-bottom{padding:14px 18px;gap:20px}.game-shell .match-stat{padding:7px;font-size:13px}.game-shell .match-loading-pitch{min-height:0;padding:38px}.game-shell .fixture-choice{padding:11px 2px}
.match-title-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.career-engine-picker{display:flex;align-items:center;gap:7px;padding:3px 4px 3px 10px;border:1px solid #6f684e;background:#151d1d;color:#d8ca9f;font-size:13px;letter-spacing:.7px;white-space:nowrap}.career-engine-picker select{padding:6px 25px 6px 8px;border:0;border-left:1px solid #4c4c40;border-radius:0;background:#10191a;color:#ece6d2;font-size:13px}.match-title-actions>.btn{min-height:31px!important;padding-block:6px!important}
.game-shell .content:has(>.club-brand-board){overflow:auto}.game-shell .club-brand-board{min-height:260px;flex-shrink:0}.game-shell .club-kit-display svg{height:190px}.game-shell .club-operations{margin-top:0}.game-shell .finance-layout{grid-template-columns:310px 1fr}.game-shell .finance-ledger,.game-shell .academy-candidates,.game-shell .academy-roster,.game-shell .cup-draw,.game-shell .cup-schedule{overflow:auto;min-height:0;align-self:stretch}.game-shell .finance-balance{padding:28px 24px}.game-shell .content>.panel{overflow:auto;min-height:0;flex:1;border-radius:0}.game-shell .attribute{border-radius:0}.game-shell .feed li small{color:#7e979f}
@media(min-width:1800px){.game-shell{--rail:128px;grid-template-rows:62px minmax(0,1fr) 42px}.game-shell .nav-link{font-size:13px;min-height:44px;padding-inline:15px}.game-shell .sidebar .brand{padding-left:14px}.game-shell>.content{padding:18px 20px;gap:14px}.game-shell .home-layout{gap:16px}.game-shell .home-match-column,.game-shell .home-news-column{gap:16px}.game-shell .home-news-column{grid-template-rows:minmax(280px,1.5fr) 190px minmax(200px,1fr)}.game-shell .home-match-column>section,.game-shell .home-news-column>section{padding:19px 21px}.game-shell .match-clubs svg{width:104px;height:116px}.game-shell .match-clubs h3{font-size:16px}.game-shell .club-identity-scene{padding:32px 26px}.game-shell .identity-top h1{font-size:30px}.game-shell .identity-top>svg{width:84px;height:95px}.game-shell .club-motto p{font-size:21px}.game-shell .condition-rings b{width:54px;height:54px;font-size:19px}.game-shell .news-feature{min-height:200px}.game-shell .news-feature h3{font-size:20px;max-width:240px}.game-shell .news-feature .portrait{width:205px;height:256px}.game-shell .squad-table td{height:34px;font-size:13px}.game-shell .squad-table .player-cell{font-size:13px}.game-shell .squad-profile .profile-face{height:250px}.game-shell .squad-attributes>div{padding:9px 0;font-size:13px}.game-shell .era-tactics{grid-template-columns:minmax(230px,.72fr) minmax(550px,1.8fr) minmax(320px,1fr)}.game-shell .tactic-roster-row{padding:13px 2px}.game-shell .pitch-face{width:70px;height:70px}.game-shell .pitch-face canvas{width:70px;height:88px}.game-shell .era-tactic-player{width:130px}.game-shell .era-tactic-player>select:not(.role-select){top:70px}.game-shell .pitch-name{font-size:13px}.game-shell .tactic-settings{padding:19px}.game-shell .era-bench label{padding:7px 0}.game-shell .market-layout{grid-template-columns:1fr 320px}.game-shell .league-table td{height:43px}}
@media(max-height:820px){.game-shell{grid-template-rows:48px minmax(0,1fr) 32px}.game-shell .sidebar{padding-top:11px}.game-shell .club-id{padding:8px;margin-bottom:6px}.game-shell .nav-link{min-height:33px;padding-block:8px}.game-shell .sidebar-foot{padding-top:10px}.game-shell>.content{padding:10px 12px;gap:9px}.game-shell .page-title{min-height:42px;padding-bottom:8px}.game-shell .page-title h1{font-size:21px}.game-shell .home-layout{gap:10px}.game-shell .home-match-column{grid-template-rows:minmax(262px,.93fr) minmax(210px,1.07fr);gap:10px}.game-shell .home-news-column{grid-template-rows:minmax(208px,1.45fr) 148px minmax(150px,1fr);gap:10px}.game-shell .home-match-column>section,.game-shell .home-news-column>section{padding:11px 13px}.game-shell .match-clubs{padding:10px 0}.game-shell .match-clubs svg{width:59px;height:67px}.game-shell .match-clubs h3{font-size:13px}.game-shell .competition-line{margin-top:12px}.game-shell .match-cta{margin-top:11px;min-height:30px}.game-shell .news-feature{min-height:115px}.game-shell .news-feature .portrait{width:135px;height:168px;bottom:-26px}.game-shell .news-feature>div{padding:12px}.game-shell .news-feature h3{font-size:14px;max-width:160px}.game-shell .news-panel .feed li{font-size:13px;padding:8px 0}.game-shell .condition-rings b{width:36px;height:36px;font-size:14px}.game-shell .condition-rings{margin-top:10px}.game-shell .availability-strip{margin-top:8px;padding-top:8px;font-size:13px}.game-shell .condition-rings span{margin-top:5px;font-size:13px}.game-shell .club-identity-scene{padding:20px 15px}.game-shell .identity-top h1{font-size:21px}.game-shell .identity-top>svg{width:55px;height:64px}.game-shell .club-motto p{font-size:15px}.game-shell .identity-record>b{font-size:23px}.home-fixture{min-height:39px;padding:7px 0}.home-ranking>div{padding:4px 2px;font-size:13px}.home-ranking b{font-size:13px}.home-ranking svg{height:18px}.game-shell .home-formation .mini-pitch{max-height:116px}.game-shell .squad-profile .profile-face{height:162px}.game-shell .squad-profile h2{font-size:22px}.game-shell .profile-ovr{font-size:30px;margin:9px 0}.game-shell .squad-detail{padding:12px}.game-shell .profile-physical{padding:9px 0}.game-shell .career-strip{padding:10px 2px}.game-shell .squad-attributes>div{font-size:13px;padding:6px 0}.game-shell .squad-attributes{margin-bottom:12px}.game-shell .pitch-face{height:43px;width:43px}.game-shell .pitch-face canvas{width:43px;height:54px}.game-shell .era-tactic-player{width:96px}.game-shell .era-tactic-player>select:not(.role-select){top:43px}.game-shell .pitch-name{font-size:13px;padding:3px}.game-shell .era-tactic-player .role-select{height:18px;font-size:13px}.game-shell .tactic-roster-row{padding:7px 0}.game-shell .tactic-roster-row .portrait{height:29px;width:25px}.game-shell .tactic-roster-note{font-size:13px}.game-shell .scout-subject .scout-face{width:130px;height:163px}.game-shell .scout-known>div{padding:9px}.game-shell .scout-contract{margin:17px 0}.game-shell .league-table td{height:29px}.game-shell .league-table th{padding-block:8px}.game-shell .league-banner{padding:12px 16px}.game-shell .league-legend{padding-top:9px}}
@media(max-width:1400px){.game-shell{--rail:102px}.game-shell .topbar{padding-inline:15px}.game-shell .topbar .meta{gap:16px}.game-shell .hud-location>b{display:none}.game-shell .home-layout{grid-template-columns:minmax(220px,.85fr) minmax(280px,1.05fr) minmax(315px,1.15fr)}.game-shell .era-tactics{grid-template-columns:200px minmax(400px,1fr) 285px;gap:10px}.game-shell .squad-layout{grid-template-columns:minmax(470px,1.45fr) minmax(350px,1fr)}.game-shell .market-layout{grid-template-columns:minmax(560px,1fr) 235px}.game-shell .market-table td,.game-shell .market-table th{font-size:13px;padding-inline:6px}.game-shell .market-table .player-cell{font-size:13px}.game-shell .market-tabs>span{font-size:13px;letter-spacing:.7px}.game-shell .league-layout{grid-template-columns:minmax(545px,1.7fr) minmax(280px,1fr)}.game-shell .league-side{padding:12px}.game-shell .league-side .fixture{grid-template-columns:29px minmax(31px,1fr) 32px minmax(31px,1fr) 36px;gap:4px}.game-shell .league-side .fixture .opponent{font-size:13px}.game-shell .hud-motto{font-size:13px;letter-spacing:2px}}
@media(max-width:1150px){.game-shell{--rail:84px;min-width:960px}.game-shell .nav-link{font-size:13px;padding-inline:8px;gap:6px}.game-shell .sidebar .era-wordmark{font-size:18px}.game-shell .topbar .meta{gap:12px}.game-shell .hud-round{display:none}.game-shell .era-tactics{grid-template-columns:minmax(440px,1fr) 280px}.game-shell .tactic-roster{display:none}.game-shell .home-layout{grid-template-columns:225px minmax(280px,1fr) minmax(310px,1.05fr)}.game-shell .hud-motto{display:none}.game-shell .market-guide,.game-shell .league-side{display:none}.game-shell .market-layout,.game-shell .league-layout{grid-template-columns:minmax(650px,1fr)}.game-shell .squad-layout{grid-template-columns:minmax(455px,1fr) 335px}.game-shell .squad-table .optional-col{display:none}}
.game-shell .match-stage{display:flex;flex-direction:column;overflow:hidden}.game-shell .broadcast-score{flex-shrink:0}.game-shell .broadcast-pitch{flex:1;min-height:180px;display:flex;flex-direction:column;padding:10px 14px 0;overflow:hidden}.game-shell .broadcast-pitch .replay-canvas{height:0;min-height:0;max-height:none;flex:1;object-fit:contain;margin:0;background:#09291f}.game-shell .replay-control{flex-shrink:0;min-height:40px;padding:6px 0;margin-top:0}.game-shell .match-analysis{flex:0 0 220px;min-height:0;overflow:auto;border-top:1px solid #34434a}.game-shell .match-analysis .match-bottom{padding:12px 16px}.game-shell .match-analysis .match-players{margin:0 16px 12px}.game-shell .match-analysis .commentary-log{max-height:170px}.game-shell .match-loading-pitch{flex:1}
@media(max-height:820px){.game-shell .match-analysis{flex-basis:175px}.game-shell .broadcast-score{padding:9px 18px}.game-shell .broadcast-score svg{height:36px}}
/* Scale player controls to the pitch, so narrow midfield and back-five shapes remain selectable. */
.game-shell .era-tactic-pitch{container-type:size}.game-shell .era-tactic-player{--face:clamp(29px,5.3cqh,58px);width:13%;min-width:0;max-width:116px}.game-shell .pitch-face{height:var(--face);width:var(--face)}.game-shell .pitch-face canvas{width:100%;height:auto;aspect-ratio:4/5}.game-shell .pitch-name{font-size:clamp(8px,.9cqw,11px);line-height:14px;padding:1px}.game-shell .era-tactic-player>select:not(.role-select){top:var(--face);height:18px}.game-shell .era-tactic-player .role-select{height:17px;font-size:clamp(7px,.85cqw,9px);padding:1px}.game-shell .pitch-condition{height:2px}
.fixture-preparation-bar{flex-shrink:0;gap:10px;margin-bottom:12px}.fixture-preparation-bar label{display:flex;align-items:center;gap:8px;min-width:0}.fixture-preparation-bar select{max-width:min(420px,100%);min-width:0}.fixture-preparation-bar button{white-space:nowrap}@media(max-width:700px){.fixture-preparation-bar label{width:100%}.fixture-preparation-bar select{flex:1;width:0}.fixture-preparation-bar button{flex:1}}