/* Private beta: mobile overlay, appears only during combat on touch devices */
#mobile-controls{display:none}
@media (hover:none) and (pointer:coarse), (max-width:900px) and (max-height:500px), (max-width:600px) {
 body{touch-action:none}
 #mobile-controls.playing{display:flex;position:fixed;z-index:30;bottom:max(12px,env(safe-area-inset-bottom));left:2%;right:2%;justify-content:space-between;align-items:flex-end;pointer-events:none}
 #mobile-controls .touch-left,#mobile-controls .touch-right{display:flex;align-items:flex-end;gap:7px;pointer-events:auto}
 #mobile-controls button{touch-action:none;user-select:none;-webkit-user-select:none;min-width:clamp(48px,10vw,75px);height:clamp(48px,11vw,75px);padding:7px;text-align:center;font-size:clamp(12px,2.1vw,18px);font-weight:800;color:#fff;background:#101d39da;border:2px solid #77ccef;border-radius:50%;box-shadow:0 3px 16px #000c}
 #mobile-controls .touch-right button{background:#4b1829df;border-color:#ff937f}
 #mobile-controls button.held{background:#27766b;border-color:#e5fff6;transform:scale(.95)}
 #mobile-controls button[data-key="KeyW"]{transform:translateY(-34px)}
 #mobile-controls button[data-key="KeyW"].held{transform:translateY(-34px) scale(.95)}
 #mobile-controls button[data-action="block"]{transform:translateY(-25px)}
 #mobile-controls button[data-action="block"].held{transform:translateY(-25px) scale(.95)}
 #hint{pointer-events:none;bottom:0;font-size:9px;padding:2px 5px}
 @media (orientation:portrait){#mobile-controls.playing:before{content:'Para jogar melhor, vire o celular na horizontal';position:fixed;left:10%;right:10%;top:10px;text-align:center;font-weight:700;background:#101a2de8;padding:8px;border-radius:7px;font-size:12px}}
}

/* Responsive menus remain scrollable; only combat buttons suppress gestures. */
@media (hover:none) and (pointer:coarse), (max-width:900px) and (max-height:500px), (max-width:600px){
 body{touch-action:manipulation}#panel,.screen{touch-action:pan-y;overscroll-behavior:contain}.screen{max-height:100dvh;padding:16px max(12px,env(safe-area-inset-left));padding-bottom:max(20px,env(safe-area-inset-bottom))}.menu{max-width:100%;margin-top:16px}.grid{grid-template-columns:repeat(3,minmax(0,1fr))}.fighter{padding:6px}.fighter .portrait{height:100px}.fighter b{font-size:14px}h1{font-size:clamp(38px,9vw,64px)}h2{font-size:24px}button,select{min-height:44px}.touch-playing #wallet-lite #w-box{max-height:60dvh;overflow:auto}#wallet-lite{max-width:calc(100vw - 20px)}#mobile-controls .touch-fullscreen{position:fixed;left:12px;top:max(10px,env(safe-area-inset-top));height:34px;min-width:0;border-radius:8px;font-size:10px;pointer-events:auto}#mobile-controls button{opacity:.8}#mobile-controls button.held{opacity:1}#mobile-controls .touch-right{gap:5px}#mobile-controls button{min-width:44px;height:48px;padding:5px;font-size:12px}#hint{display:none}
 @media(orientation:landscape) and (max-height:500px){.grid{grid-template-columns:repeat(5,minmax(0,1fr))}.fighter .portrait{height:70px}.screen{padding-top:8px}.row{margin:6px 0}.fighter span{font-size:9px}}
}

@media(max-width:900px){#wallet-panel{max-width:calc(100vw - 24px)!important;font-size:12px!important}#wallet-details{max-height:65dvh;overflow:auto;touch-action:pan-y}#wallet-panel button{padding:8px}body.touch-playing #wallet-details{max-height:45dvh}}