* { margin: 0; padding: 0; box-sizing: border-box; }
body, html { width: 100%; height: 100%; overflow: hidden; background-color: #000; font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; user-select: none; }
#app { width: 100%; height: 100%; position: relative; }
canvas { display: block; width: 100%; height: 100%; }

/* HUD Base */
.hud-container { position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; }
.ui-element { pointer-events: auto; }