.has-touch-controls #app{height:calc(100dvh - 188px - env(safe-area-inset-bottom,0px))}#touch-controls[hidden]{display:none}#touch-controls{position:fixed;bottom:0;left:0;right:0;box-sizing:border-box;height:calc(188px + env(safe-area-inset-bottom,0px));padding:12px max(12px,env(safe-area-inset-right,0px)) calc(12px + env(safe-area-inset-bottom,0px)) max(12px,env(safe-area-inset-left,0px));display:flex;justify-content:space-between;align-items:center;gap:12px;background:#101014;border-top:1px solid #49434a;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}#touch-controls button{box-sizing:border-box;min-width:44px;min-height:44px;padding:0;border:1px solid #8b828c;border-radius:12px;background:#252129;color:#fff7de;font:600 16px Pixelify Sans,system-ui,sans-serif;touch-action:none;-webkit-tap-highlight-color:transparent}#touch-controls button.held{background:#685866;border-color:#fff7de}#touch-controls button:focus-visible{outline:2px solid #fff7de;outline-offset:2px}.touch-dpad{display:grid;grid-template:repeat(3,48px) / repeat(3,48px);gap:4px}.touch-dpad [data-key=ArrowUp]{grid-area:1 / 2}.touch-dpad [data-key=ArrowLeft]{grid-area:2 / 1}.touch-dpad [data-key=ArrowRight]{grid-area:2 / 3}.touch-dpad [data-key=ArrowDown]{grid-area:3 / 2}.touch-actions{display:grid;grid-template:repeat(3,48px) / repeat(2,minmax(56px,72px));gap:5px}#touch-controls .touch-confirm{background:#e8d8a8;color:#201b24;font-size:20px}#touch-controls .touch-confirm.held{background:#b5a276}.touch-run{grid-column:1 / 3}@media (orientation: landscape) and (max-height: 600px){.has-touch-controls #app{width:calc(100% - 332px);height:100dvh;margin-left:166px}#touch-controls{height:100dvh;background:transparent;border:0;pointer-events:none;padding:6px}#touch-controls button{pointer-events:auto}}html,body,#app{width:100%;height:100%;margin:0}body{background:#10141b;overflow:hidden}canvas{display:block}