html,body,#root{margin:0;padding:0;width:100%;height:100%}.app-root{position:relative;width:100vw;height:100vh;overflow:hidden}.main-canvas{width:100%;height:100%}.touch-arrows{position:fixed;left:16px;bottom:16px;width:140px;height:140px;display:grid;grid-template-areas:". up ." "left . right" ". down .";grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr 1fr 1fr;gap:8px;z-index:10;touch-action:none}.arrow-btn{background:#0006;color:#fff;border:1px solid rgba(255,255,255,.7);border-radius:10px;font-size:20px;outline:none;cursor:pointer;-webkit-user-select:none;user-select:none}.arrow-btn:active{background:#fffc;color:#000}.arrow-up{grid-area:up}.arrow-down{grid-area:down}.arrow-left{grid-area:left}.arrow-right{grid-area:right}