html,body{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;background:#000;height:100%;margin:0;font-family:system-ui,sans-serif;overflow:hidden}#app{flex-direction:column;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}#screen{image-rendering:pixelated;image-rendering:crisp-edges;background:#000;display:block}#touch{pointer-events:none;display:none;position:absolute;inset:0}body.touch #touch{display:block}.stick{opacity:.5;background:#ffffff0f;border:2px solid #ffffff59;border-radius:50%;width:120px;height:120px;margin:-60px 0 0 -60px;transition:opacity .15s;position:absolute}.stick.active{opacity:1}.stick span{text-align:center;color:#ffffff73;letter-spacing:2px;margin-top:6px;font-size:11px;font-weight:700;position:absolute;top:100%;left:0;right:0}.stick .knob{background:#ffffff59;border-radius:50%;width:52px;height:52px;margin:-26px 0 0 -26px;position:absolute;top:50%;left:50%}#stick-fire .knob{background:#ff503c8c}