/* ===== PC version (>= 1100px wide). Loaded with media="(min-width:1100px)" so phones/tablets never see any of it. ===== */
@media (min-width:1100px){
 /* training page: goals board on the left, stats + dice + MATCH on the right */
 body[data-game-page="training"] main.home-desk{display:grid!important;grid-template-columns:minmax(0,1fr) 430px!important;grid-template-areas:none!important;grid-template-rows:auto auto 1fr!important;gap:14px 16px!important;align-items:start}
 body[data-game-page="training"] main.home-desk>*{grid-area:auto!important}
 body[data-game-page="training"] main.home-desk>.quests{grid-area:1 / 1 / 4 / 2!important}
 body[data-game-page="training"] main.home-desk>.player-stat-strip{grid-area:1 / 2 / 2 / 3!important}
 body[data-game-page="training"] main.home-desk>.dice-zone{grid-area:2 / 2 / 3 / 3!important}
}

@media (min-width:1100px){
 /* wider frame on big screens */
 html body #hud,html body .layout{max-width:1340px!important}
 /* training: bigger goal cards (3 x 2) */
 html body[data-game-page="training"] #quests{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:26px 20px!important;padding:70px 26px 28px!important;align-content:start;min-height:590px}
 html body[data-game-page="training"] #quests .quest.gcard{padding:8px 9px 9px!important;gap:6px!important;min-height:0}
 html body[data-game-page="training"] #quests .quest.gcard h3,html body[data-game-page="training"] #quests .quest.gcard h3 *{font-size:15px!important;line-height:1.25!important}
 html body[data-game-page="training"] #quests .quest.gcard .g-pic{height:120px!important}
 html body[data-game-page="training"] #quests .quest.gcard .g-tier,html body[data-game-page="training"] #quests .quest.gcard .g-gain{font-size:11.5px!important;padding:2px 8px!important}
 html body[data-game-page="training"] #quests .quest.gcard .g-mid{gap:10px!important}
 html body[data-game-page="training"] #quests .quest.gcard .g-ico{width:28px!important;height:28px!important}
 html body[data-game-page="training"] #quests .quest.gcard .g-ico svg{width:17px!important;height:17px!important}
 html body[data-game-page="training"] #quests .quest.gcard .g-req{flex-direction:row!important;gap:6px!important}
 html body[data-game-page="training"] #quests .quest.gcard .g-stars span,html body[data-game-page="training"] #quests .quest.gcard .g-stars b{font-size:13px!important}
 html body[data-game-page="training"] #quests .quest.gcard>button{height:36px!important;font-size:14px!important;line-height:34px!important}
 /* stats: 3 x 2 tiles */
 html body[data-game-page="training"] .player-stat-strip{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important;padding:0!important}
 html body[data-game-page="training"] .player-stat-strip>button{height:58px!important;min-height:0!important;padding:8px 12px!important}
 html body[data-game-page="training"] .player-stat-strip>button strong{font-size:22px!important}
 html body[data-game-page="training"] .player-stat-strip>button span:not(.upgrade-notification){font-size:12px!important}
 html body[data-game-page="training"] .dice-zone .dz-felt{padding:6px 4px!important}
 html body[data-game-page="training"] .dice-zone .dz-actions button{font-size:13px!important;white-space:nowrap}
}

@media (min-width:1100px){
 /* MATCH on PC: wide frame, landscape pitch (drawn by match2d-ui.js), MANAGE opens as a right-hand drawer */
 html body .m2d .m2d-live{max-width:1560px!important;padding:12px 22px 14px!important;gap:8px!important}
 html body .m2d .m2d-tv{transform:none}
 html body .m2d .m2d-live .m2d-stage{border-radius:14px!important;box-shadow:0 10px 40px #000a,0 0 0 1px #ffffff14}
 html body .m2d .m2d-live.has-sheet .m2d-stage{margin-right:min(490px,38%)}
 html body .m2d .m2d-sheet,html body .m2d .m2d-sheet.tacm{position:fixed!important;z-index:9100;left:auto!important;right:22px!important;top:96px!important;bottom:14px!important;width:min(470px,38%)!important;height:auto!important;max-height:none!important;border-radius:14px!important;border:2px solid #d9a21b!important;box-shadow:0 10px 40px #000c!important}
 html body .m2d .m2d-manage{padding:12px 24px!important;font-size:16px!important}
 html body .m2d .m2d-speed button{min-width:38px;height:32px;font-size:13px!important}
 html body .m2d .m2d-report p{font-size:15px!important}
}

@media (min-width:1100px){
 /* drawer content: larger type than the phone sheet */
 html body .m2d .m2d-sheet .sh-top button{font-size:13px!important;padding:9px 12px!important}
 html body .m2d .m2d-sheet .sh-body{padding:8px 12px 14px!important}
 html body .m2d .m2d-sheet .m2d-die{width:30px!important;height:30px!important;font-size:15px!important}
 html body .m2d .m2d-sheet .ord3{gap:10px!important}
 html body .m2d .m2d-sheet .o3{padding:20px 8px 10px!important;gap:3px!important;border-radius:12px!important;border-width:2px!important}
 html body .m2d .m2d-sheet .o3 .oc{font-size:10px!important;top:6px!important;left:9px!important}
 html body .m2d .m2d-sheet .o3 i{font-size:30px!important}
 html body .m2d .m2d-sheet .o3 b{font-size:15px!important}
 html body .m2d .m2d-sheet .o3 .cost{font-size:10.5px!important;white-space:normal!important}
 html body .m2d .m2d-sheet .o3 u{font-size:12px!important;padding:3px 10px!important;margin-top:4px!important}
 html body .m2d .m2d-sheet .sh-note{font-size:12px!important}
 html body .m2d .m2d-sheet .m2d-plan{padding:12px!important;font-size:15px!important}
 html body .m2d .m2d-sheet .sb-p{font-size:14px!important;padding:7px 9px!important}
}

@media (min-width:1100px){
 /* create player: wider card, larger controls */
 html body .cp-card{width:min(1080px,92vw)!important;max-width:none!important;padding:22px 26px 26px!important}
 html body .cp-card header b{font-size:30px!important}
 html body .cp-card header small{font-size:14px!important}
 html body .cp-body{grid-template-columns:240px 1fr!important;gap:22px!important}
 html body .cp-id{padding:18px 14px!important}
 html body .cp-id .cp-ava{width:140px!important;height:140px!important}
 html body .cp-id .cp-pos{width:100%}
 html body .cp-groups{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
 html body .cp-g{font-size:16px!important;padding:10px 6px!important}
 html body .cp-form{gap:14px!important}
 html body .cp-f{padding:16px 16px 14px!important}
 html body .cp-form input,html body .cp-form select{height:46px!important;font-size:17px!important}
 html body .cp-clubs{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important}
 html body .cp-k{padding:10px 12px!important;grid-template-columns:36px minmax(0,1fr)!important;column-gap:10px!important;row-gap:7px!important;border-radius:10px!important}
 html body .cp-k img,html body .cp-k i{width:36px!important;height:36px!important}
 html body .cp-k>span{font-size:15px!important}
 html body .cp-k small{gap:3px 4px!important}
 html body .cp-k small span{font-size:12.5px!important;letter-spacing:0!important}
 html body .cp-k small span img{width:14px!important;height:14px!important}
 html body .cp-sign{height:110px!important}
 html body .cp-go{height:56px!important;font-size:18px!important}
}

@media (min-width:1100px){
 /* pre-match editor: horizontal pitch left, role panel right */
 html body .m2d .m2d-pre{max-width:1520px!important;padding:14px 26px 24px!important}
 html body .m2d .m2d-ed{display:grid;grid-template-columns:minmax(0,1fr) 400px;gap:10px 18px;align-items:start}
 html body .m2d .m2d-ed>.m2d-ed-bar,html body .m2d .m2d-ed>.m2d-ph,html body .m2d .m2d-ed>.m2d-tiles{grid-column:1/-1}
 html body .m2d .m2d-ed>.m2d-pbox{grid-column:1;grid-row:3}
 html body .m2d .m2d-ed>.m2d-pan{grid-column:2;grid-row:3;margin:0!important;max-width:none!important;position:sticky;top:8px}
 html body .m2d .m2d-svg.land{width:100%!important;max-width:none!important;max-height:calc(100vh - 190px)!important;aspect-ratio:109/72!important}
 html body .m2d .m2d-vs{padding:12px 20px!important}
 html body .m2d .m2d-vs b{font-size:17px!important}
 html body .m2d .m2d-tiles{grid-template-columns:repeat(auto-fill,minmax(210px,1fr))!important;gap:10px!important}
 html body .m2d .m2d-tile{padding:8px 10px!important}
 html body .m2d .m2d-tile .tt{font-size:12px!important}
 html body .m2d .m2d-tile .ic{height:54px!important}
 html body .m2d .m2d-tile .tv{font-size:13px!important}
 html body .m2d .m2d-pan{font-size:14px}
 html body .m2d .m2d-roles .m2d-chip{font-size:13px!important;padding:7px 11px!important}
}

@media (min-width:1100px){
 /* season-end page (SUMMARY / TABLE / NEWS / CONTRACT): same layout, scaled up for big screens */
 html body.dice3d-on .season-transfer-room.season-transfer-room,html body .season-transfer-room.season-transfer-room{zoom:1.3;max-width:1000px!important;width:auto!important;margin-left:auto!important;margin-right:auto!important}
}

@media (min-width:1100px){
 html body .m2d .m2d-ed>.m2d-subs{grid-column:1/-1}
 html body .m2d .m2d-subs .sb-p{font-size:14px!important;padding:8px 12px!important}
}