# OverlaySystem.root

## Summary
OverlaySystem.root returns the overlay root `div` used to host all layer DOM content. Layers attach their own containers beneath this node. You can style the root through CSS class/z-index options.

## Syntax
```ts
OverlaySystem.root: HTMLDivElement
const root = overlay.root;
```

## Parameters
This property does not take parameters.

## Returns
`HTMLDivElement` - Root overlay container.

## Type Details
```ts
// No additional descriptor expansion is required for this signature.
```

## Example
```js
const canvas = document.querySelector("canvas");
const wgpu = await WasmGPU.create(canvas);

const overlay = wgpu.createOverlay.system({ className: "wasmgpu-overlay-root" });
overlay.root.style.pointerEvents = "none";
```

## See Also
- [OverlaySystem.parent](./wasmgpu-world-overlaysystem-parent.md)
- [OverlaySystem.addLayer](./wasmgpu-world-overlaysystem-addlayer.md)
- [OverlaySystem.destroy](./wasmgpu-world-overlaysystem-destroy.md)