html,body{color:#fff;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;background:#000;height:100%;margin:0;font:13px/1.45 ui-monospace,SFMono-Regular,Menlo,monospace;overflow:hidden}#scene{outline:none;width:100%;height:100%;display:block}#overlay{background:#000c;place-items:center;display:grid;position:fixed;inset:0}#overlay[hidden]{display:none}#status{white-space:pre-wrap;text-align:center;-webkit-user-select:text;user-select:text;max-width:44rem;padding:0 1rem}#overlay.error #status{color:#ff8a80}#hud,#help{left:calc(12px + env(safe-area-inset-left));pointer-events:none;white-space:pre;background:#00000073;border-radius:4px;padding:6px 10px;position:fixed}#hud{top:calc(12px + env(safe-area-inset-top))}#help{bottom:calc(12px + env(safe-area-inset-bottom));color:#ddd}#touch{pointer-events:none;display:none;position:fixed;inset:0}body.touch #touch{display:block}body.touch #help{display:none}body.touch #hud{white-space:pre-wrap;max-width:calc(50vw - 24px);font-size:10px}#stick{width:calc(var(--stick-radius) * 2);height:calc(var(--stick-radius) * 2);margin:calc(var(--stick-radius) * -1) 0 0 calc(var(--stick-radius) * -1);box-sizing:border-box;background:#00000040;border:2px solid #ffffff80;border-radius:50%;position:absolute;top:0;left:0}#stick[hidden]{display:none}#knob{background:#fff9;border-radius:50%;position:absolute;inset:25%}#touch button{pointer-events:auto;touch-action:none;color:#fff;font:inherit;background:#00000059;border:2px solid #ffffff8c;outline:none;margin:0;padding:0;font-size:12px}#touch button.held{background:#fff6}#touch button[hidden]{display:none}#touch-menu{top:calc(12px + env(safe-area-inset-top));right:calc(12px + env(safe-area-inset-right));flex-wrap:wrap;justify-content:flex-end;gap:6px;max-width:calc(50vw - 24px);display:flex;position:absolute}#touch-menu button{border-radius:6px;padding:8px 10px}#touch-actions{right:calc(16px + env(safe-area-inset-right));bottom:calc(16px + env(safe-area-inset-bottom));position:absolute}#touch-actions button{--size:60px;width:var(--size);height:var(--size);right:calc(var(--x) - var(--size) / 2);bottom:calc(var(--y) - var(--size) / 2);border-radius:50%;position:absolute}#touch-actions [data-action=attack]{--size:84px;--x:42px;--y:42px;font-size:14px}#touch-actions [data-action=jump]{--x:150px;--y:36px}#touch-actions [data-action=sprint]{--x:42px;--y:150px}#touch-actions [data-action=block]{--x:126px;--y:126px}#touch-actions [data-action=crouch]{--size:52px;--x:232px;--y:30px;font-size:10px}