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