@media(max-width:600px){
 .breadcrumb:before{content:"MONEY\A BOXING";white-space:pre-line;display:block;font-size:20px;line-height:.95;letter-spacing:1.1px}
}
#gesture-preview{position:absolute;inset:0;pointer-events:none;z-index:5}
#gesture-preview[hidden]{display:none}
#gesture-preview svg{position:absolute;inset:0;width:100%;height:100%;overflow:hidden}
#gesture-preview line{stroke:#e8c575;stroke-width:3;stroke-linecap:round;opacity:.8}
#gesture-preview circle{fill:#e8c575}
#gesture-preview>span{position:absolute;transform:translate(-50%,-140%);font-size:11px;white-space:nowrap;color:#f7e8bd;background:#101515dd;padding:5px 9px;border:1px solid #b38d4890;border-radius:4px}
#fight-screen[data-input="gestures"] #ring{cursor:crosshair;touch-action:none}
#fight-screen[data-input="buttons"] #ring{cursor:grab}
#fight-screen[data-input="gestures"][data-phase="fighting"] #gesture-guide{display:flex;position:absolute;bottom:151px;left:50%;transform:translateX(-50%);width:max-content;max-width:calc(100% - 200px);flex-direction:column;gap:5px;text-align:center;color:#ead9b8;font-size:11px;line-height:1.4;text-shadow:0 2px 4px #000;background:#0b1113c0;padding:8px 11px;border-radius:5px}
@media(pointer:coarse){
 #fight-screen[data-input="gestures"] .punch-controls{display:none}
 #fight-screen[data-input="gestures"] .movement-controls{left:var(--hud-edge);bottom:62px;transform:none;display:grid;grid-template-columns:82px;gap:7px}
 #fight-screen[data-input="gestures"] .defense-controls{left:auto;right:var(--hud-edge);bottom:62px;display:grid;grid-template-columns:82px;gap:7px}
 #fight-screen[data-input="gestures"] .fight-controls button{min-height:44px;min-width:0!important}
 #fight-screen[data-input="gestures"] .movement-controls button{min-height:44px!important;font-size:11px}
 #fight-screen[data-input="gestures"] #fight-readout{bottom:39px;max-width:95%;font-size:10px}
 #fight-screen[data-input="gestures"][data-phase="fighting"] #gesture-guide{left:100px;right:100px;bottom:73px;transform:none;width:auto;max-width:none;font-size:9px;padding:7px 3px}
}
@media(pointer:coarse) and (max-height:550px) and (min-width:701px){
 #fight-screen[data-input="gestures"] .movement-controls,#fight-screen[data-input="gestures"] .defense-controls{bottom:45px;grid-template-columns:70px;gap:4px}
 #fight-screen[data-input="gestures"][data-phase="fighting"] #gesture-guide{bottom:53px;left:190px;right:190px}
}