.punch-area{touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.punch-area canvas{display:block;width:100%;height:100%;pointer-events:none}.punch-hand{position:absolute;bottom:0;width:42%;height:27%;border:0;background:transparent;color:#713341;font:12px/1.3 SosType,monospace;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;display:flex;align-items:end;justify-content:center;padding-bottom:0}.punch-hand.left{left:0}.punch-hand.right{right:0}.punch-hand:focus-visible{outline:1px dashed #9b6268;border-radius:30%}.punch-area{margin-bottom:10px}