/* Fixed game workspaces. Long lists own scrolling; controls stay in view. */
.screen-tabs{display:flex;gap:4px;flex-shrink:0;border-bottom:1px solid #c4aa6d3b;margin-bottom:12px;min-width:0}
.screen-tabs [role=tab]{flex:1;border:0;border-bottom:2px solid transparent;background:transparent;padding:11px 8px;color:#98aab8;font:550 13px var(--game-font);white-space:nowrap;cursor:pointer}
.screen-tabs [role=tab][aria-selected=true]{color:#e6d1a1;border-color:#c4aa6d;background:linear-gradient(0deg,#c4aa6d12,transparent)}
.screen-tabs [role=tab]:hover{color:#eee4c9;background:#c4aa6d0a}
.screen-tabs [role=tab]:focus-visible{outline:2px solid #e0c68b;outline-offset:-3px}
.screen-view-panel{min-width:0;min-height:0}
.screen-view-panel[hidden]{display:none!important}
.profile-attribute-views{flex:1;min-height:0}
.profile-attribute-list{display:grid;grid-template-columns:1fr 1fr;column-gap:20px;align-content:start}
.profile-attribute-list>div{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:28px;padding:4px 0;border-bottom:1px solid #9cabb51a;font-size:13px;color:#aebcc5}
.profile-attribute-list b{font:14px var(--game-display);color:#ddd5b8}
.profile-attribute-list b.good{color:#a8ceac}
.tactic-squad-link{margin-top:auto;padding-top:14px;border-top:1px solid #ffffff13;font-size:13px;color:#cab787}
.fixture-pagination{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-shrink:0;border-top:1px solid #c4aa6d35;padding-top:10px;margin-top:8px}
.fixture-pagination>span{font:13px var(--game-display);color:#c4c8bd}
.fixture-pagination small{font:13px var(--game-font);margin-left:5px;color:#8598a6}
.game-shell .fixture-pagination .btn{font-size:19px;min-height:29px;min-width:31px;padding:2px 8px}
.game-shell .match-stage>.screen-tabs{margin:0;padding:0 12px}
.game-shell .match-stage>.screen-tabs [role=tab]{flex:none;min-width:100px}
.game-shell .broadcast-score{grid-template-columns:minmax(0,1fr) 150px minmax(0,1fr);min-height:89px}
.game-shell .broadcast-score>strong{white-space:nowrap;font-size:38px;line-height:1.2}
.game-shell .broadcast-score>strong>small{white-space:normal;line-height:1.3;margin-top:7px}
.match-replay-view{display:flex;flex:1;overflow:hidden}
.match-stats-view,.match-players-view{flex:1;overflow:hidden}
.match-player-scroll{height:100%;overflow:auto;padding:0 16px;overscroll-behavior:contain}
.game-shell .match-player-scroll table{width:100%}
.game-shell .match-player-scroll th{position:sticky;top:0;z-index:1}
.game-shell .match-stats-view .match-bottom{height:100%;padding:16px 20px;grid-template-columns:1fr 1.3fr;overflow:hidden}
.game-shell .match-stats-view .match-bottom>section{display:flex;flex-direction:column;min-height:0;overflow:hidden}
.game-shell .match-stats-view .commentary-log{max-height:none;flex:1;min-height:0;overflow:auto;overscroll-behavior:contain}
.game-shell .match-stats-view .match-stat{padding:13px 5px;font-size:13px}
.game-shell .match-stage>.match-replay-note{padding:6px 16px;margin:0;flex-shrink:0;font-size:13px;line-height:1.4}
.game-shell .match-stage>.match-replay-note:empty{display:none}
.game-shell :is(.market-guide,.league-side)>.screen-view-panel>p{font-size:13px;color:#9aadb7;line-height:1.7}
.game-shell .market-guide .position-depth{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}
.game-shell .market-guide .position-depth>div{font-size:13px;gap:6px}
.game-shell .market-guide .position-depth i{font-size:13px}
.game-shell .market-guide .screen-view-panel>h3{font-size:13px;margin:14px 0}

@media(min-width:901px){
 #detail:has(.profile-top){width:min(1050px,calc(100vw - 50px));padding:18px 24px;max-height:calc(100dvh - 42px)}
 #detail .profile-top{min-height:0;gap:23px}
 #detail .profile-top .portrait{width:100px;height:125px;flex-shrink:0}
 #detail .profile-top h2{font-size:27px;margin:0 0 4px}
 #detail .profile-top p{font-size:13px;line-height:1.6;margin:6px 0}
 #detail .profile-top .rating{font-size:34px;line-height:1.1}
 #detail .divider{margin:10px 0}
 #detail .eyebrow{margin-bottom:10px}
 #detail .profile-actions .btn,#detail .profile-actions select{min-height:30px;padding:5px 9px}
 #detail .detail-tabs{margin:12px 0 8px}
 #detail .attribute-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:0 22px}
 #detail .attribute{font-size:13px;padding:7px 0}
 #detail .growth-details{border-top:1px solid #c4aa6d33;margin-top:15px;padding-top:12px}
 #detail .growth-details summary{cursor:pointer;font-size:13px;color:#d7c08b}
 .game-shell:not([data-page=home])>.content{overflow:hidden}
 .game-shell .squad-detail{display:flex;flex-direction:column;overflow:hidden;padding:0 16px 12px}
 .game-shell .squad-profile{min-height:0;flex:0 0 190px;gap:18px}
 .game-shell .squad-profile .profile-face{height:190px;width:43%;max-width:165px}
 .game-shell .squad-profile h2{font-size:30px;margin:5px 0}
 .game-shell .squad-profile .profile-rating{margin-top:9px}
 .game-shell .squad-profile .profile-rating>strong{font-size:42px}
 .game-shell .squad-detail .profile-physical{flex-shrink:0;padding:10px 0}
 .game-shell .squad-detail .profile-physical span{font-size:16px}
 .game-shell .squad-detail .profile-physical small{margin-top:4px;font-size:13px}
 .game-shell .squad-detail .career-strip{flex-shrink:0;margin:0;padding:10px 0}
 .game-shell .squad-detail .career-strip b{font-size:15px}
 .game-shell .squad-detail>.screen-tabs{margin:3px 0 9px}
 .game-shell .profile-detail-action{position:static;flex-shrink:0;box-shadow:none;margin-top:10px;min-height:34px;padding:7px;font-size:13px}
 .game-shell .squad-table td{height:33px;padding-block:2px}
 .game-shell .squad-table .table-face{height:30px;width:24px}
 .game-shell .squad-table .player-cell{min-height:30px;height:30px}
 .game-shell :is(.squad-table-scroll,.market-scroll,.scout-directory,.finance-ledger,.academy-roster,.cup-draw,.cup-schedule,.content>.panel){overscroll-behavior:contain}
 .game-shell :is(.squad-table,.market-table,.finance-ledger table) th{position:sticky;top:0;z-index:2}
 .game-shell .tactic-settings{display:flex;flex-direction:column;overflow:hidden;padding:10px 14px 14px}
 .game-shell .tactic-settings>.screen-view-panel{flex:1}
 .game-shell .tactic-settings .form-label{margin:11px 0 18px}
 .game-shell .tactic-settings .instruction-board{margin:18px 0 0}
 .game-shell .tactic-settings .instruction-board>div{padding:10px 0;font-size:13px}
 .game-shell .tactic-settings .era-bench label{min-height:36px;padding:3px 0}
 .game-shell .tactic-settings .era-bench select{min-width:0;width:100%;min-height:29px}
 .game-shell .tactic-settings .era-bench .bench-face{flex-shrink:0}
 .game-shell .tactic-settings .tactic-note{line-height:1.7;font-size:13px;margin-top:13px}
 .game-shell .tactic-roster{display:flex;flex-direction:column;overflow:hidden}
 .game-shell .tactic-roster-row{flex:1;min-height:0;max-height:48px;padding:4px 0}
 .game-shell .tactic-roster-note{font-size:13px;line-height:1.7;margin-top:auto;padding-top:10px}
 .game-shell .match-fixture-rail{display:flex;flex-direction:column;overflow:hidden;height:100%;padding:12px}
 .game-shell .match-fixture-rail>.section-heading{flex-shrink:0;padding-bottom:10px}
 .game-shell .fixture-window{flex:1;min-height:0;display:grid;grid-template-rows:repeat(8,minmax(0,1fr));margin-top:6px}
 .game-shell .fixture-window .fixture-choice{min-height:0;padding:5px 4px;font-size:13px}
 .game-shell .fixture-window .fixture-choice>b{font-size:13px}
 .game-shell .fixture-window .fixture-choice small{font-size:13px}
 .game-shell .fixture-window .fixture-choice i{font-size:13px}
 .game-shell .match-stage{overflow:hidden}
 .game-shell .match-replay-view .broadcast-pitch{width:100%;flex:1;min-height:0;padding:12px 16px 0}
 .game-shell .league-banner{padding:10px 15px}
 .game-shell .league-banner>span{font-size:19px}
 .game-shell .league-table th{font-size:13px;padding:6px 8px}
 .game-shell .league-table td{height:28px;padding:2px 8px;font-size:13px}
 .game-shell .league-club svg{height:21px;width:19px;flex-shrink:0}
 .game-shell .league-club small{font-size:13px}
 .game-shell .league-legend{padding:8px 12px 5px;font-size:13px}
 .game-shell .league-note{padding:0 12px 8px;font-size:13px}
 .game-shell .league-side{display:flex;flex-direction:column;overflow:hidden;padding:12px 16px}
 .game-shell .league-side>.screen-view-panel{flex:1}
 .game-shell .league-side .fixture{padding:12px 0;min-height:52px}
 .game-shell .league-side .promotion-note{margin-top:auto;padding-top:18px;font-size:13px}
 .game-shell .league-side .promotion-note p{font-size:13px;line-height:1.8}
 .game-shell .market-guide{overflow:hidden;display:flex;flex-direction:column;padding:12px 16px}
 .game-shell .market-guide .budget-number{margin:18px 0 7px;font-size:31px}
 .game-shell .market-guide>p{font-size:13px;margin:0 0 14px}
 .game-shell .market-guide .founding-facts{margin:9px 0 18px}
 .game-shell .market-guide .founding-facts>div{padding:9px 0;font-size:13px}
 .game-shell .market-window-note{margin-top:17px;padding:12px;font-size:13px}
 .game-shell .market-window-note p{font-size:13px;line-height:1.8}
 .game-shell .scout-report{display:flex;flex-direction:column;overflow:hidden;padding:15px 18px}
 .game-shell .scout-report .scout-subject{padding-top:8px;flex-shrink:0;margin-top:10px}
 .game-shell .scout-subject .scout-face{height:175px;width:140px}
 .game-shell .scout-known{margin:6px 0 0}
 .game-shell .scout-known>div{padding:8px;font-size:13px}
 .game-shell .scout-report .scout-contract{font-size:13px;padding:12px 0;margin:auto 0 0;gap:8px}
 .game-shell .scout-report>.row{margin-top:8px;flex-wrap:nowrap}
 .game-shell .scout-report>.row .btn{font-size:13px}
 .game-shell .club-brand-board{height:clamp(150px,25vh,240px);min-height:0;padding:12px 20px;flex-shrink:0}
 .game-shell .club-brand-display{padding:0 20px}
 .game-shell .club-brand-display>svg{width:65px;height:72px}
 .game-shell .club-brand-display h2{font-size:22px;margin:8px 0}
 .game-shell .club-brand-display p,.game-shell .club-brand-display small{font-size:13px}
 .game-shell .club-kit-display{height:100%;min-height:0;align-items:center}
 .game-shell .club-kit-display>div{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}
 .game-shell .club-kit-display svg{height:calc(100% - 25px);max-height:180px}
 .game-shell .club-kit-display span{font-size:13px;margin-top:6px}
 .game-shell .club-operations{flex:1;min-height:0;overflow:hidden;gap:18px}
 .game-shell .facility-board{padding:12px 16px;display:flex;flex-direction:column;min-height:0}
 .game-shell .facility-board>.section-heading{padding-bottom:10px;flex-shrink:0}
 .game-shell .facility-row{flex:1;min-height:0;padding:7px 0;gap:14px}
 .game-shell .facility-row h3{font-size:13px;margin:0 0 5px}
 .game-shell .facility-row small{font-size:13px}
 .game-shell .facility-level{margin-top:6px}
 .game-shell .facility-row .btn{min-height:27px;padding:4px 9px;font-size:13px}
 .game-shell .facility-row>div:last-child{gap:4px}
 .game-shell .facility-staff{font-size:13px;gap:4px}
 .game-shell .club-access-board{padding:12px 17px;overflow:auto;min-height:0}
 .game-shell .club-access-board p{font-size:13px;line-height:1.8;margin:13px 0}
 .game-shell .club-access-board .divider{margin:15px 0}
}
@media(min-width:901px) and (max-height:820px){
 .game-shell .squad-profile{flex-basis:126px}
 .game-shell .squad-profile .profile-face{height:126px;max-width:114px}
 .game-shell .squad-profile h2{font-size:25px;margin:3px 0}
 .game-shell .squad-profile p{font-size:13px}
 .game-shell .squad-profile .profile-rating{margin-top:5px}
 .game-shell .squad-profile .profile-rating>strong{font-size:34px}
 .game-shell .squad-profile .profile-kicker{font-size:13px}
 .game-shell .squad-detail .profile-physical{padding:7px 0}
 .game-shell .squad-detail .profile-physical span{font-size:14px}
 .game-shell .squad-detail .profile-physical small{font-size:13px;margin-top:3px}
 .game-shell .squad-detail .career-strip{padding:8px 0;font-size:13px}
 .game-shell .squad-detail .career-strip b{font-size:14px}
 .game-shell .squad-detail>.screen-tabs{margin-bottom:7px}
 .game-shell .squad-detail .screen-tabs [role=tab]{padding:9px 6px;font-size:13px}
 .profile-attribute-list>div{min-height:25px;padding:3px 0;font-size:13px}
 .profile-attribute-list b{font-size:13px}
 .game-shell .tactic-settings .instruction-board>div{padding:8px 0}
 .game-shell .tactic-settings .era-bench label{min-height:33px;padding:2px 0}
 .game-shell .tactic-settings .section-heading{padding-bottom:9px}
 .game-shell .scout-subject .scout-face{height:145px;width:116px}
 .game-shell .scout-subject h2{font-size:27px}
 .game-shell .scout-known>div{padding:7px 8px}
 .game-shell .league-table td{height:27px}
 .game-shell .club-brand-board{padding-block:10px}
 body:has(.match-activity) .game-shell .squad-profile{flex-basis:96px}
 body:has(.match-activity) .game-shell .squad-profile .profile-face{height:96px;max-width:80px}
 body:has(.match-activity) .profile-attribute-list>div{min-height:22px;padding:2px 0}
 body:has(.match-activity) .game-shell .tactic-settings .era-bench label{min-height:28px;padding:1px 0}
 body:has(.match-activity) .game-shell .tactic-settings .era-bench select{min-height:25px;font-size:13px}
 body:has(.match-activity) .game-shell .tactic-settings .era-bench .bench-face{height:24px;width:19px}
 body:has(.match-activity) .game-shell .tactic-settings .tactic-note{font-size:13px;line-height:1.6;margin-top:8px}
 body:has(.match-activity) .game-shell .tactic-squad-link{padding-top:9px;font-size:13px}
 body:has(.match-activity) .game-shell .scout-subject .scout-face{height:115px;width:92px}
 body:has(.match-activity) .game-shell .scout-subject{margin-top:5px}
 body:has(.match-activity) .game-shell .scout-report .scout-contract{padding:7px 0}
 body:has(.match-activity) .game-shell .scout-known>div{padding:4px 8px}
 body:has(.match-activity) .game-shell .club-brand-board{height:132px}
}
@media(max-width:900px){
 .game-shell .squad-detail{display:flex;flex-direction:column}
 .game-shell .profile-attribute-views{min-height:200px;flex:none}
 .game-shell .profile-detail-action{margin-top:15px}
 .game-shell .tactic-settings{display:flex;flex-direction:column}
 .game-shell .tactic-settings>.screen-view-panel{min-height:390px}
 .game-shell .tactic-squad-link{margin-top:14px}
 .game-shell .match-fixture-rail{height:auto;overflow:visible}
 .game-shell .match-centre{height:auto;min-height:750px}
 .game-shell .match-stage{height:690px;min-height:0}
 .game-shell .fixture-window .fixture-choice{min-height:50px}
 .game-shell .match-replay-view .broadcast-pitch{width:100%;min-height:0}
 .game-shell .market-guide,.game-shell .league-side{display:block}
 .game-shell .market-layout,.game-shell .league-layout{display:flex;flex-direction:column;height:auto;min-height:0}
 .game-shell .market-board{min-height:350px;flex:none}
 .game-shell .league-board{flex:none}
 .game-shell .league-table-scroll{overflow:visible}
}
@media(max-width:600px){
 .game-shell .club-brand-board{display:flex;flex-direction:column;min-width:0}
 .game-shell .club-brand-display{width:auto;min-width:0;padding:15px}
 .game-shell .club-kit-display{min-width:0;padding:15px 5px;gap:10px}
 .game-shell .club-kit-display>div{flex:1;min-width:0}
 .game-shell .club-kit-display svg{width:100%;height:105px}
 .game-shell .facility-row{grid-template-columns:minmax(0,1fr) auto;gap:10px;min-width:0}
 .game-shell .facility-staff{grid-column:1/-1;grid-row:2;min-width:0}
 .game-shell .facility-row .btn{font-size:13px;padding:6px 8px;min-height:30px}
 .game-shell .broadcast-score{grid-template-columns:minmax(0,1fr) 83px minmax(0,1fr)}
 .game-shell .broadcast-score>strong{font-size:26px}
 .game-shell .match-stage{height:620px}
 .game-shell .match-stage>.screen-tabs{padding:0 7px}
 .game-shell .match-stage>.screen-tabs [role=tab]{min-width:0;flex:1;font-size:13px;padding-inline:4px}
 .game-shell .match-stats-view .match-bottom{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr);padding:10px;gap:15px}
 .game-shell .match-stats-view .match-stat{padding:5px;font-size:13px}
 .game-shell .match-player-scroll{padding-inline:5px}
 .game-shell .match-player-scroll table{min-width:430px}
 .game-shell .fixture-window{display:grid;grid-template-columns:1fr 1fr;gap:0 10px}
 .game-shell .fixture-window .fixture-choice{font-size:13px;grid-template-columns:25px minmax(0,1fr);gap:3px;padding:7px 3px}
 .game-shell .fixture-window .fixture-choice>b{font-size:13px}
 .game-shell .fixture-window .fixture-choice i{font-size:13px}
}
/* Football workspaces: portraits, standings and broadcast data own the space. */
.game-shell .era-tactics{grid-template-columns:minmax(0,1fr) 310px;gap:18px}
.game-shell .pitch-help{margin-left:auto;font-size:13px;color:#95a1a9}
.game-shell .era-tactic-player{--face:clamp(30px,calc(90cqh / var(--pitch-rows) - 48px),90px);width:18cqw;max-width:150px;filter:drop-shadow(0 4px 5px #0006)}
.game-shell .pitch-profile{position:relative;display:flex;justify-content:center;align-items:end;width:100%;height:var(--face);padding:0;border:0;border-radius:0;background:linear-gradient(0deg,#0c1a21c7,transparent 70%);cursor:pointer}
.game-shell .pitch-profile .pitch-face{width:var(--face);height:var(--face);margin:0;overflow:hidden}
.game-shell .pitch-profile .pitch-face canvas{width:100%;height:auto;display:block}
.game-shell .pitch-profile:focus-visible{outline:2px solid #e6cf92;outline-offset:2px}
.game-shell .pitch-position,.game-shell .pitch-rating{position:absolute;bottom:6px;font-family:var(--game-display);color:#e8d5a1;text-shadow:0 1px 3px #000}
.game-shell .pitch-position{left:8px;font-size:clamp(8px,1.1cqw,12px)}
.game-shell .pitch-rating{right:8px;font-size:clamp(13px,1.8cqw,20px);font-weight:500}
.game-shell .pitch-name{height:25px;line-height:23px;padding:0 4px;font-size:clamp(9px,1.35cqw,14px);font-weight:550;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}
.game-shell .pitch-name b{font-size:clamp(9px,1.2cqw,12px);margin-right:4px}
.game-shell .pitch-name:after{font-size:13px;margin-left:5px}
.game-shell .pitch-condition{height:3px;flex-shrink:0;width:100%}
.game-shell .era-tactic-player>select:not(.role-select){inset:var(--face) 0 auto;height:25px;width:100%}
.game-shell .era-tactic-player .role-select{height:22px;min-height:22px;padding:1px 4px;font-size:clamp(8px,1.05cqw,11px);width:100%;border-top:0;line-height:1.2}
.game-shell .era-tactic-player:focus-within{z-index:5}
.game-shell .era-tactic-player>select:focus-visible{height:25px;min-height:25px}
.game-shell .era-tactic-player .role-select:focus-visible{height:22px;min-height:22px}
.game-shell .tactic-settings .screen-tabs [role=tab]{padding-inline:5px;font-size:13px}
.game-shell .tactic-settings>.screen-view-panel{display:flex;flex-direction:column;min-height:0}
.game-shell .tactic-settings .instruction-board{flex:1;min-height:0;display:flex;flex-direction:column;margin:0}
.game-shell .tactic-settings .instruction-board h3{margin:0 0 10px}
.game-shell .tactic-settings .instruction-board>div{flex:1;min-height:30px;max-height:65px;align-items:center;font-size:13px;padding:7px 0}
.game-shell .tactic-settings .instruction-board meter{height:5px}
.game-shell .lineup-readiness{border-top:1px solid #c4aa6d38;margin-top:18px;padding:15px 0 8px}
.game-shell .lineup-readiness h3{font-size:13px;margin:0 0 14px;font-weight:500}
.game-shell .lineup-readiness dl{display:flex;justify-content:space-between;margin:0;gap:18px}
.game-shell .lineup-readiness dl>div{display:flex;align-items:center;gap:12px;flex:1}
.game-shell .lineup-readiness dt{font-size:13px;color:#95a1a9}
.game-shell .lineup-readiness dd{font:27px var(--game-display);color:#ddd0a9;margin:0}
.game-shell .lineup-readiness dd small{font-size:13px;margin-left:2px}
.game-shell .lineup-readiness p{font-size:13px;color:#95a1a9;line-height:1.7;margin:13px 0 0}
.game-shell .tactic-settings .tactic-roster{display:flex;flex:1;padding:0;border:0;background:transparent;min-height:0}
.game-shell .tactic-settings .tactic-roster-row{max-height:none;gap:9px}
.game-shell .tactic-settings .tactic-roster-row .portrait{height:34px;width:27px}
.game-shell .tactic-settings .era-bench{display:flex;flex-direction:column;flex:1;min-height:0}
.game-shell .tactic-settings .era-bench label{flex:1;gap:9px;min-height:32px}
.game-shell .tactic-settings .era-bench .bench-face{height:36px;width:29px}
.game-shell .tactic-squad-link{flex-shrink:0;margin-top:10px}
.game-shell .league-season-record{display:flex;align-items:center;gap:13px;padding:8px 0 20px;flex-shrink:0}
.game-shell .league-season-record>svg{width:48px;height:56px;flex-shrink:0}
.game-shell .league-season-record>div{flex:1;min-width:0}
.game-shell .league-season-record h2{font-size:19px;font-weight:550;margin:0 0 7px;overflow-wrap:anywhere}
.game-shell .league-season-record p{font-size:13px;color:#9bacb5;margin:0}
.game-shell .league-season-record>strong{font:42px var(--game-display);color:#d9c28d;text-align:right;white-space:nowrap}
.game-shell .league-season-record>strong small{display:block;font:13px var(--game-font);color:#c6cbbf;margin-top:2px}
.game-shell .league-form{display:flex;gap:10px;align-items:center;border-block:1px solid #ffffff12;padding:12px 0;margin-bottom:15px;flex-shrink:0}
.game-shell .league-form>span{font-size:13px;color:#a5b3ba;margin-right:auto}
.game-shell .league-form>div{display:flex;gap:6px}
.game-shell .league-form b{display:grid;place-items:center;width:26px;height:25px;font:13px var(--game-display)}
.game-shell .league-form small{font-size:13px;color:#81949f}
.form-W{background:#507b603d;color:#b0d4b8}.form-D{background:#8a784f38;color:#d8c99f}.form-L{background:#88514d38;color:#d9a5a0}
.game-shell .league-table th{font-weight:500;color:#91a5af}
.game-shell .league-table td:last-child b{font-family:var(--game-display);font-size:16px;color:#dac794}
.game-shell .league-side .promotion-note{flex-shrink:0;border-top:1px solid #c4aa6d35;margin-top:12px;padding-top:15px}
.game-shell .league-side .promotion-note h3{font-size:15px;margin:0 0 9px}
.game-shell .league-side .promotion-note p{margin:0 0 10px}
.game-shell .match-centre{grid-template-columns:176px minmax(0,1fr);gap:12px;flex:1;height:auto;min-height:0}
.game-shell .broadcast-score{min-height:72px;padding:9px 20px;background:linear-gradient(90deg,#13272f,#081218 48%,#13272f)}
.game-shell .broadcast-score svg{height:40px;width:36px}
.game-shell .broadcast-score>strong{font-size:34px}
.game-shell .match-stage{overflow:auto}
.game-shell .match-replay-view{display:grid;grid-template-columns:minmax(0,1fr) clamp(270px,21vw,320px);align-items:stretch;flex:none;min-height:calc(clamp(360px,36vw,540px) + 86px);overflow:visible;background:#08141a}
.game-shell .match-replay-view .broadcast-pitch{position:relative;padding:8px 10px;background:#08141a}
.game-shell .broadcast-pitch{display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:6px;overflow:hidden}
.game-shell .broadcast-pitch .replay-canvas{background:#09291f;border:1px solid #9ebc983d;box-shadow:0 8px 28px #0007}
.game-shell .replay-field{position:relative;height:clamp(360px,36vw,540px);min-height:clamp(360px,36vw,540px);overflow:hidden;background:#09291f}
.game-shell .replay-field .replay-canvas{display:block;width:100%;height:100%;min-height:0;max-height:none;aspect-ratio:auto;margin:0;object-fit:contain}
.game-shell .replay-view-options{position:static;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:32px;padding:4px 7px;color:#a9b8c0;font-size:13px;background:#071218d9;border:1px solid #ffffff16;backdrop-filter:blur(5px)}
.game-shell .replay-view-options:before{content:'경기 화면';font:600 13px var(--game-font);color:#d9c891}
.game-shell .replay-view-options select{font-size:13px;min-height:27px;padding:3px 7px;margin-left:auto}
.game-shell .replay-subtitle-toggle{display:flex;align-items:center;gap:5px;white-space:nowrap;color:#c3ced1;cursor:pointer}
.game-shell .replay-subtitle-toggle input{margin:0;accent-color:#c4aa6d}
.game-shell .replay-control{position:static;z-index:3;gap:8px;min-height:42px;padding:7px 8px;margin:0;background:#071218e8;border:1px solid #ffffff17;backdrop-filter:blur(5px)}
.game-shell .replay-control .btn{white-space:nowrap}
.game-shell #replayPrevious,.game-shell #replayNext{min-width:26px;padding:3px 6px;font-size:18px}
.game-shell .replay-subtitle{position:absolute;z-index:4;left:50%;bottom:14px;display:grid;grid-template-columns:auto minmax(0,1fr);gap:3px 12px;align-items:center;width:max-content;max-width:min(72%,680px);padding:10px 15px 11px;transform:translateX(-50%);color:#f2eee2;background:linear-gradient(90deg,#071117f2,#0a1920e8);border:1px solid #c4aa6d5c;border-left:4px solid #c4aa6d;box-shadow:0 8px 24px #0009;backdrop-filter:blur(7px);pointer-events:none}
.game-shell .replay-subtitle[hidden]{display:none}
.game-shell .replay-subtitle>span{grid-row:1/3;align-self:stretch;display:flex;align-items:center;max-width:76px;padding-right:12px;border-right:1px solid #c4aa6d47;font-size:13px;line-height:1.45;color:#d9c487}
.game-shell .replay-subtitle>strong{font-size:15px;line-height:1.35;font-weight:650;text-wrap:balance}
.game-shell .replay-subtitle>small{font-size:13px;line-height:1.4;color:#9fb1b7}
.game-shell .replay-subtitle[data-tone="goal"]{border-color:#e1bd686e;border-left-color:#e1bd68;box-shadow:0 8px 28px #000a,inset 0 0 28px #b8902816}
.game-shell .replay-subtitle[data-tone="goal"]>strong{color:#fff0bd}
.game-shell .replay-subtitle[data-tone="save"]{border-color:#79afd15e;border-left-color:#79afd1}
.game-shell .replay-subtitle[data-tone="save"]>span{color:#a9d4ec;border-right-color:#79afd14d}
.game-shell .replay-subtitle[data-tone="card"]{border-left-color:#d18b72}
.game-shell .replay-match-desk{display:flex;flex-direction:column;min-width:0;min-height:0;overflow:hidden;padding:15px;border-left:1px solid #c4aa6d2b;background:linear-gradient(180deg,#12242c,#0b171e 62%)}
.game-shell .replay-match-desk>header{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;padding-bottom:12px;border-bottom:1px solid #ffffff13;flex-shrink:0}
.game-shell .replay-match-desk>header small{display:block;font-size:13px;color:#8098a4;margin-bottom:4px}
.game-shell .replay-match-desk>header h2{font-size:17px;font-weight:570;margin:0;color:#e4dfcd}
.game-shell .replay-match-desk>header>span{font:13px var(--game-display);color:#d5bd83}
.game-shell .replay-now{display:grid;grid-template-columns:45px minmax(0,1fr) auto;gap:4px 10px;align-items:center;margin:12px 0 9px;padding:13px 12px;background:#c4aa6d12;border:1px solid #c4aa6d42;box-shadow:inset 3px 0 #c4aa6d;flex-shrink:0}
.game-shell .replay-now>time{grid-row:1/3;font:24px var(--game-display);color:#dbc487}
.game-shell .replay-now>div{min-width:0}
.game-shell .replay-now strong,.game-shell .replay-now span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.game-shell .replay-now strong{font-size:13px;color:#f0ead8}
.game-shell .replay-now span{font-size:13px;color:#a8bac1;margin-top:4px}
.game-shell .replay-now>b{font:17px var(--game-display);color:#d7ded9;white-space:nowrap}
.game-shell .replay-now>small{grid-column:2/4;font-size:13px;color:#829aa4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.game-shell .replay-highlight-list{display:flex;flex-direction:column;gap:5px;min-height:0;overflow:auto;padding-right:3px;overscroll-behavior:contain}
.game-shell .replay-highlight-list>p{font-size:13px;line-height:1.7;color:#8da1aa}
.game-shell .replay-highlight-card{display:grid;grid-template-columns:36px minmax(0,1fr);gap:2px 9px;align-items:center;width:100%;min-height:58px;padding:8px 9px;border:1px solid transparent;background:#ffffff05;color:#b9c6c8;text-align:left;cursor:pointer}
.game-shell .replay-highlight-card:hover{background:#ffffff0a;border-color:#ffffff13}
.game-shell .replay-highlight-card:focus-visible{outline:2px solid #dec581;outline-offset:-2px}
.game-shell .replay-highlight-card.is-active{background:#c4aa6d13;border-color:#c4aa6d4d;box-shadow:inset 3px 0 #c4aa6d}
.game-shell .replay-highlight-card>time{grid-row:1/3;font:16px var(--game-display);color:#d7c389}
.game-shell .replay-highlight-card>span{min-width:0}
.game-shell .replay-highlight-card strong,.game-shell .replay-highlight-card small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.game-shell .replay-highlight-card strong{font-size:13px;font-weight:600;color:#dce3de}
.game-shell .replay-highlight-card small{font-size:13px;color:#8096a0;margin-top:4px}
.game-shell .replay-highlight-card>i{grid-column:2;font:13px var(--game-font);font-style:normal;color:#6f8792}
.game-shell .replay-quick-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:9px;background:#ffffff12;flex-shrink:0}
.game-shell .replay-quick-stats>div{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:3px;padding:7px 5px;background:#0d1c23;text-align:center}
.game-shell .replay-quick-stats b{font:13px var(--game-display);color:#d8c188}
.game-shell .replay-quick-stats b:last-child{color:#9fb9c5}
.game-shell .replay-quick-stats span{font-size:13px;color:#8498a0;writing-mode:vertical-rl}
.game-shell .match-stat{grid-template-columns:53px minmax(0,1fr) 53px;gap:9px 5px;padding:13px 0;font-size:13px;border-bottom:0;align-content:center}
.game-shell .match-stat b{font:18px var(--game-display);color:#dec68a}
.game-shell .match-stat b:nth-of-type(2){color:#a4bfce}
.stat-comparison{grid-column:1/-1;height:4px;background:#7291a4;overflow:hidden}
.stat-comparison i{display:block;height:100%;background:#c4aa6d;border-right:3px solid #14212a}
.game-shell .replay-scorers{border-top:1px solid #ffffff16;margin-top:10px;padding-top:15px;overflow:auto;min-height:0;overscroll-behavior:contain}
.game-shell .replay-scorers h3{font-size:13px;font-weight:500;margin:0 0 10px}
.game-shell .replay-scorers>div{display:flex;gap:10px;align-items:center;padding:7px 0;font-size:13px}
.game-shell .replay-scorers time{font-family:var(--game-display);color:#d3bd88;min-width:24px}
.game-shell .replay-scorers b{font-size:13px;margin-left:auto;font-weight:400;color:#99aba4}
.game-shell .replay-scorers p{font-size:13px;color:#95a1a9;line-height:1.7}
.game-shell .match-stats-view .full-match-stats .match-stat{flex:1;padding:12px 5px;font-size:13px;gap:12px;grid-template-columns:80px minmax(0,1fr) 80px}
.game-shell .full-match-stats .match-stat b{font-size:27px}
.game-shell .full-match-stats .stat-comparison{height:7px}
.game-shell .match-stats-view .commentary-log{display:flex;flex-direction:column}
.game-shell .match-stats-view .commentary-log>div{align-items:center;flex:1;min-height:40px;max-height:68px;padding:12px 4px;font-size:13px}
.game-shell .commentary-log .goal-event{background:#c4aa6d09}
.game-shell .commentary-log .goal-event .event-type{color:#e0cb93}
@media(min-width:901px) and (max-width:1350px){
 .game-shell .match-centre{grid-template-columns:1fr;grid-template-rows:82px minmax(0,1fr);gap:9px}
 .game-shell .match-fixture-rail{display:grid;grid-template-columns:112px minmax(0,1fr) 112px;align-items:stretch;gap:10px;height:82px;padding:8px 10px;overflow:hidden}
 .game-shell .match-fixture-rail>.section-heading{align-self:center;padding:0;border:0}
 .game-shell .match-fixture-rail>.section-heading h2{font-size:13px}
 .game-shell .match-fixture-rail>.section-heading span{font-size:13px}
 .game-shell .fixture-window{display:flex;gap:5px;min-width:0;margin:0;overflow-x:auto;overflow-y:hidden}
 .game-shell .fixture-window .fixture-choice{flex:0 0 145px;min-height:0;height:64px;padding:5px 6px}
 .game-shell .fixture-pagination{align-self:center;margin:0;padding:0;border:0}
 .game-shell .fixture-pagination>span{font-size:13px}
 .game-shell .fixture-pagination small{display:none}
}
@media(min-width:901px){
 .game-shell .tactic-settings{padding:10px 18px 14px}
 .game-shell .league-layout{grid-template-columns:minmax(0,1.65fr) minmax(330px,1fr)}
 .game-shell .league-side{display:flex}
 .game-shell .league-table-scroll{overflow:hidden}
 .game-shell .league-table{height:100%;width:100%;margin:0}
 .game-shell .league-table thead{height:31px}
 .game-shell .league-table th{padding:5px 10px}
 .game-shell .league-table td{height:auto;padding:0 10px;font-size:13px}
 .game-shell .league-club svg{height:25px;width:23px}
 .game-shell .league-side>.screen-view-panel{display:flex;flex-direction:column;min-height:0}
 .game-shell .league-side .fixture{flex:1;min-height:44px;padding:9px 0;align-content:center}
 .game-shell .league-side .fixture .opponent{font-size:13px}
 .game-shell .league-side .fixture .score{font-family:var(--game-display);font-size:16px}
}
@media(min-width:901px) and (max-height:820px){
 .game-shell .era-tactics{grid-template-columns:minmax(0,1fr) 280px;gap:14px}
 .game-shell .tactic-settings .form-label{margin:4px 0 15px}
 .game-shell .tactic-settings .instruction-board>div{padding:4px 0;min-height:25px;font-size:13px}
 .game-shell .lineup-readiness{padding:11px 0 5px;margin-top:10px}
 .game-shell .lineup-readiness h3{margin-bottom:8px}
 .game-shell .lineup-readiness dd{font-size:23px}
 .game-shell .lineup-readiness p{margin-top:8px;font-size:13px}
 .game-shell .tactic-settings .tactic-roster-row .portrait{height:27px;width:22px}
 .game-shell .tactic-settings .era-bench .bench-face{height:29px;width:23px}
 .game-shell .league-season-record{padding:0 0 12px}
 .game-shell .league-season-record>svg{width:36px;height:44px}
 .game-shell .league-season-record h2{font-size:16px}
 .game-shell .league-season-record>strong{font-size:34px}
 .game-shell .league-form{padding:8px 0;margin-bottom:7px}
 .game-shell .league-side .promotion-note{padding-top:10px;margin-top:8px}
 .game-shell .league-side .promotion-note p{font-size:13px;line-height:1.6}
 .game-shell .league-table td{font-size:13px}
 .game-shell .league-club svg{height:21px;width:19px}
 .game-shell .replay-match-summary{padding:12px 14px}
 .game-shell .replay-match-summary .match-stat{padding:5px 0;gap:5px}
 .game-shell .replay-scorers{padding-top:10px}
 .game-shell .replay-scorers>div{padding:5px 0}
}
@media(min-width:901px) and (max-width:1190px){
 .game-shell .league-layout{grid-template-columns:minmax(0,1fr) 300px;gap:12px}
 .game-shell .league-table td,.game-shell .league-table th{padding-inline:5px;font-size:13px}
 .game-shell .league-side{padding:12px}
 .game-shell .league-side .fixture{gap:3px;grid-template-columns:25px minmax(0,1fr) 33px minmax(0,1fr) 34px}
 .game-shell .league-side .fixture .opponent{font-size:13px}
 .game-shell .match-replay-view{grid-template-columns:minmax(0,1fr) 270px}
 .game-shell .pitch-help{display:none}
}
@media(max-width:900px){
 .game-shell .pitch-help{display:none}
 .game-shell .tactic-settings>.screen-view-panel{min-height:400px}
 .game-shell .tactic-settings .instruction-board>div{min-height:38px}
 .game-shell .tactic-settings .tactic-roster{min-height:430px}
 .game-shell .match-replay-view{display:grid;grid-template-columns:1fr;grid-template-rows:minmax(390px,1fr) 215px;overflow:auto}
 .game-shell .replay-match-desk{display:grid;grid-template-columns:220px minmax(0,1fr);grid-template-rows:auto 1fr;border-left:0;border-top:1px solid #c4aa6d2b;padding:11px 13px}
 .game-shell .replay-match-desk>header{grid-column:1/-1;padding-bottom:8px}
 .game-shell .replay-now{margin:9px 10px 0 0}
 .game-shell .replay-highlight-list{flex-direction:row;padding:9px 0 0;overflow-x:auto;overflow-y:hidden}
 .game-shell .replay-highlight-card{min-width:200px;height:63px}
 .game-shell .replay-quick-stats{display:none}
 .game-shell .league-side{display:block}
 .game-shell .league-side .fixture{padding:18px 0}
 .game-shell .league-table td{height:36px}
 .game-shell .league-season-record{padding-top:10px}
}
@media(max-width:600px){
 .game-shell .replay-control{flex-wrap:wrap;gap:6px}
 .game-shell .replay-control input[type=range]{order:2;flex-basis:100%;width:100%}
 .game-shell #replayClip{font-size:13px}
 .game-shell .replay-subtitle{bottom:14px;max-width:calc(100% - 32px);grid-template-columns:1fr;padding:9px 12px}
 .game-shell .replay-subtitle>span{grid-row:auto;max-width:none;padding:0 0 4px;border-right:0;border-bottom:1px solid #c4aa6d47}
 .game-shell .replay-subtitle>strong{font-size:13px}
 .game-shell .replay-subtitle>small{font-size:13px}
 .game-shell .era-tactic-player{--face:clamp(30px,11cqw,48px);width:18.5cqw;max-width:none}
 .game-shell .pitch-profile{background:transparent}
 .game-shell .pitch-position{font-size:13px;left:1px;bottom:0}
 .game-shell .pitch-rating{font-size:13px;right:0;bottom:0}
 .game-shell .pitch-name{font-size:13px;height:22px;line-height:20px;padding:0 1px}
 .game-shell .pitch-name b,.game-shell .pitch-name:after{display:none}
 .game-shell .era-tactic-player>select:not(.role-select){height:22px}
 .game-shell .era-tactic-player .role-select{font-size:13px;padding:0 1px;height:23px;min-height:23px}
 .game-shell .match-stats-view .full-match-stats .match-stat{padding:5px 2px;gap:5px;font-size:13px}
 .game-shell .full-match-stats .match-stat b{font-size:18px}
 .game-shell .full-match-stats .stat-comparison{height:3px}
}
/* A very short desktop window remains fully reachable through one outer scroll. */
@media(min-width:901px) and (max-height:649px){
 .game-shell:not([data-page=home])>.content{overflow:auto}
 .game-shell :is(.squad-layout,.era-tactics,.match-centre,.league-layout,.market-layout,.scout-layout){flex:none;min-height:540px}
 .game-shell .club-operations{flex:none;min-height:360px}
}