/* Phone presentation only. Combat coordinates, camera and desktop remain unchanged. */
@media (pointer:coarse) and (max-width:1100px) {
 html,body{width:100%;height:100%;overflow:hidden;overscroll-behavior:none}
 body{height:100dvh;-webkit-text-size-adjust:100%}
 body>header,.under,#touch-toggle,#touch-hint,.keys,main>footer{display:none!important}
 main{width:100%;height:100%;max-width:none;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);margin:0}
 #cabinet,#cabinet.touch-playing{width:100%;height:100%;max-height:none;aspect-ratio:auto;padding:0;border:0;margin:0;background:#000}
 #game,#cabinet.touch-playing canvas{position:absolute;width:100%;height:100%;aspect-ratio:auto;object-fit:contain}
 #screen{padding:16px;container-type:size}
 #screen.art-screen{padding:0}
 .art-board{width:100%;height:100%;aspect-ratio:auto;background-size:cover;background-position:center}
 .art-button,.art-setting{font:700 clamp(11px,2.1cqh,16px)/1.1 Arial,sans-serif;letter-spacing:0;min-height:32px;overflow:hidden}
 .menu-pad-hints{display:none}
 .art-board[data-menu-kind="fighter"]{background-image:linear-gradient(#0005,#0009),url('assets/menus/fighter-v2.webp')!important}
 .art-board[data-menu-kind="fighter"] .art-roster{left:18%!important;top:28%!important;width:64%!important;height:49%!important;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;padding:4px;align-content:stretch;grid-auto-rows:minmax(52px,1fr)}
 .roster-choice.has-face{aspect-ratio:auto;min-height:52px;background-position:center 20%!important}
 .roster-choice.has-face span{font:700 10px/1.05 Arial,sans-serif;padding:3px 1px;white-space:normal;overflow-wrap:anywhere}
 .art-board[data-menu-kind="fighter"] .art-fighter{left:1%!important;top:32%;width:16%;height:40%}
 .art-board[data-menu-kind="fighter"] .art-fighter~.art-fighter{left:83%!important}
 .art-board .art-fighter span{font:700 11px/1.2 Arial,sans-serif;overflow-wrap:anywhere}
 .versus-prompt{left:18%;top:16%;width:64%;font:700 14px Arial;padding:8px}
 .art-board[data-menu-kind="fighter"]>.art-button{top:auto!important;bottom:4%;height:40px!important}
 .art-board[data-menu-kind="fighter"]>.art-button[data-action$="lock"],.art-board[data-menu-kind="fighter"]>.art-button[data-action="stage"]{left:35%!important;width:30%!important;justify-content:center}
 .art-board[data-menu-kind="fighter"]>.art-button[data-action*="back"],.art-board[data-menu-kind="fighter"]>.art-button[data-action="home"]{left:2%!important;width:20%!important}
 .art-board[data-menu-kind="fighter"]>.art-button[data-action="shop"]{left:78%!important;width:20%!important}
 .art-board[data-menu-kind="home"] .art-button{height:8%!important;min-height:30px}
 .art-board[data-menu-kind="home"] .art-button[data-action="fullscreen"]{display:none}
 .art-board[data-menu-kind="home"] .art-button[data-action="continue-campaign"]{top:88%!important}
 .art-board[data-menu-kind="home"] .art-button[data-action="versus"]{top:79%!important}
 .art-board[data-menu-kind="home"] .art-button[data-action="challenges"],.art-board[data-menu-kind="home"] .art-button[data-action="settings"]{top:70%!important}
 .art-board[data-menu-kind="home"] .art-button[data-action="shop"],.art-board[data-menu-kind="home"] .art-button[data-action="help"]{top:61%!important}
 .art-board[data-menu-kind="home"] .art-button[data-action="train"]{top:52%!important}
 .art-board[data-menu-kind="home"] .art-button[data-action="play"]{top:43%!important}
 .coin-balance{font:700 13px Arial}
 .pause-panel{width:46%;padding-top:15cqh}.pause-actions button{min-height:36px;font:700 12px Arial}.pause-panel h1{font-size:30px}
 .result-board{padding:12px 4% 24px;min-height:100%}
 .result-brand{display:none}.result-panel{width:90%;max-width:650px}.result-actions{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.result-actions button{min-height:44px;font-size:12px}.result-panel h1{font-size:23px}.result-panel h2{font-size:20px;margin:4px 0}.result-stats{font-size:11px;margin-bottom:8px}.result-eyebrow{margin:0 0 4px}.result-board footer,.result-hint{display:none}
 .now-playing{max-width:45%;font-size:10px;padding:5px 8px;top:18%}
 #touch-controls{bottom:0;background:linear-gradient(transparent,#0009);padding:8px;gap:8px;pointer-events:none}
 #touch-controls button{pointer-events:auto;min-height:44px;min-width:40px;font-size:10px;padding:3px;opacity:.82}
 .touch-move{grid-template-columns:repeat(3,44px);gap:4px}
 .touch-attacks{width:260px;max-width:50%;flex:none;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px}
}
@media (pointer:coarse) and (max-width:1100px) and (orientation:portrait){
 #cabinet.touch-playing canvas{height:calc(100% - 220px);top:0}
 #touch-controls{height:220px;align-items:center;background:#080e13}
 .touch-attacks{grid-template-columns:repeat(3,minmax(0,1fr));max-width:55%;width:220px}
 .art-board[data-menu-kind="fighter"] .art-roster{left:4%!important;width:92%!important;top:38%!important;height:43%!important;grid-template-columns:repeat(4,minmax(0,1fr))}
 .art-board[data-menu-kind="fighter"] .art-fighter{left:15%!important;top:12%;width:30%;height:22%}
 .art-board[data-menu-kind="fighter"] .art-fighter~.art-fighter{left:55%!important}
 .versus-prompt{top:3%;left:5%;width:90%}
 .art-board[data-menu-kind="home"]{background-position:30% center}
 .art-button{font-size:12px}
 .route-layout{grid-template-columns:1fr}.route-preview{display:none}
 .pause-panel{width:80%;padding-top:23cqh}.result-panel{width:95%}
}