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}#magic{right:16px;top:max(16px, env(safe-area-inset-top));color:#ffe678e6;letter-spacing:2px;pointer-events:auto;background:#ffdc5026;border:2px solid #ffdc5099;border-radius:10px;padding:10px 14px;font-size:13px;font-weight:700;position:absolute}#screen-gl{pointer-events:none;background:#000;position:fixed}#btn-crt{right:104px;top:max(16px, env(safe-area-inset-top));color:#ffffff80;letter-spacing:2px;pointer-events:auto;border:2px solid #ffffff40;border-radius:10px;padding:10px;font-size:13px;font-weight:700;position:absolute}#btn-crt.on{color:#ff0;border-color:#ffff0080}#source{text-align:center;white-space:nowrap;letter-spacing:1px;color:#6cf;z-index:2;font-family:ui-monospace,Menlo,monospace;font-weight:700;line-height:1.5;text-decoration:none;display:none;position:fixed;transform:translate(-50%)}#source:hover{color:#fff;text-decoration:underline}body.title #source{display:block}