.touch{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.touch button{touch-action:none;overscroll-behavior:contain;-webkit-tap-highlight-color:transparent}.touch button small{display:block;font-size:9px;line-height:1.2;letter-spacing:.4px}.touch button.pressed{background:#c96624;transform:scale(.95);box-shadow:inset 0 2px 6px #0008;border-color:#ffe699}#mobileHint{display:none}
@media(pointer:coarse){select{font-size:16px!important;min-height:44px}button{min-height:44px}.tabs{flex-wrap:wrap;gap:8px}.tabs button{min-width:105px}.team-card,.grid>label{min-width:0}.team-card select{width:100%;max-width:100%}#musicControls select{width:min(175px,40vw)}#musicControls input{width:55px}.touch{display:flex;gap:12px;width:100%;margin:0;padding:10px max(10px,env(safe-area-inset-right)) 10px max(10px,env(safe-area-inset-left));pointer-events:none}.touch>div{display:flex;gap:8px;pointer-events:none}.touch>div[data-player=player1]{flex:1}.touch>div[data-player=player1] button:nth-child(3){margin-left:auto}.touch button{pointer-events:auto;width:60px;height:60px;min-width:60px;border-radius:18px;padding:5px;font-size:29px;border-width:2px;background:#243d48e8}.touch button[data-action=kickMove]{background:#a8471fe8}.touch button[data-action=upMove]{background:#365c3ce8}.touch>div[data-player=player2]:not([hidden]){flex:1}.touch>div[data-player=player2]:not([hidden])+div{flex:1}.touch>div[data-player=player2]:not([hidden])+div button:nth-child(3){margin-left:0}.touch:has(#touch2:not([hidden]))>div{display:grid;grid-template-columns:repeat(2,60px);justify-content:center}.mobile-playing{overflow:hidden;overscroll-behavior:none}.mobile-playing>header{display:none}.mobile-playing #arena:not([hidden]){position:fixed!important;inset:0;z-index:100;width:100%;height:100dvh;padding:0;background:#050900;box-sizing:border-box;display:flex!important;flex-direction:column;justify-content:center;align-items:center;gap:8px}.mobile-playing #arena .pitch-wrap{width:min(100%,calc((100dvh - 200px)*16/11));max-height:none;flex:none;margin:0}.mobile-playing .toolbar{width:100%;padding:0 8px;margin:0;justify-content:center}.mobile-playing .toolbar>span,.mobile-playing #debug,.mobile-playing #fps{display:none}.mobile-playing .toolbar div{justify-content:center!important;gap:6px}.mobile-playing .toolbar button{font-size:11px;padding:5px 10px;min-height:40px}.mobile-playing #mobileHint{display:block;font-size:12px;margin:0 15px;text-align:center;color:#c7d5dd}.mobile-playing .hud-buttons button{min-height:26px}.mobile-playing .touch{margin-top:8px}.setup-footer button{min-height:44px}.round-check{min-height:38px;width:38px}.arrow{min-height:44px}.classic-screen{max-width:100%;width:100%;min-height:430px}.setupHint{font-size:10px}#setupAdvanced{overflow:auto}.table-scroll{overscroll-behavior:contain}}
@media(pointer:coarse) and (orientation:landscape){.mobile-playing #arena:not([hidden]){gap:0;padding:0 max(8px,env(safe-area-inset-right)) 40px max(8px,env(safe-area-inset-left))}.mobile-playing #arena .pitch-wrap{width:min(calc(100vw - 272px),calc((100dvh - 44px)*16/11))!important}.mobile-playing #mobileHint{display:none}.mobile-playing .toolbar{position:absolute;bottom:0;height:40px;left:0;right:0}.mobile-playing .touch{position:absolute;bottom:52px;left:0;right:0;width:100%;padding-inline:max(12px,env(safe-area-inset-left)) max(12px,env(safe-area-inset-right));margin:0}.mobile-playing .touch button{width:56px;min-width:56px;height:64px;font-size:28px}.mobile-playing .touch:has(#touch2:not([hidden])){justify-content:space-between}.mobile-playing .touch:has(#touch2:not([hidden]))>div{flex:none;grid-template-columns:repeat(2,56px)}.classic-screen{width:min(100%,760px);min-height:420px}.round-check{width:38px;font-size:26px;line-height:26px}.conditions{gap:5px}.condition{font-size:12px}.setup-footer button{font-size:13px}.setup-columns>div:nth-child(2){padding-left:12px}.league-columns{grid-template-columns:1fr 1fr}.panel{padding:12px}.hud-buttons{right:1%}}
@media(pointer:coarse) and (orientation:portrait){.mobile-playing #arena .pitch-wrap{width:100%!important}.mobile-playing .touch{max-width:520px}.mobile-playing .hud-buttons #substitute{font-size:10px;min-width:35px}.mobile-playing .hud-buttons button{width:28px;height:28px;font-size:17px}.mobile-playing .tv-board{transform:translateX(-3%)}.mobile-playing .corner{display:none}.touch:has(#touch2:not([hidden])){gap:5px}.touch:has(#touch2:not([hidden]))>div{grid-template-columns:repeat(2,56px)}.touch:has(#touch2:not([hidden])) button{width:56px;min-width:56px}.teams{grid-template-columns:minmax(0,1fr) 22px minmax(0,1fr)}.grid{grid-template-columns:1fr}.actions{flex-wrap:wrap}.actions #status{width:100%;text-align:center}.conditions{gap:10px}.player-name{font-size:13px}.condition{font-size:12px}.setup-columns{gap:10px}.classic-screen h2{font-size:17px}.table-filter select{max-width:100%}#leagueControls{flex-wrap:wrap}.summary-result>strong{font-size:36px}}
#rotatePhone{display:none}#installHelp{position:fixed;inset:20% max(15px,calc((100vw - 520px)/2));z-index:10002;background:#10212f;border:2px solid #d6e9ee;border-radius:16px;padding:24px;overflow:auto;text-align:center}#installGame{font-size:13px;padding:7px 12px;white-space:nowrap}
@media(pointer:coarse){.mobile-playing #arena .pitch-wrap{position:relative}.mobile-playing .pitch-wrap .touch{position:absolute!important;bottom:22%!important;left:0;right:0;padding:0 10px;margin:0;width:100%;max-width:none;z-index:3;gap:8px}.mobile-playing .touch button{opacity:.7;background:#1c3442b8}.mobile-playing .touch button[data-action=kickMove]{background:#ac4825b8}.mobile-playing .touch button[data-action=upMove]{background:#365d40b8}.mobile-playing .touch button.pressed{opacity:1;background:#c46d32ee}.mobile-playing .touch:has(#touch2:not([hidden])){bottom:18%!important}.mobile-playing .touch:has(#touch2:not([hidden]))>div{gap:5px}.mobile-playing .touch:has(#touch2:not([hidden])) button{height:52px;min-width:48px;width:48px;font-size:23px}.mobile-playing .touch:has(#touch2:not([hidden]))>div{grid-template-columns:repeat(2,48px)}}
@media(pointer:coarse) and (orientation:landscape){.mobile-playing #arena .pitch-wrap{width:min(calc(100vw - 16px),calc((100dvh - 44px)*16/11))!important}}
@media(pointer:coarse) and (orientation:portrait){.mobile-playing #rotatePhone{display:flex;position:fixed;inset:0;z-index:10001;flex-direction:column;justify-content:center;align-items:center;background:#061017f5;padding:30px;text-align:center}.mobile-playing #rotatePhone span{font-size:76px;color:#9ddce9}.mobile-playing #rotatePhone p{font-size:20px;max-width:300px;color:#eef2e7}}
@media(pointer:coarse){.mobile-playing .touch{transform:translateZ(0);contain:layout style;isolation:isolate}.mobile-playing .touch button,.mobile-playing .touch button:hover,.mobile-playing .touch button:active,.mobile-playing .touch button.pressed{transform:none;box-shadow:none;border-color:#f0f0e8;background:#1c3442b8;transition:none}.mobile-playing .touch button[data-action=kickMove],.mobile-playing .touch button[data-action=kickMove]:hover,.mobile-playing .touch button[data-action=kickMove].pressed{background:#ac4825b8}.mobile-playing .touch button[data-action=upMove],.mobile-playing .touch button[data-action=upMove]:hover,.mobile-playing .touch button[data-action=upMove].pressed{background:#365d40b8}.mobile-playing .touch button.pressed{opacity:1}}