:root{--sal:env(safe-area-inset-left,0px);--sar:env(safe-area-inset-right,0px);--sab:env(safe-area-inset-bottom,0px)}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:.45;background:#ffffff0d;border:2px solid #ffffff4d;border-radius:50%;width:116px;height:116px;margin:-58px 0 0 -58px;transition:opacity .15s;position:absolute}.stick.active{opacity:.9}.stick .knob{background:#ffffff59;border-radius:50%;width:50px;height:50px;margin:-25px 0 0 -25px;position:absolute;top:50%;left:50%}.stick.run .knob{background:#ffc850b3}.btn{color:#fff9;letter-spacing:1px;background:#ffffff14;border:2px solid #ffffff59;border-radius:50%;justify-content:center;align-items:center;font-size:11px;font-weight:700;transition:background 50ms;display:flex;position:absolute;transform:translate(-50%,-50%)}.btn.down{color:#fff;background:#ffffff59}#btn-attack{border-color:#ff785a99}#btn-attack.down{background:#ff6e468c}#btn-jump{border-color:#78beff99}#btn-jump.down{background:#64aaff8c}#btn-magic{color:#aab4ffb3;border-color:#788cff80}#btn-magic.down{background:#6e78ff8c}#btn-pause{top:max(8px, env(safe-area-inset-top));right:max(8px, env(safe-area-inset-right));color:#ffffff80;pointer-events:auto;border:2px solid #ffffff40;border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;font-size:13px;font-weight:800;display:flex;position:absolute}#screen-gl{pointer-events:none;background:#000;position:fixed}#btn-filter{top:max(8px, env(safe-area-inset-top));right:calc(max(8px, env(safe-area-inset-right)) + 44px);color:#ffffff80;pointer-events:auto;border:2px solid #ffffff40;border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;font:700 11px sans-serif;display:flex;position:absolute}#btn-filter.on{color:#ff0;border-color:#ffff0080}#ending{image-rendering:pixelated;background:#000;display:none;position:absolute}#ending.show{display:block}