/* Keep the original pitch ratio and use the letterbox space for touch controls. */
@media(pointer:coarse) and (orientation:landscape){
 .mobile-playing #arena:not([hidden]){--control-rail:clamp(100px,16vw,144px);padding:env(safe-area-inset-top) 0 calc(48px + env(safe-area-inset-bottom));gap:0}
 .mobile-playing #arena .pitch-wrap{width:min(calc(100vw - 2*var(--control-rail) - 16px),calc((100dvh - 56px - env(safe-area-inset-top) - env(safe-area-inset-bottom))*16/11))!important}
 .mobile-playing #arena>.touch,.mobile-playing #arena>.touch:has(#touch2:not([hidden])){position:absolute!important;bottom:calc(70px + env(safe-area-inset-bottom))!important;left:0;right:0;width:100%;padding:0 max(8px,env(safe-area-inset-right)) 0 max(8px,env(safe-area-inset-left));z-index:3}
 .mobile-playing #arena>.touch button{width:clamp(44px,6.6vw,56px);min-width:44px;height:60px;opacity:.9;font-size:27px}
 .mobile-playing #arena>.touch>div{gap:6px}
 .mobile-playing #arena>.touch:has(#touch2:not([hidden]))>div{grid-template-columns:repeat(2,clamp(44px,6.6vw,56px));gap:6px;flex:none}
 .mobile-playing #arena>.touch:has(#touch2:not([hidden])) button{width:clamp(44px,6.6vw,56px);min-width:44px;height:52px}
 .mobile-playing .toolbar{height:44px;bottom:env(safe-area-inset-bottom)}
 body:not(.mobile-playing){font-size:12px;-webkit-text-size-adjust:100%;text-size-adjust:100%}
 body:not(.mobile-playing)>header{padding:4px 10px;gap:6px;max-width:1100px;min-height:34px;flex-wrap:nowrap}
 header strong{font-size:12px!important;letter-spacing:.3px;white-space:nowrap}#globalFullscreen,#installGame,#updateGame{font-size:10px;padding:4px 8px;min-height:30px;border-width:2px}#musicControls{gap:4px}#musicControls button{font-size:10px;padding:3px 7px;min-height:30px;border-width:2px}#musicControls select{font-size:12px!important;width:125px;min-height:30px;padding:3px;margin:0}#musicVolume{width:40px}
 main{padding:0 8px;margin:0 auto}.panel{padding:6px 10px;border-width:2px}.panel h1{font-size:20px;margin:0 0 3px;padding:2px 0 4px}.panel>p{font-size:11px;line-height:1.2;margin:3px 0}button{font-size:12px;border-width:2px}select{font-size:13px!important;min-height:32px;padding:4px;margin:2px 0}label{font-size:11px}
 #menu>p{display:none}#menu .tabs{margin:5px 0;gap:5px;flex-wrap:wrap}#menu .tabs button{min-width:76px;font-size:11px;min-height:30px;padding:3px 9px}#menu>label{display:flex;align-items:center;justify-content:center;gap:8px}#menu #category{width:min(300px,50%)}#menu .teams{margin:4px 0;gap:12px;grid-template-columns:minmax(0,1fr) 30px minmax(0,1fr)}#menu .team-card{display:grid;grid-template-columns:44px minmax(0,1fr);gap:1px 8px;padding:2px 6px;align-items:center}#menu .team-card>img{grid-column:1;grid-row:1/4;width:40px;height:44px;margin:0}#menu .team-card>label,#menu .team-card>.swatches,#menu .team-card>small{grid-column:2;text-align:left}#menu .team-card select{font-size:13px!important;margin:1px 0;min-height:30px;padding:3px}#menu .team-card>small{font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#menu .swatches{margin:0;height:5px}#menu .swatches i{height:4px}#menu .teams>b{font-size:20px}#menu .actions{gap:8px;margin-top:4px;flex-wrap:wrap}#menu .actions button{min-height:32px;padding:4px 22px}#menu #status{font-size:10px}
 #league:not([hidden]){display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:'title title' 'info info' 'competitions filter' 'tables tables' 'controls controls' 'details details';gap:4px 8px}#leagueTitle{grid-area:title}#leagueInfo{grid-area:info}#careerCompetitions{grid-area:competitions;gap:5px;align-items:center}#careerCompetitions button{font-size:11px;min-height:32px;padding:4px 10px}#league .table-filter{grid-area:filter;display:flex;align-items:center;gap:6px;white-space:nowrap}#tableView{min-width:120px;max-width:180px}.league-columns{grid-area:tables;grid-template-columns:minmax(0,58fr) minmax(0,42fr);gap:8px}.table-scroll{max-height:clamp(100px,calc(100dvh - 190px),350px)}table{font-size:11px}th,td{padding:4px 5px}td img{height:17px;width:17px;margin-right:4px}.fixture-panel h2{font-size:14px;margin:3px}.fixture-panel #fixtures{max-height:clamp(80px,calc(100dvh - 213px),325px)}.fixture-row{min-height:29px;grid-template-columns:20px 1fr 20px 45px 20px 1fr;gap:3px;padding:3px;font-size:11px;padding-bottom:16px}.fixture-row img{width:18px;height:18px}.fixture-row strong{padding:3px}.series-label{font-size:9px;bottom:1px}#leagueControls{grid-area:controls;margin:2px 0 0;gap:8px}#leagueControls button{min-height:32px;padding:4px 18px;font-size:12px}#leagueDetails{grid-area:details;font-size:11px}#leagueDetails summary{cursor:pointer;padding:3px;color:#c5cfbd}#leagueDetails p{font-size:11px;margin:4px;line-height:1.25}
 .classic-screen{min-height:0;height:calc(100dvh - 42px);width:min(100%,720px);padding:5px 12px 40px;overflow:auto}.classic-screen h2{font-size:15px;margin:1px 0;padding:2px}.setup-columns{gap:12px}.field-frame{max-width:225px;width:67%;border-width:4px}.avatar-preview{width:53px;height:53px}.avatar-preview canvas{width:45px;height:45px}.shirt-number{font-size:12px;line-height:15px}.player-name{font-size:11px;min-height:16px;margin:1px 0 4px;padding-bottom:2px}.condition{font-size:11px}.conditions{gap:3px}.round-check{min-height:30px;width:30px;font-size:23px;line-height:23px}.ball-choice{min-height:36px;width:36px;height:36px}.ball-choice canvas{width:26px;height:26px}.ball-options{padding:2px}.setupHint{font-size:9px;margin:3px 0}.setup-columns .static-setting{padding:3px;margin-top:3px;font-size:9px}.setup-footer{bottom:4px}.setup-footer button{min-height:32px;font-size:12px;padding:4px 20px}.arrow{min-height:36px}#setupGear{min-height:28px}#setupAdvanced{inset:3%;padding:8px}#advancedControls .grid{grid-template-columns:repeat(4,minmax(0,1fr))}#advancedControls select{max-width:100%}
}
@media(pointer:coarse) and (orientation:landscape) and (max-width:700px){header strong{max-width:130px;white-space:normal;font-size:11px!important}#musicControls select{width:90px}#musicVolume{display:none}#installGame{max-width:75px;white-space:normal}#careerCompetitions button{font-size:10px;padding:3px 6px}.panel h1{font-size:18px}.fixture-row{grid-template-columns:16px 1fr 16px 35px 16px 1fr;font-size:10px;gap:1px}#tableView{max-width:125px;min-width:100px}}
@media(pointer:coarse) and (orientation:landscape){#league:not([hidden]){height:calc(100dvh - 42px);grid-template-rows:auto auto auto minmax(60px,1fr) auto auto;min-height:0}#league .league-columns{height:100%;min-height:0}#league .table-scroll{height:100%;max-height:none;min-height:0}#league .fixture-panel{display:flex;flex-direction:column;min-height:0;overflow:hidden}#league .fixture-panel #fixtures{min-height:0;max-height:none;flex:1}#leagueDetails[open]{max-height:80px;overflow:auto}}
@media(pointer:coarse) and (orientation:landscape){.mobile-playing #arena:not([hidden]){padding:env(safe-area-inset-top) 0 calc(48px + env(safe-area-inset-bottom))!important;gap:0!important}.mobile-playing #arena .pitch-wrap{margin:0!important}#league .fixture-panel{height:100%}.setup-columns .static-setting{display:none}}